SlideShare una empresa de Scribd logo
1 de 54
Descargar para leer sin conexión
How *Not* To Get Noticed
      Usability Analysis of WordPress
How *Not* To Get Noticed                         WordCamp 2007




                           People don’t notice
                             good design ...
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed                WordCamp 2007




         ... and people will do stuff
               when design fails.
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed                     WordCamp 2007




Matt brought a small team in to analyze WordPress.
How *Not* To Get Noticed                                                                         WordCamp 2007




                               “That’s when I know
                            WordPress is doing its job:
                           when people aren’t even aware
                              they’re using it because
                              they’re so busy using it!
                              —Mark Jaquith, 21 February 2007



                                 http://markjaquith.wordpress.com/2007/02/21/engine-awareness/
How *Not* To Get Noticed                     WordCamp 2007




                    Our goals were simple:
How *Not* To Get Noticed                  WordCamp 2007




                           Findability,
How *Not* To Get Noticed                  WordCamp 2007




                           consistency,
How *Not* To Get Noticed                   WordCamp 2007




                   and something called
                 “unconscious design” or
                   “transparent design.”
How *Not* To Get Noticed                     WordCamp 2007




To start, we could have looked at other models.
How *Not* To Get Noticed                                                             WordCamp 2007




                      Solo Blogger                Power User             Pro Admin




                                     Consultant                Teacher




But instead, developed personas based on research.
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed              WordCamp 2007




                We learned some things:
How *Not* To Get Noticed                      WordCamp 2007




                      Users don’t care what
                       designers intended.
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed                                WordCamp 2007




                      Most visited screens by numbers
                      index.php
                      index.php?page=stats
                      post.php
                      post-new.php
                      edit.php
                      themes.php
                      widgets.php
                      page.php
                      edit-comments.php
                      options-general.php
How *Not* To Get Noticed                     WordCamp 2007




Most people we talked to ignore most of the page.
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed                 WordCamp 2007




So we considered a redesign like this.
How *Not* To Get Noticed                                                                                                          WordCamp 2007



                                                              Global Navigation

                 Dashboard
                  Right Now                                   Recent Comments   See All | Edit   Blog          All | Edit | RSS

                  You have [19] unpublished posts, [27]
                  scheduled posts, and [31] comments in
                  [9] categories.

                               Write a New Post

                  You use the [Hemmingway] theme.

                             Change your Theme

                  You're using WordPress [x.x].

                           Update to WordPress [2.2]



                  Stats                      See All | Edit   Incoming Links    See All | Edit   Plugins   See All | Edit | RSS




But research showed that more was needed.
How *Not* To Get Noticed             WordCamp 2007




           People don’t like surprises.
How *Not* To Get Noticed                                   WordCamp 2007




                           “You have to show people
                              something they've
                              never seen before.
                             And if they've seen it,
                            you have to show them
                                 in a new way.”
                           —Lorelle VanFossen, yesterday
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed     WordCamp 2007




    People like it when you know
       what they’re thinking.
How *Not* To Get Noticed                  WordCamp 2007




People think of their media as objects.
How *Not* To Get Noticed                   WordCamp 2007




And people refer to objects using nouns.
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed            WordCamp 2007




                           Nouns!
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed                      WordCamp 2007




People should navigate by nouns, not verbs.
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed                          WordCamp 2007




                           Users didn’t get it.
