SlideShare a Scribd company logo
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

More Related Content

Similar to 7pitfall for crappy UI design

Building Gameplay
Building GameplayBuilding Gameplay
Building Gameplay
Ben Garney
 
Social innovation
Social innovationSocial innovation
Social innovation
Christian-Paul Stenta
 
How Relationships Drive Link Building
How Relationships Drive Link BuildingHow Relationships Drive Link Building
How Relationships Drive Link Building
Raven 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 Rainbows
Adam Jacob
 
UX Principles and Process
UX Principles and ProcessUX Principles and Process
UX Principles and Process
Chris 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 principles
oli shaw
 
WCSD-UI
WCSD-UIWCSD-UI
WCSD-UI
Steve Zehngut
 
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
Jared 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 Culture
Atlassian
 
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
isafab
 

Similar to 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
 

Recently uploaded

Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
CatarinaPereira64715
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
Product School
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
Bhaskar Mitra
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
RTTS
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
Abida Shariff
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 

Recently uploaded (20)

Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 

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