design http://default/ en Drupal UX call, june 12 2018 http://default/2018/drupal-ux-call-june-12-2018 <div data-history-node-id="419" 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>With live sketching!</p> </div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Today about how to handle buttons you don’t want people to click, indicating global changes, pager behaviour and standards for UI texts.</p> <p><iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/p8rTPtZUxAI" width="560"></iframe></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/design" hreflang="en">design</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> Tue, 12 Jun 2018 21:04:54 +0000 Roy 419 at http://default Doorscheuren en weggooien, http://default/2018/doorscheuren-en-weggooien <div data-history-node-id="399" class="h-entry node node--type-piece node--view-mode-fulltext ds-1col clearfix"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>dat zijn de echte ontwerpbeslissingen.</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/design" hreflang="en">design</a></div> <div class="field__item"><a href="http://default/tag/process" hreflang="en">process</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, 14 May 2018 19:51:33 +0000 Roy 399 at http://default A few links to get started with Drupal UX http://default/2018/few-links-get-started-drupal-ux <div data-history-node-id="395" 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>Links to find out where Drupal design work is happening</p> </div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Join some Slack channels: see <a href="https://www.drupal.org/slack">https://www.drupal.org/slack</a>. First step: visit <a href="http://drupalslack.herokuapp.com">http://drupalslack.herokuapp.com</a> to get an automatic invite.</p> <p>Join some Slack channels:</p> <ul> <li>#contribute</li> <li>#ux</li> <li>#admin-ui</li> </ul> <p>Some admin ui related issues:</p> <ul> <li><a href="https://www.drupal.org/project/ideas/issues/2902399">https://www.drupal.org/project/ideas/issues/2902399</a></li> <li><a href="https://www.drupal.org/project/ideas/issues/2957457">https://www.drupal.org/project/ideas/issues/2957457</a></li> </ul> <p>"usability" is the catch all for design, ux, etc. issues:<br /> <a href="https://www.drupal.org/project/issues/search?issue_tags=usability">https://www.drupal.org/project/issues/search?issue_tags=usability</a></p> <p>If you want to find general small fixes to work on, have a look at the issues tagged "novice":<br /> <a href="https://www.drupal.org/project/issues/search?issue_tags=novice">https://www.drupal.org/project/issues/search?issue_tags=novice</a></p> <p>The (somewhat outdated) UI standards documentation: <a href="http://drupal.org/ui-standards">http://drupal.org/ui-standards</a></p> <p>Links to topics, and a calendar with topic specific meetings: <a href="http://yoroy.com/2017/drupal-core-meetings">http://yoroy.com/2017/drupal-core-meetings</a></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/design" hreflang="en">design</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> Tue, 01 May 2018 12:13:09 +0000 Roy 395 at http://default Designer wanted for the new Drupal core demo http://default/pieces/designer-wanted-new-drupal-core-demo <div data-history-node-id="324" 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>Putting something in the box</p> </div> </div> <div class="field field--name-field-image field--type-image field--label-hidden field__item">/sites/default/files/styles/large/public/20170215-designer-wanted.png?itok=uyV_UZlx</div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>A quick reminder that there are a few days left to apply as the designer for the new demo installation for Drupal 8.</p> <p>Drupal wants to make a better impression fresh out of the box and for that, we need to put something nice in the box first. We now have the opportunity to experiment with sample content in a new “Demo” install profile. That’s why we are now looking for a designer to make that sample content look and feel good.</p> <p>If you are a designer and want to have a big impact on the initial Drupal core user experience, <a href="https://groups.drupal.org/node/516091"><strong>have a look at the plan</strong></a> and consider joining this cool project.</p> <p>Fair warning: getting design work done in Drupal has been notoriously hard, but this project is well scoped and has buy in from the product managers, so I do hope you (or the designer friend you will pass <a href="https://groups.drupal.org/node/516091">this link</a> on to) will put your name in the hat. Thank you!</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/drupal" hreflang="en">drupalplanet</a></div> <div class="field__item"><a href="http://default/tag/design" hreflang="en">design</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> Wed, 15 Feb 2017 14:33:46 +0000 Roy 324 at http://default Designing delivery http://default/pieces/designing-delivery <div data-history-node-id="243" 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>Clarify and make actionable. Repeat</p> </div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>I'm reading <a href="http://shop.oreilly.com/product/0636920033080.do">the book</a>.<br /> Always been fascinated by <a href="http://yoroy.com/pieces/notes-embrace-complexity-scale-agility-dave-snowden">complexity</a> and how to navigate it.<br /> Noticing that as a designer, that's what I like to do. Clarify and make actionable.<br /> Using design to make a strategy concrete, using design to iterate on shippable services.<br /> Continuously.</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/design" hreflang="en">design</a></div> <div class="field__item"><a href="http://default/tag/process" hreflang="en">process</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> Tue, 09 Aug 2016 21:51:54 +0000 Roy 243 at http://default How to make design in open source happen http://default/pieces/how-make-design-open-source-happen <div data-history-node-id="199" 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>Two rough draft lists.</p> </div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h2>Designers that want to get involved in open source projects:</h2> <ul> <li>Don’t burst through the door and start yelling that you’re all doing it wrong. That might be true, but things were not made to suck on purpose.</li> <li>Instead, ease in. Find out where the daily conversation happens. Join and start asking questions. “Why is this working like this?”</li> <li>Usability tests are an ideal way to show which things need improvement.</li> <li>Write a review of the software. Highlight what you think works well and what could be improved.</li> <li>Have a user centred process. Stick to it. Show the work, take people along on the journey towards a solution.</li> <li>Small teams get things done. Take in all the feedback, pick out the useful bits but stay true to your vision.</li> <li>Have a vision.</li> <li>Make sure you care. But not too much.</li> </ul> <h2>Open source projects that want to involve designers:</h2> <ul> <li>Not only code is gold.</li> <li>Design is not the surface layer over a bunch of code. Allow people to dig in, have some patience with what may seem like silly questions.</li> <li>Do you know who the software is for? And what those people want to achieve with it? The answers to these two questions are required foundations or effective design can not happen.</li> <li>Ask for reviews from your users (or: which support questions keep popping up in your bug tracker?)</li> <li>If every feature is important then nothing is important. Design is about making trade-offs, so prioritise. Making this thing easier to do will make those other things less obvious.</li> <li>Interaction designers create the different paths through the software. Information architects organise and structure the necessary words, sentences and other content objects. User interface designers make things look consistent and create the right visual hierarchies. Usability specialists will show you what your users experience. What kind of design expertise would your project benefit from most?</li> <li>Be prepared to write the code that implements somebody else’s ideas.</li> </ul> <p>Yup, plotting <a href="https://fosdem.org/2015/schedule/event/session_5/">my FOSDEM talk</a> in the open :)</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/open-source" hreflang="en">open source</a></div> <div class="field__item"><a href="http://default/tag/design" hreflang="en">design</a></div> <div class="field__item"><a href="http://default/tag/fosdem2015" hreflang="en">fosdem2015</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, 26 Jan 2015 22:36:48 +0000 Roy 199 at http://default FOSDEM 2015 will have an open source design track http://default/pieces/fosdem-2015-will-have-open-source-design-track <div data-history-node-id="191" 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>Lets make better things.</p> </div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>On January 31 and February 1 the 15th edition of the <a href="https://fosdem.org/2015/">FOSDEM</a> event will be held in Brussels, Belgium. FOSDEM (Free and Open Source Software Developers’ European Meeting) is the largest gathering of open source community members in Europe. More than 5000 people will come from all parts of the world to meet, share ideas and collaborate.</p> <p>As the name says, the event is highly developer centric, so the main focus has always been on the technology and the code. But open source software has graphical user interfaces too! Buttons to click, sliders to drag, forms to fill out, boxes to check, screens to swipe and what have you.</p> <p>Useful software attracts users. To keep them around and attract more users, the useful has to be made usable. Which means uncovering and prioritising user goals and needs and doing the work to find out how to best serve those. That’s where design comes in.</p> <p>This year FOSDEM will have it’s <a href="https://fosdem.org/2015/schedule/track/open_source_design/">first ever “devroom” dedicated to the topic of open source design</a>. User experience architects, interaction designers, information architects, usability specialists and designer/coder unicorns will share experiences and discuss the good and bad of design in open source environments.</p> <p>Open source software is a driving force behind all things online. As more aspects of business, culture, society, humanity as a whole move into the digital domain it becomes just as more important to ensure that people don’t get left behind because of the sheer complexity of it all. There’s a lot that the craft of design can contribute to ensure this.</p> <p>I’ll deliver a short talk about how we started, grew and maintain a user experience design team within the <a href="https://www.drupal.org/">Drupal</a> project. Otherwise, <a href="https://fosdem.org/2015/schedule/track/open_source_design/">the schedule</a> is looking great. I’m looking forward to meet my open source designer colleagues.</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/tag/design" hreflang="en">design</a></div> <div class="field__item"><a href="http://default/tag/fosdem" hreflang="en">fosdem</a></div> <div class="field__item"><a href="http://default/drupal" hreflang="en">drupalplanet</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> Thu, 22 Jan 2015 22:26:05 +0000 Roy 191 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