How *Not* To Get Noticed                                                                                                         WordCamp 2007


                       “Refer or relate an old post
                             to a new one”                   “Post excerpt”
                                                                                   “Moderate comments
                                                                                   (approve/disapprove”
            “Add image to post”      “Write a new blog post”
                                                                       “Post author”
                                                   “Post a video”
                                                                                           “Respond to comments”
                                                                                                                      “Post a photo from
                                                                                                                       my flickr account”
                                                                                                     “Change my
                                                                                                      password”
            10
            9
            8
 Activity




            7
            6
            5
            4
            3
            2
            1


                       Manage             Create               Posts           Comments           My Profile            Plugins




                                        Blog administrator          Advanced users, 2+ years       Novice to mid-range, 1 year or less
How *Not* To Get Noticed              WordCamp 2007




Clearer verbs as navigation worked.
How *Not* To Get Noticed   WordCamp 2007




People got it.
How *Not* To Get Noticed                           WordCamp 2007




                           Drafts are not drafts
                            most of the time.
How *Not* To Get Noticed                                                                                    WordCamp 2007




                           Working on it
                                                                     Working on it                      In progress
           Working on it
                                                     Starting idea                   Saving for reference




                                           Saving for reference
  In progress
                                                                                     Removed from blog
                  Removed from blog
How *Not* To Get Noticed            WordCamp 2007




                           Drafts
How *Not* To Get Noticed                     WordCamp 2007




                           People like the
                            whole truth.
How *Not* To Get Noticed                 WordCamp 2007




                           The Present
How *Not* To Get Noticed                WordCamp 2007




                           The Future
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed                         WordCamp 2007




                           Show when possible.
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed   WordCamp 2007
How *Not* To Get Noticed                    WordCamp 2007




                 People tend to have one
                  thing to say at a time.
How *Not* To Get Noticed                       WordCamp 2007




After publishing a post, users see a new Post screen.
How *Not* To Get Noticed               WordCamp 2007




But they have nothing more to write.
How *Not* To Get Noticed                     WordCamp 2007




They need suggestions. Nexts. And reassurance.
How *Not* To Get Noticed                  WordCamp 2007




                  Be voyeurs.
             Don’t surprise people.
         Anticipate what people need.
       Don’t be brief at the cost of clarity.
                Show, don’t tell.
          Never stop at a dead end.
How *Not* To Get Noticed                          WordCamp 2007




                           Get Unnoticed.
                               www.happycog.com
                               www.bobulate.com

Más contenido relacionado

Destacado

Biodatatwitt
BiodatatwittBiodatatwitt
Biodatatwittrambuazzz
 
【トピカル】Ec革命?
【トピカル】Ec革命?【トピカル】Ec革命?
【トピカル】Ec革命?Yuya Sakai
 
【月例】物流戦争
【月例】物流戦争【月例】物流戦争
【月例】物流戦争Yuya Sakai
 
【トピカル】風雲急を告げるEC業界を展望する
【トピカル】風雲急を告げるEC業界を展望する 【トピカル】風雲急を告げるEC業界を展望する
【トピカル】風雲急を告げるEC業界を展望する Yuya Sakai
 
【月例】オムニチャネル戦略
【月例】オムニチャネル戦略【月例】オムニチャネル戦略
【月例】オムニチャネル戦略Yuya Sakai
 
【月例】モバイル決済
【月例】モバイル決済【月例】モバイル決済
【月例】モバイル決済Yuya Sakai
 
【論文発表】風雲急を告げるEC業界を展望する -プラットフォーム理論からアーキテクチャ戦略へ-
【論文発表】風雲急を告げるEC業界を展望する -プラットフォーム理論からアーキテクチャ戦略へ- 【論文発表】風雲急を告げるEC業界を展望する -プラットフォーム理論からアーキテクチャ戦略へ-
【論文発表】風雲急を告げるEC業界を展望する -プラットフォーム理論からアーキテクチャ戦略へ- Yuya Sakai
 
【トピカル】電子決済
【トピカル】電子決済【トピカル】電子決済
【トピカル】電子決済Yuya Sakai
 

Destacado (13)

Application
ApplicationApplication
Application
 
Biodatatwitt
BiodatatwittBiodatatwitt
Biodatatwitt
 
Arsenal
ArsenalArsenal
Arsenal
 
【トピカル】Ec革命?
【トピカル】Ec革命?【トピカル】Ec革命?
【トピカル】Ec革命?
 
【月例】物流戦争
【月例】物流戦争【月例】物流戦争
【月例】物流戦争
 
【トピカル】風雲急を告げるEC業界を展望する
【トピカル】風雲急を告げるEC業界を展望する 【トピカル】風雲急を告げるEC業界を展望する
【トピカル】風雲急を告げるEC業界を展望する
 
【月例】オムニチャネル戦略
【月例】オムニチャネル戦略【月例】オムニチャネル戦略
【月例】オムニチャネル戦略
 
【月例】モバイル決済
【月例】モバイル決済【月例】モバイル決済
【月例】モバイル決済
 
【論文発表】風雲急を告げるEC業界を展望する -プラットフォーム理論からアーキテクチャ戦略へ-
【論文発表】風雲急を告げるEC業界を展望する -プラットフォーム理論からアーキテクチャ戦略へ- 【論文発表】風雲急を告げるEC業界を展望する -プラットフォーム理論からアーキテクチャ戦略へ-
【論文発表】風雲急を告げるEC業界を展望する -プラットフォーム理論からアーキテクチャ戦略へ-
 
Reagents in organic synthesis
Reagents in organic synthesisReagents in organic synthesis
Reagents in organic synthesis
 
HTML Layouting
HTML LayoutingHTML Layouting
HTML Layouting
 
【トピカル】電子決済
【トピカル】電子決済【トピカル】電子決済
【トピカル】電子決済
 
Cswip 111 of painting
Cswip 111 of paintingCswip 111 of painting
Cswip 111 of painting
 

Similar a How Not To Get Noticed: WordPress Usability Analysis Findings

Domain Driven Design Javaday Roma2007
Domain Driven Design Javaday Roma2007Domain Driven Design Javaday Roma2007
Domain Driven Design Javaday Roma2007Antonio Terreno
 
Making Ends Meet
Making Ends MeetMaking Ends Meet
Making Ends Meetstephtroeth
 
Hey open source, don’t forget the user! - by Chad Kieffer
Hey open source,  don’t forget the user! - by Chad KiefferHey open source,  don’t forget the user! - by Chad Kieffer
Hey open source, don’t forget the user! - by Chad Kiefferdmthompson
 
The Future of WordPress (WordCamp Montréal)
The Future of WordPress (WordCamp Montréal)The Future of WordPress (WordCamp Montréal)
The Future of WordPress (WordCamp Montréal)Jane Wells
 
Mindmeister Case Study En.Key
Mindmeister Case Study En.KeyMindmeister Case Study En.Key
Mindmeister Case Study En.Keymindmeister
 
Improving Your Website's Usability for Happier Visitors & Stickier User Exper...
Improving Your Website's Usability for Happier Visitors & Stickier User Exper...Improving Your Website's Usability for Happier Visitors & Stickier User Exper...
Improving Your Website's Usability for Happier Visitors & Stickier User Exper...Adam Dunford
 
Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Ajax Experience 2009
 
Surviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity WarsSurviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity WarsJohn McCrea
 
Running Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & PartnersRunning Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & PartnersCraig Peters
 
WordPress Developers Israel Meetup #1
WordPress Developers Israel Meetup #1WordPress Developers Israel Meetup #1
WordPress Developers Israel Meetup #1Yoav Farhi
 
Building a JavaScript Library
Building a JavaScript LibraryBuilding a JavaScript Library
Building a JavaScript Libraryjeresig
 
Effective Testing using Behavior-Driven Development
Effective Testing using Behavior-Driven DevelopmentEffective Testing using Behavior-Driven Development
Effective Testing using Behavior-Driven DevelopmentAlexander Kress
 
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)Paolo Massa
 
