Drupalusability

2,559 views
1,884 views

Published on

A presentation about the Usability testing of Drupal during February of 2009. This presentation was given during DrupalCon in DC.

Published in: Technology
1 Comment
1 Like
Statistics
Notes
  • By the way, the videos actually work if you download the slides. And, the transparency is not all messed up. I'd recommend downloading the slides to view them
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,559
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
52
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide
  • Drupalusability

    1. Drupal Usability Testing University of Baltimore February 2009
    2. Why do another usability study? <ul><li>Just as the testing framework is used to test code, usability tests are used to test User Interface changes </li></ul><ul><li>Drupal needs to be easy to use </li></ul>
    3. Video
    4.  
    5. Dries’ Challenge <ul><li>“ ...I won't release Drupal 7 until I crossed off </li></ul><ul><li>at least 90% of the problems they identified.” </li></ul><ul><li>source: http://buytaert.net/usability-usability-and-usability </li></ul>
    6. Differences <ul><li>Less formal </li></ul><ul><li>Beginner and Intermediate </li></ul><ul><li>Remote sessions </li></ul>
    7. University of Baltimore Usability Lab <ul><li>Eye tracking </li></ul><ul><li>One way mirror </li></ul>
    8. Behind the glass Bojhan Somers ( bojhan ) Brad Bowman ( beeradb ) Addison Berry ( add1sun ) Becca Scollon ( beccascollan ) Matt Tucker ( ultimateboy ) Sumit Kataria ( sumitk ) Nathan Haug ( quicksketch ) Nat Catchpole ( catch )
    9. Participants <ul><li>Freelance developer </li></ul><ul><li>Systems consultant </li></ul><ul><li>Lead programmer </li></ul><ul><li>Lead UI developer </li></ul><ul><li>Student </li></ul><ul><li>Product director </li></ul><ul><li>Professor (web design) </li></ul><ul><li>Computer consultant </li></ul><ul><li>Internet application developer </li></ul><ul><li>Designer and developer </li></ul><ul><li>Admin assistant - blogger </li></ul>
    10. Participants <ul><li>Freelance developer </li></ul><ul><li>Systems consultant </li></ul><ul><li>Lead programmer </li></ul><ul><li>Lead UI developer </li></ul><ul><li>Student </li></ul><ul><li>Product director </li></ul><ul><li>Professor (web design) </li></ul><ul><li>Computer consultant </li></ul><ul><li>Internet application developer </li></ul><ul><li>Designer and developer </li></ul><ul><li>Admin assistant - blogger </li></ul>94 years combined web and/or CMS experience
    11.  
    12.  
    13.  
    14. Intermediate test plan <ul><li>Install Drupal </li></ul><ul><li>Create content </li></ul><ul><li>Add a link to the Navigation Menu </li></ul><ul><li>Create a content type </li></ul><ul><li>Setup roles and permissions </li></ul><ul><li>Categorize content </li></ul><ul><li>Enable and use Path module </li></ul><ul><li>Add <img> to Filtered HTML </li></ul><ul><li>Enable search </li></ul><ul><li>Set up a trigger for new content notifications </li></ul>
    15. Beginner test plan <ul><li>Install Drupal </li></ul><ul><li>Post some sample content </li></ul><ul><li>Add a link to the Navigation Menu </li></ul><ul><li>Add a block to the right sidebar </li></ul><ul><li>Categorize content </li></ul><ul><li>Change the color of the site </li></ul>
    16. Approach <ul><li>Test and observe </li></ul><ul><li>Analyze and stickies </li></ul><ul><li>Organize and prioritize </li></ul><ul><li>Record and share </li></ul>
    17.  
    18. Drupal 7.x + patches <ul><li>Vertical tabs [#323112] </li></ul>
    19.  
    20.  
    21.  
    22. Drupal 7.x + patches <ul><li>Text format widget [#304330] </li></ul>
    23.  
    24.  
    25.  
    26. Drupal 7.x + patches <ul><li>Remove ‘post-settings’ admin screen [#361277] </li></ul>
    27. Drupal 7.x + patches <ul><li>Finer control over the Parent Menu select box [#351249] </li></ul>
    28.  
    29.  
    30. Drupal 7.x + patches <ul><li>Recap </li></ul><ul><li>Vertical tabs [#323112] </li></ul><ul><li>Text format widget [#304330] </li></ul><ul><li>Remove ‘post-settings’ admin screen [#361277] </li></ul><ul><li>Finer control over the Parent Menu select box [#351249] </li></ul>
    31. Password checker before
    32. Password checker after
    33. Findings
    34. Findings A few things are working…
    35. Stuff that works <ul><li>Drupal installation </li></ul>
    36. Video
    37.  
    38. Stuff that works <ul><li>‘Input formats’ => ‘Text formats’ </li></ul>
    39.  
    40.  
    41. Findings We confirmed issues from the first two studies. …giving us a better sense of what's most important.
    42. Issues <ul><li>How do I create content? </li></ul>
    43. Video
    44.  
    45. Issues <ul><li>WTF am I looking at? WTF do users see? </li></ul>
    46. Video
    47.  
    48. WTF am I looking at?
    49. WTF am I looking at?
    50. Issues <ul><li>Navigation + administration & menus as blocks </li></ul>
    51. Video
    52.  
    53. Node orphanage <ul><li>Nodes are orphaned by default unless they are promoted to the front page. </li></ul><ul><li>Menus and taxonomy are optional, and mis-understood. </li></ul><ul><li>Even if they find the content in admin/content/node it “isn't part of the site”. </li></ul>
    54. Issues <ul><li>How do I create content? </li></ul><ul><li>WTF am I looking at? WTF do users see? </li></ul><ul><li>Navigation + administration & menus as blocks </li></ul><ul><li>Node orphanage </li></ul>
    55. Findings We found some new -ish issues … mostly from our intermediate group.
    56. Search <ul><li>When you enable the search module, the box appears magically in the theme. </li></ul><ul><li>Users enabled the search block before they saw the one already created. </li></ul><ul><li>Users click 're-index' to re-index their site. (even when they know about cron) </li></ul>
    57.  
    58. Video
    59.  
    60. Menus <ul><li>Users aren't clear who can see the navigation menu. </li></ul><ul><li>The relationship between menus and blocks is not made clear. </li></ul><ul><li>Menu item creation is ordered path first, then title, unlike most other forms in Drupal where title or name is first. </li></ul><ul><li>Parent item selection – “Create a main menu item” is a valid menu parent. </li></ul>
    61.  
    62. Text formats
    63.  
    64.  
    65. No configuration!
    66.  
    67.  
    68. Taxonomy <ul><li>Wall of text - “That’s more than I want to read right now” </li></ul><ul><li>Expect categories or tags - not configurable vocabularies </li></ul><ul><li>The example 'Tags' vocabulary without a corresponding example of a structured vocabulary is confusing. </li></ul><ul><li>Terms are created in alphabetical order, not the order entered. </li></ul><ul><li>&quot;Abstract” </li></ul>
    69. <ul><li>Terms sorted alphabetically </li></ul><ul><li>instead of order of entry </li></ul>
    70. Video
    71.  
    72. Solution <ul><li>Help patch with additional features </li></ul>
    73. Example
    74. Enable the search module and then…
    75.  
    76. Dries’ Challenge <ul><li>“ ...I won't release Drupal 7 until I crossed off </li></ul><ul><li>at least 90% of the problems they identified.” </li></ul><ul><li>source: http://buytaert.net/usability-usability-and-usability </li></ul>
    77. 5% took us 7 months
    78. 128 specific issues
    79. 90% When it’s ready. (estimated 2019)
    80. <ul><li>All issues, videos, test plans </li></ul><ul><li>www.drupalusability.org </li></ul>
    81. Special thanks to And many more …
    82. <ul><li>All issues, videos, test plans </li></ul><ul><li>www.drupalusability.org </li></ul>

    ×