Connecting the… <ul><li>Drupal Design Camp
Berlin, June 2011
@royscholten </li></ul>
Admin UX++ <ul>Design effective workflows for the primary tasks that create value for the customer and the business. </ul>
Drupal 7 UX focus: content creator Verity <ul><li>Create content… find content… edit content… </li></ul>
Drupal 8 UX…
Site builder tools Content workflows Core product Prairie Grow the team
Site builder tools Content workflows Core product Prairie Grow the team
Drupal 8 UX focus: site builder Jeremy <ul><li>Create layout and navigation: menus, blocks, modules, appearance, regions, ...
Design for the mental model
… But if a View just created a component, and put it into a library, and then over here where you're generating a page lay...
If everything worked this way, the perceived complexity would diminish. Instead, our complexity would be about finding and...
Pages & Components
Site builder tools Content workflows Core product Prairie Grow the team
Does 'Save' publish my content? <ul><li>http://drupal.org/node/1123696 </li></ul>
Site builder tools Content workflows Core product Prairie Grow the team
Core Product <ul><li>Snowman & friends </li></ul>Bill Watterson – Calvin and Hobbes. Obviously
Connect which…?
“ Given two functionally equivalent CMS's, the simplest one should be selected.” Submitted by Dries on January 11,  2006  ...
“To make Drupal great we must take away most of the choices from the default UI.” Submitted by nk (chx) on Sat,  2011 -06-...
 
Use case?
Site builder tools Content workflows Core product Prairie Grow the team
Prairie <ul><li>Improve community performance </li></ul>
Site builder tools Content workflows Core product Prairie Grow the team
Grow the team <ul><li>Have process. Keep usability testing. Checklists. Help the community make better informed design dec...
“The best way to have a good idea is to have lots of ideas”
Diverge / converge
 
Research Model (personas) Requirements Framework design Detailed design
Usability testing <ul><li>&quot;Now I see taxonomy. That's a big word for this kinda stuff. Funny, cause I think of biolog...
Checklists
Site builder tools Content workflows Core product Prairie Grow the team
Designing Drupal <ul><li>Drupal core UI and themes
Drupal contributed projects
Drupal.org </li></ul>
 
? <ul><li>#ddceu ftw! </li></ul>
Upcoming SlideShare
Loading in...5
×

Drupal 8 UX: Connceting the dots

3,763

Published on

An overview of the main areas of focus for UX design work on Drupal during the development cycle for version 8