Paris Web - Javascript as a programming language
Paris Web - Javascript as a programming languageParis Web - Javascript as a programming language
Paris Web - Javascript as a programming languageMarco Cedaro
 
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay
 
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SKJavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SKDavid Wesst
 
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesGilbert Guerrero
 
Weaving Web 2.0 into Classroom Practice
Weaving Web 2.0 into Classroom PracticeWeaving Web 2.0 into Classroom Practice
Weaving Web 2.0 into Classroom Practicepaulfair
 
Bouc2009 d marks_1004_universe_design
Bouc2009 d marks_1004_universe_designBouc2009 d marks_1004_universe_design
Bouc2009 d marks_1004_universe_designmaqilahmad
 
Scaling Confluence: From Performance to People
Scaling Confluence: From Performance to PeopleScaling Confluence: From Performance to People
Scaling Confluence: From Performance to PeopleAtlassian
 

Similar a How Not To Get Noticed: WordPress Usability Analysis Findings (20)

Domain Driven Design Javaday Roma2007
Domain Driven Design Javaday Roma2007Domain Driven Design Javaday Roma2007
Domain Driven Design Javaday Roma2007
 
Making Ends Meet
Making Ends MeetMaking Ends Meet
Making Ends Meet
 
Hey open source, don’t forget the user! - by Chad Kieffer
Hey open source,  don’t forget the user! - by Chad KiefferHey open source,  don’t forget the user! - by Chad Kieffer
Hey open source, don’t forget the user! - by Chad Kieffer
 
