SlideShare una empresa de Scribd logo
1 de 37
Jun Xiao
                                       THE   7   PITFALLS FOR


                         NerdStock
                       July 18, 2012
                                             CRAPPY

                                              UI
                                             DESIGN

Tuesday, July 24, 12
DISCLAIMER
           The contents of this presentation represent the view of
           the presenter, which is me, and are presented at
           NerdStock for information and awareness only. I shall
           not be held liable for any verbal or physical fights
           between you and your boss or customers over UI
           designs arising directly or indirectly from use of this
           information as I am neither a graphic designer nor an
           UI expert. I am a fellow nerd just like you.



Tuesday, July 24, 12
layman’s definitions of some



                 Professions

Tuesday, July 24, 12
User Research Usability Testing

                               to get the

                       right design design right




Tuesday, July 24, 12
Your Pick?




                       - Debate at Hacker News over “Why Your Links Should Never Say ‘Click Here’”


Tuesday, July 24, 12
However beautiful the strategy, you
                should occasionally look at the results.
                                        - Winston Churchill


               Sometimes, pragmatism can be at odds with
               passion and innovation.




Tuesday, July 24, 12
Information Graphic/Visual
                          Architect Designer
                            worries about

            room, door, and hallway   paint, furniture and carpet




Tuesday, July 24, 12
“We will go into your houses and redesign them the same
          way your web sites are designed. The basement will be the
          first thing you see, the kitchen will be unreachable except
          through the bedroom and both bathrooms.” - Ann Feeny,
          Information Architect's Manifesto

          “We will go into our houses and redesign them the way your
          apps are designed. The family room looks like a modern igloo
          with stainless steel everywhere, while the kitchen looks like
          a roadside diner in the 70's, and the master bedroom has
          pink Disney princess wallpaper.” – Jun Xiao, Visual Designer’s
          Manifesto




Tuesday, July 24, 12
I am the user
            Loose buttons
            Metaphor abuse
            Style over substance
                                          THE7       PITFALLS


            Too much of substance
            Being too critical or too helpful
            Consistent for the sake of consistency
                                                         jxiao@mmm.com



Tuesday, July 24, 12
1   I am the user




Tuesday, July 24, 12
You are statistically insignificant




Tuesday, July 24, 12
back to the early days of windows ...


Tuesday, July 24, 12
... and Mac OS does things the opposite (inconvenient) way



Tuesday, July 24, 12
2   Loose buttons




Tuesday, July 24, 12
Tuesday, July 24, 12
Tuesday, July 24, 12
- from a blog post by Lawrence Eng



Tuesday, July 24, 12
3   Metaphor abuse




Tuesday, July 24, 12
Apple Logic’s UI



Tuesday, July 24, 12
Quicktime 4’s volume control



Tuesday, July 24, 12
4   Style over
                           substance




Tuesday, July 24, 12
iBook by Apple



Tuesday, July 24, 12
THE ONLY GOOD THING
                 A B O U T B A D TA S T E
                 I S T H AT YO U D O N ’ T
                 KNOW YOU HAVE IT



Tuesday, July 24, 12
- Arturo Toledo, Sr. user experience designer for Windows Phone


Tuesday, July 24, 12
5   Too much of
                           substance




Tuesday, July 24, 12
Tuesday, July 24, 12
from www.ihatelotusnotes.com


Tuesday, July 24, 12
The antidote?   CRAP.




Tuesday, July 24, 12
- from a blog post by Dustin Curtis


Tuesday, July 24, 12
6   Being too critical
                           or too helpful




Tuesday, July 24, 12
Tuesday, July 24, 12
Tuesday, July 24, 12
7   Consistent for the
                           sake of consistency




Tuesday, July 24, 12
1996 Ford Taurus




Tuesday, July 24, 12
ikea’s iPhone and android app


Tuesday, July 24, 12
Mint’s web, iPad and iPhone app



Tuesday, July 24, 12
I am the user
            Loose buttons
            Metaphor abuse
            Style over substance
                                          THE7       PITFALLS


            Too much of substance
            Being too critical or too helpful
            Consistent for the sake of consistency
                                                         jxiao@mmm.com



Tuesday, July 24, 12

Más contenido relacionado

Similar a 7pitfall for crappy UI design

Building Gameplay
Building GameplayBuilding Gameplay
Building GameplayBen Garney
 
How Relationships Drive Link Building
How Relationships Drive Link BuildingHow Relationships Drive Link Building
How Relationships Drive Link BuildingRaven Tools
 
Choose Your Own Adventure 3: The Final Countdown/Return of the Rainbows
Choose Your Own Adventure 3: The Final Countdown/Return of the RainbowsChoose Your Own Adventure 3: The Final Countdown/Return of the Rainbows
Choose Your Own Adventure 3: The Final Countdown/Return of the RainbowsAdam Jacob
 
UX Principles and Process
UX Principles and ProcessUX Principles and Process
UX Principles and ProcessChris Pallé
 
Strategic design tools - patterns, frameworks and principles
Strategic design tools - patterns, frameworks and principlesStrategic design tools - patterns, frameworks and principles
Strategic design tools - patterns, frameworks and principlesoli shaw
 
Building Rich User Experiences Without JavaScript Spaghetti
Building Rich User Experiences Without JavaScript SpaghettiBuilding Rich User Experiences Without JavaScript Spaghetti
Building Rich User Experiences Without JavaScript SpaghettiJared Faris
 
Retro-Fitting Atlassian Products into a Code-Cowboy Research Culture
Retro-Fitting Atlassian Products into a Code-Cowboy Research CultureRetro-Fitting Atlassian Products into a Code-Cowboy Research Culture
Retro-Fitting Atlassian Products into a Code-Cowboy Research CultureAtlassian
 
