Drupal product 3 is the magic number

1,510 views
1,379 views

Published on

Three suggestions for a better initial experience using Drupal core.

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

No Downloads
Views
Total views
1,510
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Drupal product 3 is the magic number

  1. 1. Drupal core product,3 is the magic numberDrupalcon Denver 2012Roy Scholten@royscholten
  2. 2. Volcanos--
  3. 3. D8UXGive newbies (first) andexperts (second) agood initial experience
  4. 4. But, how?
  5. 5. Tested on live humans
  6. 6. Blank canvas isnot a helpful start
  7. 7. D8UXGive newbies (first) andexperts (second) agood initial experience
  8. 8. Design principles1.Easy first, powerfulunder the hood2. Connect the dots3. is the magic number
  9. 9. 1. Easy first: provideonramp
  10. 10. 2. Connect which dots?
  11. 11. 2. Connect the dots
  12. 12. Ihttp://drupal.org/project/portfolio
  13. 13. Ushttp://drupal.org/sandbox/eaton/1324728
  14. 14. Gaghilversum.nl
  15. 15. Butler??
  16. 16. ButlerOnramp for developersExample code for the framework? Dsm().module? SDKs?
  17. 17. Do it! (were in researchphase)Portfolio Snowman Butler#79582 #1210366 ? :-)#497804 #282404 g.d.o #213563
  18. 18. Thank you!Drupalcon Denver 2012Roy Scholten@royscholten
  19. 19. Google usability test report – http://groups.drupal.org/node/218959Portfolio – http://drupal.org/project/portfolioShapes of stories – http://www.youtube.com/watch?v=oP3c1h8v2ZQLessons from Drupal 3 – http://chicago2011.drupal.org/sessions/lessons-drupal-3Usability work – http://groups.drupal.org/usabilityThe ad-free brand – http://www.amazon.com/Ad-Free-Brand-Building-Successful-ebook/dp/B005GVH1DC/ref=cm_cr_pr_product_top
  20. 20. Drupal core product,3 is the magic numberDrupalcon Denver 2012Roy Scholten@royscholten 1
  21. 21. 2
  22. 22. Volcanos--I was supposed to give a previous version of this talkat core conversations in San Fransisco.I kinda did over Skype, but I want to do it for real too. 3
  23. 23. There was a strict format to how to propose a coreconvo then. 4 slides 4
  24. 24. 5
  25. 25. 6
  26. 26. 7
  27. 27. D8UX Give newbies (first) and experts (second) a good initial experienceWhile discussing heuristics for Core, he suggestedthis.Good is a bit more realistic than delightfull 9
  28. 28. But, how?Of course, the question is how 10
  29. 29. Tested on live humansWell, we can check how Drupal first impressions arecurrently 11
  30. 30. Nothe Laocoön Group,Vatican Museums, Rome.100 BCIt shows the Trojan priest Laocoön and his sonsbeing strangled by sea serpents. 13
  31. 31. Hmmmm…The google usability test team just released a greatreport on what is causing people to falter 14
  32. 32. Blank canvas is not a helpful startFor me it boils down to this 15
  33. 33. D8UX Give newbies (first) and experts (second) a good initial experienceSo, how do we do this? 16
  34. 34. Design principles 1.Easy first, powerful under the hood 2. Connect the dots 3. is the magic numberSo, how do we do this? 17
  35. 35. 1. Easy first: provide onrampProvide a clear path of entry.You drive slower there,and there are fewer lanes there. 18
  36. 36. 2. Connect which dots?The ui is fragmented and unweighted. If we donthave an idea of what we want to help people toachieve, we need to be more specific and concrete. 19
  37. 37. 2. Connect the dotsChildrens drawing yes, but a couple essentialelements in place:– some parts filled in– a background prop to give things perspective– you are sure you are going to make it and knowwhat youll end up with 20
  38. 38. The main question to answer when trying to provide abetter initial experience is to say WHO weretargetting.We want to be as specific as possible here, but tohelp start framing this Ive been thinking around threehigh level use cases 21
  39. 39. Me, me, me!Of course we all know designers are the most ego-centric bastards of all, soUs – Then theres this small group of people thatwork together to get something done and tell theworld about itWorld – The most philantropic of all of course aredevelopers. But only to achieve world domination.Aka as the anything scenario. (where abstractflexibility comes from)Lets look at each in a bit more detail. 22
  40. 40. I http://drupal.org/project/portfolioIts human nature for people to think aboutthemselves first. Why not hook into that and providepeople with a starting point to get their own work outthere– Professional portfolio 23
  41. 41. Spend time on this at the design camp in Berlin lastyear. Main objectives:– contact– show work/expertiseTheres a fun spreadsheet out there that exploresspecific variations of this. Look up the portfolio projectand youll find an issue that links to this. 24
  42. 42. Personal example:I make etchings and monotypes.I showcase them on a core-only installUsing a subtheme of Seven, 50 lines of CSSResponsive and everything!(demo) 25
  43. 43. Us http://drupal.org/sandbox/eaton/1324728SnowmanThis hits at the core of what the Drupal project is allabout. 26
  44. 44. Theres a lot to learn from the Lessons from Drupal 3talk Ken Rickard did a couple years agoI have another core-only example site for this 27
  45. 45. Gaghilversum.nlThis is the simple website I set up for the studiowhere all the printing takes place.Again, I made a simple css-only theme for it, other-wise it uses core functionality only 28
  46. 46. Butler ??Ill need your ideas for this one.Dont lose sight of the fact that we are all uber-uber-experts in all things Drupal.Smart developers new to Drupal will need guidancetoo.Not everything for that should be as features orexample code in core, but itd be nice to havesomething in place that shows of the fabulous newarchitecture and APIs available 29
  47. 47. ButlerOnramp for developersExample code for the framework? Dsm().module? SDKs? 30
  48. 48. I think these three high-level use cases provide auseful framework (ha!) to think about this. 31
  49. 49. Do it! (were in research phase) Portfolio Snowman Butler #79582 #1210366 ? :-) #497804 #282404 g.d.o #213563This is rough, But like Dries mentioned in his keynote,we have a month or 2 to further explore these things.And we can work on configuring 32
  50. 50. 33
  51. 51. 34
  52. 52. Thank you!Drupalcon Denver 2012Roy Scholten@royscholten 35
  53. 53. Google usability test report – http://groups.drupal.org/node/218959Portfolio – http://drupal.org/project/portfolioShapes of stories – http://www.youtube.com/watch?v=oP3c1h8v2ZQLessons from Drupal 3 – http://chicago2011.drupal.org/sessions/lessons-drupal-3Usability work – http://groups.drupal.org/usabilityThe ad-free brand – http://www.amazon.com/Ad-Free-Brand-Building-Successful-ebook/dp/B005GVH1DC/ref=cm_cr_pr_product_top 36

×