Don't design only a great web site. Unsuspecting clients will be exposed to the Drupal administrative interface as well. We'll look at the main user experiences you want to design for. Hint: bring your favorite admin theme and node/add page.

Drupal 8 UX: Connceting the dots - Presentation Transcript

1. Connecting the…
   • Drupal Design Camp
   • Berlin, June 2011
   • @royscholten
2. Admin UX++
   Design effective workflows for the primary tasks that create value for the customer and the business.
3. Drupal 7 UX focus: content creator Verity
   • Create content… find content… edit content…
4. Drupal 8 UX…
5. Site builder tools Content workflows Core product Prairie Grow the team
6. Site builder tools Content workflows Core product Prairie Grow the team
7. Drupal 8 UX focus: site builder Jeremy
   • Create layout and navigation: menus, blocks, modules, appearance, regions, taxonomy, content types, oh my!
8. Design for the mental model
9. … 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?
10. 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
11. Pages & Components
12. Site builder tools Content workflows Core product Prairie Grow the team
13. Does 'Save' publish my content?
    • http://drupal.org/node/1123696
14. Site builder tools Content workflows Core product Prairie Grow the team
15. Core Product
    • Snowman & friends
    Bill Watterson – Calvin and Hobbes. Obviously
16. Connect which…?
17. “ Given two functionally equivalent CMS's, the simplest one should be selected.” Submitted by Dries on January 11, 2006 - 17:31
18. “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
19.  
20. Use case?
21. Site builder tools Content workflows Core product Prairie Grow the team
22. Prairie
    • Improve community performance
23. Site builder tools Content workflows Core product Prairie Grow the team
24. Grow the team
    • Have process. Keep usability testing. Checklists. Help the community make better informed design decisions.
25. “The best way to have a good idea is to have lots of ideas”
26. Diverge / converge
27.  
28. Research Model (personas) Requirements Framework design Detailed design
29. Usability testing
    • "Now I see taxonomy. That's a big word for this kinda stuff. Funny, cause I think of biology and stuffed deer"
30. Checklists
31. Site builder tools Content workflows Core product Prairie Grow the team
32. Designing Drupal
    • Drupal core UI and themes
    • Drupal contributed projects
    • Drupal.org
33.  
34. ?
    • #ddceu ftw!
35. Drupal 7 UX focus: content creator Verity
    • Create content, find content, edit content, publish, schedule…
36. Drupal 8 UX focus: site builder Jeremy
    • Create layout and navigation: add components to pages.
37. groups.drupal.org/usability
    • yoroy on drupal.org and IRC
    • @royscholten
38. Connecting the…
    • Drupal Design Camp
    • Berlin, June 2011
    • @royscholten