The Future of WordPress (WordCamp Montréal)
The Future of WordPress (WordCamp Montréal)The Future of WordPress (WordCamp Montréal)
The Future of WordPress (WordCamp Montréal)
 
Mindmeister Case Study En.Key
Mindmeister Case Study En.KeyMindmeister Case Study En.Key
Mindmeister Case Study En.Key
 
Improving Your Website's Usability for Happier Visitors & Stickier User Exper...
Improving Your Website's Usability for Happier Visitors & Stickier User Exper...Improving Your Website's Usability for Happier Visitors & Stickier User Exper...
Improving Your Website's Usability for Happier Visitors & Stickier User Exper...
 
Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]
 
Surviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity WarsSurviving (and Thriving in) the Online Identity Wars
Surviving (and Thriving in) the Online Identity Wars
 
Running Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & PartnersRunning Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & Partners
 
WordPress Developers Israel Meetup #1
WordPress Developers Israel Meetup #1WordPress Developers Israel Meetup #1
WordPress Developers Israel Meetup #1
 
Building a JavaScript Library
Building a JavaScript LibraryBuilding a JavaScript Library
Building a JavaScript Library
 
Effective Testing using Behavior-Driven Development
Effective Testing using Behavior-Driven DevelopmentEffective Testing using Behavior-Driven Development
Effective Testing using Behavior-Driven Development
 
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)
Web2.0: from "I know nothing" to "I know something" in 2 hours (what?!?)
 
Paris Web - Javascript as a programming language
Paris Web - Javascript as a programming languageParis Web - Javascript as a programming language
Paris Web - Javascript as a programming language
 
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)
 
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SKJavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK
 
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation Schemes
 
Weaving Web 2.0 into Classroom Practice
Weaving Web 2.0 into Classroom PracticeWeaving Web 2.0 into Classroom Practice
Weaving Web 2.0 into Classroom Practice
 
Bouc2009 d marks_1004_universe_design
Bouc2009 d marks_1004_universe_designBouc2009 d marks_1004_universe_design
Bouc2009 d marks_1004_universe_design
 
Scaling Confluence: From Performance to People
Scaling Confluence: From Performance to PeopleScaling Confluence: From Performance to People
Scaling Confluence: From Performance to People
 