Published in: Design, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,763
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Hi thanks for coming. Did you all get enough coffee? Good! What I&apos;d like to do today is walk you through the main focus areas we&apos;ll want to improve on while building Drupal 8.
  • For the client it really only just begins once a site has gone live. Making it easy for people to perform their daily and weekly tasks in Drupal administration pages is essential for Drupal&apos;s continued success.
  • Verity is the name of our content creator/editor persona. She is not a site builder but manages the content in a finished Drupal site. She&apos;s the one performing daily and weekly routines tasks to complete. This focus on content creators and editors has resulted in a much better initial UX for these primary content-related tasks. The latest usabilty lab test has shown that some major issues have been fixed here.
  • This also means that during the development of Drupal 7, not much time was spent on improving on other user interface tools. Which means we have a different agenda for Drupal 8!
  • Here it is.
  • The distinction between &amp;quot;sidebar&amp;quot; content and content made absolutely no sense. Content is content. All participants went to the &apos;add content&apos; link to create a sidebar block Browsed the vertical tabs for ways to move it into a sidebar
  • Before thinking of creating an awesome dragdrop layouteditor, we&apos;ll have to reorganize and simplefy the underlying concepts first. We&apos;ll want to clearly establish a page library and a component library. Browse, find and edit pages Browse, find and edit components Youtube clips? More soon
  • Lets also keep a close eye on how Verity is doing though.
  • In another smaller D7 test we found that people were not sure if new content they just saved was published or not. Not diving into this, but it is an interesting read, where seemingly simple customizations can have huge consequences on the framework side of things
  • Knowing which dots to connect depends on knowing the use case you are designing and building for. We should make it a goal to come up with some of these specific use cases and translate them to the minimal basic version you could build of it using only Drupal 8 core (give or take a few small custom modules)
  • So, like with the pages and components concepts, if we are to be connecting the dots, how do we know which dots can join the party in the first place?
  • Dries coming around to paying more attention to usability, january 2006.
  • And this is yesterday. Chx is one of the top core developers, a framework man. But he gets it This
  • A scribble that shows why we need to see multiple ideas for core appls to sufficiently suggest the power of the underlying framework.
  • What 3 opiniated site-starterkits would be really great to have here?
  • Leisa is up next, if we get Skype and the network to behave.
  • We invite everybody to claim their design freedom and explorsuggest alternatives to the options that are on the table.
  • We invite everybody to simply claim design freedom and explore the options for how to solve a certain design problem.
  • The only trick then is to know at what stage of definition the current solution is. You can&apos;t propose a whole new IA when all the landingpage layouts are specced out in photoshop or html/css.
  • So what we did yesterday was go through a couple of quick rounds of divergent and convergent thinking Divergent individually with the initial braindump Convergent thinking while grouping items Some divergence in reshuffling items, renaming or merging concept groups.
  • Usability testing data and research are the two strongest weapans against opinion wars. Copywriting is the fastest and most effective way to improve your user interfaces.
  • Surgical teams that follow a basic cockpit-style checklist in the operating room, from confirming the patient&apos;s name to discussing expected blood loss, reduce the rate of deaths and complications by more than a 33%
  • And mind you! A lot of these challenges can be tackled right now as contrib projects for Drupal 7!
  • As you can see, this is all about designing Drupal itself. The software in all it&apos;s shapes and forms but in many ways you can try and improve community collaboration processes as well. Leisa will have more on that… Say that as a designer you&apos;d want to join the party and contribute
  • I can&apos;t wait to see what will come out of this! Aligning
  • What do you do for Verity in your projects?
  • Are you jeremy? Have you been one? Want to become one? What do you provide other Jeremies with? (kika)
  • Hi thanks for coming. Did you all get enough coffee? Good! What I&apos;d like to do today is walk you through the main focus areas we&apos;ll want to improve on while building Drupal 8.
  • Drupal 8 UX: Connceting the dots

    1. 1. Connecting the… <ul><li>Drupal Design Camp
    2. 2. Berlin, June 2011
    3. 3. @royscholten </li></ul>
    4. 4. Admin UX++ <ul>Design effective workflows for the primary tasks that create value for the customer and the business. </ul>
    5. 5. Drupal 7 UX focus: content creator Verity <ul><li>Create content… find content… edit content… </li></ul>
    6. 6. Drupal 8 UX…
    7. 7. Site builder tools Content workflows Core product Prairie Grow the team
    8. 8. Site builder tools Content workflows Core product Prairie Grow the team
    9. 9. Drupal 8 UX focus: site builder Jeremy <ul><li>Create layout and navigation: menus, blocks, modules, appearance, regions, taxonomy, content types, oh my! </li></ul>
    10. 10. Design for the mental model
    11. 11. … But if a View just created a component, and put it into a library, and then over here where you're generating a page layout, you can add that view to your page as a component?
    12. 12. If everything worked this way, the perceived complexity would diminish. Instead, our complexity would be about finding and identifying the components you want to use on that particular page. But that's a fixable problem. We can write awesome search widgets and stuff.” – merlinofchaos
    13. 13. Pages & Components
    14. 14. Site builder tools Content workflows Core product Prairie Grow the team
    15. 15. Does 'Save' publish my content? <ul><li>http://drupal.org/node/1123696 </li></ul>
    16. 16. Site builder tools Content workflows Core product Prairie Grow the team
    17. 17. Core Product <ul><li>Snowman & friends </li></ul>Bill Watterson – Calvin and Hobbes. Obviously
    18. 18. Connect which…?
    19. 19. “ Given two functionally equivalent CMS's, the simplest one should be selected.” Submitted by Dries on January 11, 2006 - 17:31
    20. 20. “To make Drupal great we must take away most of the choices from the default UI.” Submitted by nk (chx) on Sat, 2011 -06-25 05:47
    21. 22. Use case?
    22. 23. Site builder tools Content workflows Core product Prairie Grow the team
    23. 24. Prairie <ul><li>Improve community performance </li></ul>
    24. 25. Site builder tools Content workflows Core product Prairie Grow the team
    25. 26. Grow the team <ul><li>Have process. Keep usability testing. Checklists. Help the community make better informed design decisions. </li></ul>
    26. 27. “The best way to have a good idea is to have lots of ideas”
    27. 28. Diverge / converge
    28. 30. Research Model (personas) Requirements Framework design Detailed design
    29. 31. Usability testing <ul><li>&quot;Now I see taxonomy. That's a big word for this kinda stuff. Funny, cause I think of biology and stuffed deer&quot; </li></ul>
    30. 32. Checklists
    31. 33. Site builder tools Content workflows Core product Prairie Grow the team
    32. 34. Designing Drupal <ul><li>Drupal core UI and themes
    33. 35. Drupal contributed projects
    34. 36. Drupal.org </li></ul>
    35. 38. ? <ul><li>#ddceu ftw! </li></ul>
    36. 39. Drupal 7 UX focus: content creator Verity <ul><li>Create content, find content, edit content, publish, schedule… </li></ul>
    37. 40. Drupal 8 UX focus: site builder Jeremy <ul><li>Create layout and navigation: add components to pages. </li></ul>
    38. 41. groups.drupal.org/usability <ul><li>yoroy on drupal.org and IRC
    39. 42. @royscholten </li></ul>
    40. 43. Connecting the… <ul><li>Drupal Design Camp
    41. 44. Berlin, June 2011
    42. 45. @royscholten </li></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×