d8ux http://default/ en UX meeting format is evolving http://default/pieces/ux-meeting-format-evolving <div data-history-node-id="238" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="clearfix text-formatted field field--name-field-sub-title field--type-text field--label-above"> <div class="field__label">Sub title</div> <div class="field__item"><p>50/50 on new ideas and reviewing work in progress</p> </div> </div> <div class="field field--name-field-image field--type-image field--label-hidden field__item">/sites/default/files/styles/large/public/ecape-velocity-1.jpg?itok=KRv-75d9</div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>After a couple of weeks of setting up with mostly free-format meetings in IRC we’re going to try a more structured format for our weekly UX meetings:</p> <ul> <li>First half hour: people can introduce a problem + proposed (possible) solution</li> <li>Second half hour: we review any work that has progressed over the past week. Often a core committer will be around to provide guidance or even actually commit changes that are good to go.</li> </ul> <p>We did a first ad-hoc version of this last week, including a hangout with screen sharing. It worked really well, was productive and a lot of fun. Seeing the same thing in action is helpful when discussing user interface changes!</p> <p>Next one is coming up and people from <a href="https://www.acromediainc.com/">Acromedia</a> will present on a topic and outline their proposed solution. For the second part I’m hoping we can review the <a href="https://www.drupal.org/node/2724819">“Place block” experimental module patch</a>.</p> <p>The meeting will take an hour. <a href="https://calendar.google.com/calendar/embed?src=jhj7p0u7link8vvjdqqsqr5qtg%40group.calendar.google.com&ctz=Europe/Amsterdam">Here’s a calendar</a> for the date and time. </p> <p>Want to join? Join the UX channel on <a href="http://drupal.slack.com/">drupal.slack.com</a>. Get an <a href="http://drupalslack.herokuapp.com/">automatic invite here</a>. We’ll link a hangout from there and make sure we’re broadcasting live so at least everybody who wants can follow along and use Slack for background chat.</p> <p>See you there!</p> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-inline"> <div class="field__label">Tags</div> <div class="field__items"> <div class="field__item"><a href="http://default/drupal" hreflang="en">drupalplanet</a></div> <div class="field__item"><a href="http://default/tag/d8ux" hreflang="en">d8ux</a></div> <div class="field__item"><a href="http://default/tag/process" hreflang="en">process</a></div> <div class="field__item"><a href="http://default/tag/meetings" hreflang="en">meetings</a></div> <div class="field__item"><a href="http://default/tag/collaboration" hreflang="en">collaboration</a></div> </div> </div> <span class="hidden"><a href="https://brid.gy/publish/twitter"></a></span> <div class="node__links"> <ul class="links inline"><li class="comment-forbidden"></li></ul> </div> </div> Mon, 30 May 2016 22:53:56 +0000 Roy 238 at http://default 10 places to explore visual & structural hierarchy on Drupal admin screens http://default/pieces/10-places-explore-visual-structural-hierarchy-drupal-admin-screens <div data-history-node-id="237" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="clearfix text-formatted field field--name-field-sub-title field--type-text field--label-above"> <div class="field__label">Sub title</div> <div class="field__item"><p>Your ideas for how to put first things first, please.</p> </div> </div> <div class="field field--name-field-image field--type-image field--label-hidden field__item">/sites/default/files/styles/large/public/visual-hierarchy-illustration.png?itok=XNTz4ilk</div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>One of the <a href="http://yoroy.com/pieces/drupal-ux-conceptual-criticals">critical Drupal UX</a> issues is the lack of visual and structural hierarchy on admin pages. Can you suggest ideas, sketches, mockups for any of the following?</p> <ul> <li>Pick one or more options for the <a href="https://www.drupal.org/node/2518960#comment-11095507">structure</a> page and create a wireframe or two.</li> <li>What can we do for the <a href="https://www.drupal.org/node/2516902">Help page</a>?</li> <li>The filters on the content listing are considered part of the “Add content” link. <a href="https://www.drupal.org/node/2521808">They should not be</a>.</li> <li>What is the right order for <a href="https://www.drupal.org/node/200849">showing different kinds of messages</a>?</li> <li>Code the patch that shows <a href="https://www.drupal.org/node/2489654">views displays as local task items</a>.</li> <li>Looking at admin/structure once more: which items could be moved to a more relevant context? <a href="https://www.drupal.org/node/2521780#comment-11007043">For example</a>. Draw the before/after sitemap.</li> <li>Draw the current and improved sitemap of the <a href="https://www.drupal.org/node/2695771">user & account items</a>?</li> <li>How can we <a href="https://www.drupal.org/node/2514794">make the default homepage look and feel more like a homepage</a>?</li> <li>Sketch alternatives for <a href="https://www.drupal.org/node/1355292">groupings on the Extend page</a>.</li> <li>What would admin/config look like with some items more visible than others?</li> </ul> <p>Post your sketches, plans or ideas to the linked issue or <a href="https://drive.google.com/open?id=0Bz3wdj7xhdmUZkZUVVluTzVrbnc">add this folder to your Google Drive</a> and upload there.</p> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-inline"> <div class="field__label">Tags</div> <div class="field__items"> <div class="field__item"><a href="http://default/drupal" hreflang="en">drupalplanet</a></div> <div class="field__item"><a href="http://default/tag/d8ux" hreflang="en">d8ux</a></div> <div class="field__item"><a href="http://default/tag/hierarchy" hreflang="en">hierarchy</a></div> </div> </div> <span class="hidden"><a href="https://brid.gy/publish/twitter"></a></span> <div class="node__links"> <ul class="links inline"><li class="comment-forbidden"></li></ul> </div> </div> Sun, 17 Apr 2016 20:47:20 +0000 drupal 237 at http://default Drupal UX, the conceptual criticals http://default/pieces/drupal-ux-conceptual-criticals <div data-history-node-id="230" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="clearfix text-formatted field field--name-field-sub-title field--type-text field--label-above"> <div class="field__label">Sub title</div> <div class="field__item"><p>Where Drupal does not meet people’s expectations of how things are done:</p> </div> </div> <div class="field field--name-field-image field--type-image field--label-hidden field__item">/sites/default/files/styles/large/public/perceived%20drupal_0.jpg?itok=zTbLASUP</div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><a href="https://www.drupal.org/node/2497361">Where Drupal does not meet people’s expectations of how things are done:</a></p> <ol> <li><strong>Using unfamiliar words for basic concepts.</strong> Naming things is hard. Understanding weirdly named things is even harder.</li> <li><strong>Lack of wayfinding, onboarding, getting started instructions make people feel lost.</strong> They are not guided towards quick successes that instill confidence.</li> <li><strong>No visual hierarchy in how features, options are presented.</strong> Everything is presented as equally important which makes it hard to make choices, it doesn’t help people “guestimate” and “satisfice”, which is the default mode of operating, especially when exploring something new.</li> <li><strong>People are never really sure they are doing the right thing.</strong> Depending on previews to check if they’re on track makes for inefficient workflows.</li> <li><strong>Order of how to do things is backwards.</strong> People are forced to create abstract placeholders first before being able to do the actual thing. Having to put a menu in a block in a region on a page whereas people want to click the spot on the page where they want to add some navigation links.</li> <li><strong>The standard installation is too sparse</strong>, making Drupal appear limited in functionality.</li> <li><strong>The ‘river of news’ model for the homepage is outdated</strong> and causes confusion after creating the first post.</li> <li><strong>All of the above lead to a reluctance to explore and probe functionality.</strong> The impression people get is that Drupal is limited in what it can do.</li> </ol> <p>One of the D8UX design principles was to connect the dots. It obviously still should be a, if not <em>the</em> guiding principle because the above list makes it clear that the lack of guidance, presets, and hierarchy/prioritisation of functionality is what makes people stumble.</p> <p>No solutions offered in this post, just compiling the list :-)</p> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-inline"> <div class="field__label">Tags</div> <div class="field__items"> <div class="field__item"><a href="http://default/tag/drupal" hreflang="en">Drupal</a></div> <div class="field__item"><a href="http://default/tag/ux" hreflang="en">ux</a></div> <div class="field__item"><a href="http://default/tag/d8ux" hreflang="en">d8ux</a></div> </div> </div> <span class="hidden"><a href="https://brid.gy/publish/twitter"></a></span> <div class="node__links"> <ul class="links inline"><li class="comment-forbidden"></li></ul> </div> </div> Sat, 23 Jan 2016 00:44:20 +0000 Roy 230 at http://default Drupal 8 = Drupal 7 contrib http://default/blog/drupal-8-drupal-7-contrib <span class="field field--name-title field--type-string field--label-hidden">Drupal 8 = Drupal 7 contrib</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="http://default/users/roy" typeof="schema:Person" property="schema:name" datatype="" xml:lang="">Roy</span></span> <span class="field field--name-created field--type-created field--label-hidden">29-04-2011</span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Drupal initiative work is spinning up. Research, planning and scoping things. Important, but up till a point. Many of the changes we want to bring to core for Drupal 8 can be done as contributed projects right now.</p> <p>Starting in contrib has some important advantages. You get to ship your project earlier and more often. Drupal 7 sites can benefit from your solution. The code and concept can be tested and improved based on feedback coming from actual use in the wild.</p> <p>Can't speak on how things work best for refactoring underlying framework plumbing, I imagine this works especially well for new features for the Drupal core application.</p> <p>Want to improve the core book module for the <a href="http://groups.drupal.org/node/134069#comment-446319">Snowman</a> use case? Start in contrib, now.<br /> Want to <a href="http://groups.drupal.org/node/142609">make Seven admin theme ready for small screens</a>? Start in contrib, now.<br /> Want to make <a href="http://groups.drupal.org/node/18008">better filters for content and other admin listings</a>? You get the point…</p> <p>Don't wait for momentum in core development. Develop the concept in contrib so that we can <a href="http://www.unleashedmind.com/en/blog/sun/more-than-50-drupal-modules-moved-into-drupal-7">add mature and tested features</a> to core.</p> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="http://default/tag/drupal" hreflang="en">Drupal</a></div> <div class="field__item"><a href="http://default/tag/d8ux" hreflang="en">d8ux</a></div> </div> Thu, 28 Apr 2011 22:15:14 +0000 Roy 55 at http://default A short list of Drupal 8 UX priorities http://default/blog/short-list-drupal-8-ux-priorities <span class="field field--name-title field--type-string field--label-hidden">A short list of Drupal 8 UX priorities</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="http://default/users/roy" typeof="schema:Person" property="schema:name" datatype="" xml:lang="">Roy</span></span> <span class="field field--name-created field--type-created field--label-hidden">27-04-2011</span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>(where <a href="http://www.disambiguity.com/5-ux-initiatives-for-drupal8/">Leisa</a> has the long-form version)</p> <h3>Work the UX design process.</h3> <p><em>Help developers make better design decisions. More usability engineering. Grow the team.</em></p> <p>See: pattern library, issue queue work in Prairie, <a href="http://groups.drupal.org/usability-testing-group">Minnesota Lab testing</a>, <a href="http://acquia.com/blog/more-usable-drupal">Acquia testing</a></p> <hr /> <h3>Improve core site building tools</h3> <p><em>Help <a href="http://www.d7ux.org/who-is-d7ux-for/">Jeremy</a> build sites.</em></p> <p>See: <a href="http://groups.drupal.org/node/137469">Core context UI</a>, Modules page, menus, content types (Field UI)</p> <hr /> <h3>Design content editor workflows</h3> <p><em>Connect the dots for <a href="http://www.d7ux.org/who-is-d7ux-for/">Verity</a>, so that she can get her new content out and manage existing stuff.</em></p> <p>See: <a href="http://drupal.org/project/workbench">Workbench</a>, <a href="http://groups.drupal.org/web-managerscontent-editors">Content editor group</a></p> <hr /> <h3>Make the initial install a more focussed application</h3> <p><em>Connect some more dots: what does a base Drupal install do for you? Can we do 3 fun, core-only Apps?</em></p> <p>See: <a href="http://groups.drupal.org/snowman">Snowman</a>, install profiles</p> <hr /> <h3>Improve the social architecture for community collaboration</h3> <p><em>Make contributing more awesome for more people. Humanize community tools and processes.</em></p> <p>See: <a href="http://groups.drupal.org/prairie">Prairie initiative</a></p> </div> <div class="field field--name-taxonomy-vocabulary-1 field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="http://default/tag/drupal" hreflang="en">Drupal</a></div> <div class="field__item"><a href="http://default/tag/d8ux" hreflang="en">d8ux</a></div> <div class="field__item"><a href="http://default/tag/design" hreflang="en">design</a></div> </div> Tue, 26 Apr 2011 23:52:01 +0000 Roy 54 at http://default