How Not To Get Noticed: WordPress Usability Analysis Findings

  • 1. How *Not* To Get Noticed Usability Analysis of WordPress
  • 2. How *Not* To Get Noticed WordCamp 2007 People don’t notice good design ...
  • 3. How *Not* To Get Noticed WordCamp 2007
  • 4. How *Not* To Get Noticed WordCamp 2007 ... and people will do stuff when design fails.
  • 5. How *Not* To Get Noticed WordCamp 2007
  • 6. How *Not* To Get Noticed WordCamp 2007 Matt brought a small team in to analyze WordPress.
  • 7. How *Not* To Get Noticed WordCamp 2007 “That’s when I know WordPress is doing its job: when people aren’t even aware they’re using it because they’re so busy using it! —Mark Jaquith, 21 February 2007 http://markjaquith.wordpress.com/2007/02/21/engine-awareness/
  • 8. How *Not* To Get Noticed WordCamp 2007 Our goals were simple:
  • 9. How *Not* To Get Noticed WordCamp 2007 Findability,
  • 10. How *Not* To Get Noticed WordCamp 2007 consistency,
  • 11. How *Not* To Get Noticed WordCamp 2007 and something called “unconscious design” or “transparent design.”
  • 12. How *Not* To Get Noticed WordCamp 2007 To start, we could have looked at other models.
  • 13. How *Not* To Get Noticed WordCamp 2007 Solo Blogger Power User Pro Admin Consultant Teacher But instead, developed personas based on research.
  • 14. How *Not* To Get Noticed WordCamp 2007
  • 15. How *Not* To Get Noticed WordCamp 2007 We learned some things:
  • 16. How *Not* To Get Noticed WordCamp 2007 Users don’t care what designers intended.
  • 17. How *Not* To Get Noticed WordCamp 2007
  • 18. How *Not* To Get Noticed WordCamp 2007 Most visited screens by numbers index.php index.php?page=stats post.php post-new.php edit.php themes.php widgets.php page.php edit-comments.php options-general.php
  • 19. How *Not* To Get Noticed WordCamp 2007 Most people we talked to ignore most of the page.
  • 20. How *Not* To Get Noticed WordCamp 2007
  • 21. How *Not* To Get Noticed WordCamp 2007 So we considered a redesign like this.
  • 22. How *Not* To Get Noticed WordCamp 2007 Global Navigation Dashboard Right Now Recent Comments See All | Edit Blog All | Edit | RSS You have [19] unpublished posts, [27] scheduled posts, and [31] comments in [9] categories. Write a New Post You use the [Hemmingway] theme. Change your Theme You're using WordPress [x.x]. Update to WordPress [2.2] Stats See All | Edit Incoming Links See All | Edit Plugins See All | Edit | RSS But research showed that more was needed.
  • 23. How *Not* To Get Noticed WordCamp 2007 People don’t like surprises.
  • 24. How *Not* To Get Noticed WordCamp 2007 “You have to show people something they've never seen before. And if they've seen it, you have to show them in a new way.” —Lorelle VanFossen, yesterday
  • 25. How *Not* To Get Noticed WordCamp 2007
  • 26. How *Not* To Get Noticed WordCamp 2007 People like it when you know what they’re thinking.
  • 27. How *Not* To Get Noticed WordCamp 2007 People think of their media as objects.
  • 28. How *Not* To Get Noticed WordCamp 2007 And people refer to objects using nouns.
  • 29. How *Not* To Get Noticed WordCamp 2007
  • 30. How *Not* To Get Noticed WordCamp 2007 Nouns!
  • 31. How *Not* To Get Noticed WordCamp 2007
  • 32. How *Not* To Get Noticed WordCamp 2007 People should navigate by nouns, not verbs.
  • 33. How *Not* To Get Noticed WordCamp 2007
  • 34. How *Not* To Get Noticed WordCamp 2007 Users didn’t get it.
  • 35. How *Not* To Get Noticed WordCamp 2007 “Refer or relate an old post to a new one” “Post excerpt” “Moderate comments (approve/disapprove” “Add image to post” “Write a new blog post” “Post author” “Post a video” “Respond to comments” “Post a photo from my flickr account” “Change my password” 10 9 8 Activity 7 6 5 4 3 2 1 Manage Create Posts Comments My Profile Plugins Blog administrator Advanced users, 2+ years Novice to mid-range, 1 year or less
  • 36. How *Not* To Get Noticed WordCamp 2007 Clearer verbs as navigation worked.
  • 37. How *Not* To Get Noticed WordCamp 2007 People got it.
  • 38. How *Not* To Get Noticed WordCamp 2007 Drafts are not drafts most of the time.
  • 39. How *Not* To Get Noticed WordCamp 2007 Working on it Working on it In progress Working on it Starting idea Saving for reference Saving for reference In progress Removed from blog Removed from blog
  • 40. How *Not* To Get Noticed WordCamp 2007 Drafts
  • 41. How *Not* To Get Noticed WordCamp 2007 People like the whole truth.
  • 42. How *Not* To Get Noticed WordCamp 2007 The Present
  • 43. How *Not* To Get Noticed WordCamp 2007 The Future
  • 44. How *Not* To Get Noticed WordCamp 2007
  • 45. How *Not* To Get Noticed WordCamp 2007 Show when possible.
  • 46. How *Not* To Get Noticed WordCamp 2007
  • 47. How *Not* To Get Noticed WordCamp 2007
  • 48. How *Not* To Get Noticed WordCamp 2007
  • 49. How *Not* To Get Noticed WordCamp 2007 People tend to have one thing to say at a time.
  • 50. How *Not* To Get Noticed WordCamp 2007 After publishing a post, users see a new Post screen.
  • 51. How *Not* To Get Noticed WordCamp 2007 But they have nothing more to write.
  • 52. How *Not* To Get Noticed WordCamp 2007 They need suggestions. Nexts. And reassurance.
  • 53. How *Not* To Get Noticed WordCamp 2007 Be voyeurs. Don’t surprise people. Anticipate what people need. Don’t be brief at the cost of clarity. Show, don’t tell. Never stop at a dead end.
  • 54. How *Not* To Get Noticed WordCamp 2007 Get Unnoticed. www.happycog.com www.bobulate.com