Flawless x Manila Social Media Day 2012
Flawless x Manila Social Media Day 2012Flawless x Manila Social Media Day 2012
Flawless x Manila Social Media Day 2012isafab
 

Similar a 7pitfall for crappy UI design (10)

Building Gameplay
Building GameplayBuilding Gameplay
Building Gameplay
 
Social innovation
Social innovationSocial innovation
Social innovation
 
How Relationships Drive Link Building
How Relationships Drive Link BuildingHow Relationships Drive Link Building
How Relationships Drive Link Building
 
Choose Your Own Adventure 3: The Final Countdown/Return of the Rainbows
Choose Your Own Adventure 3: The Final Countdown/Return of the RainbowsChoose Your Own Adventure 3: The Final Countdown/Return of the Rainbows
Choose Your Own Adventure 3: The Final Countdown/Return of the Rainbows
 
UX Principles and Process
UX Principles and ProcessUX Principles and Process
UX Principles and Process
 
Strategic design tools - patterns, frameworks and principles
Strategic design tools - patterns, frameworks and principlesStrategic design tools - patterns, frameworks and principles
Strategic design tools - patterns, frameworks and principles
 
WCSD-UI
WCSD-UIWCSD-UI
WCSD-UI
 
Building Rich User Experiences Without JavaScript Spaghetti
Building Rich User Experiences Without JavaScript SpaghettiBuilding Rich User Experiences Without JavaScript Spaghetti
Building Rich User Experiences Without JavaScript Spaghetti
 
Retro-Fitting Atlassian Products into a Code-Cowboy Research Culture
Retro-Fitting Atlassian Products into a Code-Cowboy Research CultureRetro-Fitting Atlassian Products into a Code-Cowboy Research Culture
Retro-Fitting Atlassian Products into a Code-Cowboy Research Culture
 
Flawless x Manila Social Media Day 2012
Flawless x Manila Social Media Day 2012Flawless x Manila Social Media Day 2012
Flawless x Manila Social Media Day 2012
 

Último

The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Scott Andery
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesThousandEyes
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 

Último (20)

The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 

7pitfall for crappy UI design

  • 1. Jun Xiao THE 7 PITFALLS FOR NerdStock July 18, 2012 CRAPPY UI DESIGN Tuesday, July 24, 12
  • 2. DISCLAIMER The contents of this presentation represent the view of the presenter, which is me, and are presented at NerdStock for information and awareness only. I shall not be held liable for any verbal or physical fights between you and your boss or customers over UI designs arising directly or indirectly from use of this information as I am neither a graphic designer nor an UI expert. I am a fellow nerd just like you. Tuesday, July 24, 12
  • 3. layman’s definitions of some Professions Tuesday, July 24, 12
  • 4. User Research Usability Testing to get the right design design right Tuesday, July 24, 12
  • 5. Your Pick? - Debate at Hacker News over “Why Your Links Should Never Say ‘Click Here’” Tuesday, July 24, 12
  • 6. However beautiful the strategy, you should occasionally look at the results. - Winston Churchill Sometimes, pragmatism can be at odds with passion and innovation. Tuesday, July 24, 12
  • 7. Information Graphic/Visual Architect Designer worries about room, door, and hallway paint, furniture and carpet Tuesday, July 24, 12
  • 8. “We will go into your houses and redesign them the same way your web sites are designed. The basement will be the first thing you see, the kitchen will be unreachable except through the bedroom and both bathrooms.” - Ann Feeny, Information Architect's Manifesto “We will go into our houses and redesign them the way your apps are designed. The family room looks like a modern igloo with stainless steel everywhere, while the kitchen looks like a roadside diner in the 70's, and the master bedroom has pink Disney princess wallpaper.” – Jun Xiao, Visual Designer’s Manifesto Tuesday, July 24, 12
  • 9. I am the user Loose buttons Metaphor abuse Style over substance THE7 PITFALLS Too much of substance Being too critical or too helpful Consistent for the sake of consistency jxiao@mmm.com Tuesday, July 24, 12
  • 10. 1 I am the user Tuesday, July 24, 12
  • 11. You are statistically insignificant Tuesday, July 24, 12
  • 12. back to the early days of windows ... Tuesday, July 24, 12
  • 13. ... and Mac OS does things the opposite (inconvenient) way Tuesday, July 24, 12
  • 14. 2 Loose buttons Tuesday, July 24, 12
  • 17. - from a blog post by Lawrence Eng Tuesday, July 24, 12
  • 18. 3 Metaphor abuse Tuesday, July 24, 12
  • 20. Quicktime 4’s volume control Tuesday, July 24, 12
  • 21. 4 Style over substance Tuesday, July 24, 12
  • 22. iBook by Apple Tuesday, July 24, 12
  • 23. THE ONLY GOOD THING A B O U T B A D TA S T E I S T H AT YO U D O N ’ T KNOW YOU HAVE IT Tuesday, July 24, 12
  • 24. - Arturo Toledo, Sr. user experience designer for Windows Phone Tuesday, July 24, 12
  • 25. 5 Too much of substance Tuesday, July 24, 12
  • 28. The antidote? CRAP. Tuesday, July 24, 12
  • 29. - from a blog post by Dustin Curtis Tuesday, July 24, 12
  • 30. 6 Being too critical or too helpful Tuesday, July 24, 12
  • 33. 7 Consistent for the sake of consistency Tuesday, July 24, 12
  • 35. ikea’s iPhone and android app Tuesday, July 24, 12
  • 36. Mint’s web, iPad and iPhone app Tuesday, July 24, 12
  • 37. I am the user Loose buttons Metaphor abuse Style over substance THE7 PITFALLS Too much of substance Being too critical or too helpful Consistent for the sake of consistency jxiao@mmm.com Tuesday, July 24, 12