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

More Related Content

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

Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaCzechDreamin
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeCzechDreamin
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024Stephanie Beckett
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastUXDXConf
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfFIDO Alliance
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyJohn Staveley
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...CzechDreamin
 
The UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, OcadoThe UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, OcadoUXDXConf
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutesconfluent
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyUXDXConf
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGDSC PJATK
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfSrushith Repakula
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Patrick Viafore
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxJennifer Lim
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomCzechDreamin
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FIDO Alliance
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...FIDO Alliance
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekCzechDreamin
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceSamy Fodil
 

Recently uploaded (20)

Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
 
The UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, OcadoThe UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, Ocado
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutes
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 

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