SlideShare a Scribd company logo
1 of 85
Download to read offline
Mobile & UX - In the Eye of the Perfect Storm                          User Interface Engineering - www.uie.com




                                                                     Illustrations by
                                                                       Jason Robb
© Copyright 2012, User Interface Engineering. All Rights Reserved.                                           1
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         2
Mobile & UX - In the Eye of the Perfect Storm                         User Interface Engineering - www.uie.com




                                                                     MyCokeRewards.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                          3
Mobile & UX - In the Eye of the Perfect Storm                         User Interface Engineering - www.uie.com




                                                                     MyCokeRewards.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                          4
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                FOX.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         5
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         6
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                       MikePanetta.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         7
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         8
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                               LCBT.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         9
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                            Marriott.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        10
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        11
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                   United

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        12
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                             United.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        13
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        14
Mobile & UX - In the Eye of the Perfect Storm                         User Interface Engineering - www.uie.com




                                                                     MyCokeRewards.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         15
Mobile & UX - In the Eye of the Perfect Storm                         User Interface Engineering - www.uie.com




                                                                     MyCokeRewards.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         16
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                     VerizonWireless.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        17
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                               AT&T.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        18
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                      Apple.com/iPhone

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        19
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                         AirCanada.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        20
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                         AirCanada.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        21
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                         AirCanada.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        22
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                             Boston.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        23
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                           NYTimes.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        24
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




         Sturgeon’s Law
              90% of everything is crap
                   Are your designs in the other 10%?

              Are you considering the user’s perspective?




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        25
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        26
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        27
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        28
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        29
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                 Altavista

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        30
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                  Google

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        31
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                            Accuweather

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        32
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                         Umbrella Today

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        33
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                         Umbrella Today

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        34
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                              Air Canada

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        35
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                              Air Canada

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        36
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                         AirCanada.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        37
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                BART.gov

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        38
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                            Amazon.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        39
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                            Amazon.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        40
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                            Amazon.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        41
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                            BestBuy.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        42
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                            BestBuy.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        43
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                            BestBuy.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        44
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




         Market Maturity
              The features stage focuses on adding more into
              the design

              The experience stage focuses on removing all but
              the essentials from the design

              Is your market currently focused on technology,
              features, or experience?
                   Shifting from features to experience is the hardest
                   thing an organization can do — and most fail



© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        45
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        46
Mobile & UX - In the Eye of the Perfect Storm                                                       User Interface Engineering - www.uie.com




                                                                     Six Flags: Mike Kazarnowicz, Joe Rollerfan (Flickr)

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                                                       47
Mobile & UX - In the Eye of the Perfect Storm                                        User Interface Engineering - www.uie.com




                                                                     Disney World, Joe Penniston (Flickr)

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                                        48
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                     Joanna8555 (Flickr)
© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        49
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        50
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        51
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        52
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        53
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                Groupon

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        54
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        55
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                  Grocon

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        56
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        57
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




         Activities vs.
         Experience
              Activities are discrete touchpoints with the users

              Experience fills in the gaps

              Mobile more often lives within the gaps




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        58
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        59
Mobile & UX - In the Eye of the Perfect Storm                                               User Interface Engineering - www.uie.com




                                                                       Delight




          Investment




                                                                        User Satisfaction




                                                                     Frustration


                                                                                                    Noriaka Kano
© Copyright 2012, User Interface Engineering. All Rights Reserved.                                                               60
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                 Shazam

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        61
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                 Shazam

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        62
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                 LimoRes

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        63
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                 LimoRes

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        64
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                 LimoRes

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        65
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                  Google

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        66
Mobile & UX - In the Eye of the Perfect Storm                                                                   User Interface Engineering - www.uie.com




                                                                              Delight




                                                                                         Neutral Satisfaction


                                                                     User Satisfaction




                                                                     Frustration


© Copyright 2012, User Interface Engineering. All Rights Reserved.                                                                                   67
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                       My CokeRewards

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        68
Mobile & UX - In the Eye of the Perfect Storm                         User Interface Engineering - www.uie.com




                                                                     MyCokeRewards.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         69
Mobile & UX - In the Eye of the Perfect Storm                         User Interface Engineering - www.uie.com




                                                                     MyCokeRewards.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         70
Mobile & UX - In the Eye of the Perfect Storm                         User Interface Engineering - www.uie.com




                                                                     MyCokeRewards.com

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                         71
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




                                                                                      Site

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        72
Mobile & UX - In the Eye of the Perfect Storm                                              User Interface Engineering - www.uie.com




                                                                      Delight




          Investment



                                                                       User Satisfaction




                                                                     Frustration


© Copyright 2012, User Interface Engineering. All Rights Reserved.                                                              73
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




         Kano’s Model
              Three vectors: Performance payoff, basic
              expectations, and excitement generators

              Have to meet basic expectations before
              excitement generators will work

              Over time, excitement generators become basic
              expectations




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        74
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        75
Mobile & UX - In the Eye of the Perfect Storm                                                        User Interface Engineering - www.uie.com




                                    Storytelling                                       Sketching
                                                                      Agile
                                                                     Methods
                      Ethnography                                                                 Analytics

                                                                                 User
                                           Information
                                           Architecture                        Research
             Social                                                            Practices           Use Cases
            Networks
                                                                Marketing
                      Information                                                              Visual
                         Design                                                                Design




                         Design Process                                                     Interaction
                          Management                                                          Design
                                                                Technology

              Critiquing                         Copy                           Editing &          Presenting
                                                Writing                         Curating

                        Business                                 Facilitating                   Domain
                       Knowledge                                                               Knowledge
                                                                       ROI



© Copyright 2012, User Interface Engineering. All Rights Reserved.                                                                        76
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




       The Three
       Questions
            Vision: “Can everyone on the team describe the
            experience of using your design five years
            from now?”




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        77
Mobile & UX - In the Eye of the Perfect Storm                                     User Interface Engineering - www.uie.com




                                                            A flag in the san
                                                                             d…




                                       …that everyone marches towards.


© Copyright 2012, User Interface Engineering. All Rights Reserved.                                                     78
Mobile & UX - In the Eye of the Perfect Storm                                           User Interface Engineering - www.uie.com




                                                Easily moved wh
                                                                     en things chang
                                                                                       e.




                                      Everyone continues to march toward it.


© Copyright 2012, User Interface Engineering. All Rights Reserved.                                                           79
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




       The Three
       Questions
            Vision: “Can everyone on the team describe the
            experience of using your design five years
            from now?”
            Feedback: “In the last six weeks, have you
            spent more than two hours watching someone
            use your or a competitor’s design?”




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        80
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




         Methods of
         Feedback
              Usability Testing
                   Five second tests
                   Trade show/Cafe testing
                   Remote usability tests

              Field Studies
              Customer Support
                   User forums

              Using it yourself (for self-designers)


© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        81
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




       The Three
       Questions
            Vision: “Can everyone on the team describe the
            experience of using your design five years
            from now?”

            Feedback: “In the last six weeks, have you
            spent more than two hours watching someone
            use your or a competitor’s design?”

            Culture: “In the last six weeks, have you
            rewarded a team member for creating a
            major design failure?”


© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        82
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        83
Mobile & UX - In the Eye of the Perfect Storm                        User Interface Engineering - www.uie.com




        The Eye of the
        Perfect Storm
             Invest to avoid Sturgeon’s Law
             Focus on experience over technology and
             features
             Fill in the gaps between the activities
             Ensure you meet basic needs while you search
             for delighters
             Build in a feedback process
             Create your experience vision
             Celebrate learning from taking risks

© Copyright 2012, User Interface Engineering. All Rights Reserved.                                        84
Mobile & UX - In the Eye of the Perfect Storm                                                User Interface Engineering - www.uie.com




                             Free for Webvision Attendees
                          Bill                          Luke                    Brandon            Steve
                          Scott                         Wroblewski              Schauer            Portigal

                                                        Greg &
                          Hagan                                                 Kim                Kevin
                                                        Stephanie
                          Rivers                                                Goodwin            Hoffman
                                                        Rewis



                                  UIConf.com/giveaway

                                UI16 On Demand Videos
                          Mobile Input                               Being Creative with CSS3
                          UX Leadership                              Multi-device Design Patterns


© Copyright 2012, User Interface Engineering. All Rights Reserved.                                                                85

More Related Content

Similar to Mobile & UX - In the Eye of the Perfect Storm

CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experien...
CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experien...CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experien...
CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experien...Chris Muir
 
Mobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & TrendsMobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & TrendsAidan Tierney
 
The Wonderful World of Wearables
The Wonderful World of WearablesThe Wonderful World of Wearables
The Wonderful World of WearablesCommonsWare
 
Enterprise Mobile App UX: Designing from UI to Backend
Enterprise Mobile App UX: Designing from UI to BackendEnterprise Mobile App UX: Designing from UI to Backend
Enterprise Mobile App UX: Designing from UI to BackendSanjeev Sharma
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
 
Responsive Web Design in Oracle Application Express
Responsive Web Design in Oracle Application ExpressResponsive Web Design in Oracle Application Express
Responsive Web Design in Oracle Application ExpressShakeeb Rahman
 
Future of Integration | MuleSoft
Future of Integration | MuleSoftFuture of Integration | MuleSoft
Future of Integration | MuleSoftMuleSoft
 
2011 CES Show By VMI
2011 CES Show By VMI2011 CES Show By VMI
2011 CES Show By VMIJulie_Vasquez
 
iPad Apps for the Enterprise
iPad Apps for the EnterpriseiPad Apps for the Enterprise
iPad Apps for the EnterpriseSukumar Jena
 
Browsers in a Cloud-Powered World: Geeknet Virtual Trade Show - John Blossom
Browsers in a Cloud-Powered World: Geeknet Virtual Trade Show - John BlossomBrowsers in a Cloud-Powered World: Geeknet Virtual Trade Show - John Blossom
Browsers in a Cloud-Powered World: Geeknet Virtual Trade Show - John BlossomJohn Blossom
 
Mobile website development Services
Mobile website development Services Mobile website development Services
Mobile website development Services Steve Verma
 
A SMART MOBILE APPS FOR BLIND USER
A SMART MOBILE APPS FOR BLIND USERA SMART MOBILE APPS FOR BLIND USER
A SMART MOBILE APPS FOR BLIND USERKristen Flores
 
droidcon 2012: The Android passenger, Joerg Decker, Capgemini
droidcon 2012: The Android passenger, Joerg Decker, Capgeminidroidcon 2012: The Android passenger, Joerg Decker, Capgemini
droidcon 2012: The Android passenger, Joerg Decker, CapgeminiDroidcon Berlin
 
Infor ion executive_overview
Infor ion executive_overviewInfor ion executive_overview
Infor ion executive_overviewAndy Wylie
 
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02Alexander Muse
 
Bringing mobile apps to market faster using rapid application prototyping
Bringing mobile apps to market faster using rapid application prototypingBringing mobile apps to market faster using rapid application prototyping
Bringing mobile apps to market faster using rapid application prototypingPidoco
 
Shaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile DevelopmentShaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile Developmentfrog
 
Changing faceelearningmulti device-world
Changing faceelearningmulti device-worldChanging faceelearningmulti device-world
Changing faceelearningmulti device-worldAllen Partridge
 

Similar to Mobile & UX - In the Eye of the Perfect Storm (20)

CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experien...
CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experien...CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experien...
CRUX (CRUD meets UX) Case Study: Building a Modern Applications User Experien...
 
Mobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & TrendsMobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & Trends
 
The Wonderful World of Wearables
The Wonderful World of WearablesThe Wonderful World of Wearables
The Wonderful World of Wearables
 
Enterprise Mobile App UX: Designing from UI to Backend
Enterprise Mobile App UX: Designing from UI to BackendEnterprise Mobile App UX: Designing from UI to Backend
Enterprise Mobile App UX: Designing from UI to Backend
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
Kill the Laptop!
Kill the Laptop!Kill the Laptop!
Kill the Laptop!
 
Responsive Web Design in Oracle Application Express
Responsive Web Design in Oracle Application ExpressResponsive Web Design in Oracle Application Express
Responsive Web Design in Oracle Application Express
 
Future of Integration | MuleSoft
Future of Integration | MuleSoftFuture of Integration | MuleSoft
Future of Integration | MuleSoft
 
2011 CES Show By VMI
2011 CES Show By VMI2011 CES Show By VMI
2011 CES Show By VMI
 
iPad Apps for the Enterprise
iPad Apps for the EnterpriseiPad Apps for the Enterprise
iPad Apps for the Enterprise
 
Browsers in a Cloud-Powered World: Geeknet Virtual Trade Show - John Blossom
Browsers in a Cloud-Powered World: Geeknet Virtual Trade Show - John BlossomBrowsers in a Cloud-Powered World: Geeknet Virtual Trade Show - John Blossom
Browsers in a Cloud-Powered World: Geeknet Virtual Trade Show - John Blossom
 
Mobile website development Services
Mobile website development Services Mobile website development Services
Mobile website development Services
 
A SMART MOBILE APPS FOR BLIND USER
A SMART MOBILE APPS FOR BLIND USERA SMART MOBILE APPS FOR BLIND USER
A SMART MOBILE APPS FOR BLIND USER
 
droidcon 2012: The Android passenger, Joerg Decker, Capgemini
droidcon 2012: The Android passenger, Joerg Decker, Capgeminidroidcon 2012: The Android passenger, Joerg Decker, Capgemini
droidcon 2012: The Android passenger, Joerg Decker, Capgemini
 
Infor ion executive_overview
Infor ion executive_overviewInfor ion executive_overview
Infor ion executive_overview
 
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
 
Bringing mobile apps to market faster using rapid application prototyping
Bringing mobile apps to market faster using rapid application prototypingBringing mobile apps to market faster using rapid application prototyping
Bringing mobile apps to market faster using rapid application prototyping
 
Hale :: NASA ::The Future of Collaboration
Hale :: NASA ::The Future of CollaborationHale :: NASA ::The Future of Collaboration
Hale :: NASA ::The Future of Collaboration
 
Shaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile DevelopmentShaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile Development
 
Changing faceelearningmulti device-world
Changing faceelearningmulti device-worldChanging faceelearningmulti device-world
Changing faceelearningmulti device-world
 

Recently uploaded

Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightDelhi Call girls
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxmirandajeremy200221
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentationamedia6
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpmainac1
 
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightCheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightDelhi Call girls
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat
 
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...Suhani Kapoor
 
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiVIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiSuhani Kapoor
 
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat 👉 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Roomdivyansh0kumar0
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 

Recently uploaded (20)

Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
 
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightCheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
 
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
 
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiVIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
 
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat 👉 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 

Mobile & UX - In the Eye of the Perfect Storm

  • 1. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Illustrations by Jason Robb © Copyright 2012, User Interface Engineering. All Rights Reserved. 1
  • 2. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 2
  • 3. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com MyCokeRewards.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 3
  • 4. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com MyCokeRewards.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 4
  • 5. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com FOX.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 5
  • 6. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 6
  • 7. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com MikePanetta.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 7
  • 8. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 8
  • 9. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com LCBT.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 9
  • 10. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Marriott.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 10
  • 11. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 11
  • 12. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com United © Copyright 2012, User Interface Engineering. All Rights Reserved. 12
  • 13. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com United.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 13
  • 14. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 14
  • 15. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com MyCokeRewards.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 15
  • 16. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com MyCokeRewards.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 16
  • 17. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com VerizonWireless.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 17
  • 18. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com AT&T.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 18
  • 19. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Apple.com/iPhone © Copyright 2012, User Interface Engineering. All Rights Reserved. 19
  • 20. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com AirCanada.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 20
  • 21. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com AirCanada.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 21
  • 22. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com AirCanada.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 22
  • 23. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Boston.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 23
  • 24. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com NYTimes.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 24
  • 25. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Sturgeon’s Law 90% of everything is crap Are your designs in the other 10%? Are you considering the user’s perspective? © Copyright 2012, User Interface Engineering. All Rights Reserved. 25
  • 26. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 26
  • 27. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 27
  • 28. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 28
  • 29. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 29
  • 30. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Altavista © Copyright 2012, User Interface Engineering. All Rights Reserved. 30
  • 31. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Google © Copyright 2012, User Interface Engineering. All Rights Reserved. 31
  • 32. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Accuweather © Copyright 2012, User Interface Engineering. All Rights Reserved. 32
  • 33. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Umbrella Today © Copyright 2012, User Interface Engineering. All Rights Reserved. 33
  • 34. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Umbrella Today © Copyright 2012, User Interface Engineering. All Rights Reserved. 34
  • 35. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Air Canada © Copyright 2012, User Interface Engineering. All Rights Reserved. 35
  • 36. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Air Canada © Copyright 2012, User Interface Engineering. All Rights Reserved. 36
  • 37. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com AirCanada.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 37
  • 38. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com BART.gov © Copyright 2012, User Interface Engineering. All Rights Reserved. 38
  • 39. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Amazon.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 39
  • 40. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Amazon.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 40
  • 41. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Amazon.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 41
  • 42. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com BestBuy.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 42
  • 43. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com BestBuy.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 43
  • 44. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com BestBuy.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 44
  • 45. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Market Maturity The features stage focuses on adding more into the design The experience stage focuses on removing all but the essentials from the design Is your market currently focused on technology, features, or experience? Shifting from features to experience is the hardest thing an organization can do — and most fail © Copyright 2012, User Interface Engineering. All Rights Reserved. 45
  • 46. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 46
  • 47. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Six Flags: Mike Kazarnowicz, Joe Rollerfan (Flickr) © Copyright 2012, User Interface Engineering. All Rights Reserved. 47
  • 48. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Disney World, Joe Penniston (Flickr) © Copyright 2012, User Interface Engineering. All Rights Reserved. 48
  • 49. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Joanna8555 (Flickr) © Copyright 2012, User Interface Engineering. All Rights Reserved. 49
  • 50. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 50
  • 51. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 51
  • 52. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 52
  • 53. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 53
  • 54. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Groupon © Copyright 2012, User Interface Engineering. All Rights Reserved. 54
  • 55. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 55
  • 56. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Grocon © Copyright 2012, User Interface Engineering. All Rights Reserved. 56
  • 57. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 57
  • 58. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Activities vs. Experience Activities are discrete touchpoints with the users Experience fills in the gaps Mobile more often lives within the gaps © Copyright 2012, User Interface Engineering. All Rights Reserved. 58
  • 59. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 59
  • 60. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Delight Investment User Satisfaction Frustration Noriaka Kano © Copyright 2012, User Interface Engineering. All Rights Reserved. 60
  • 61. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Shazam © Copyright 2012, User Interface Engineering. All Rights Reserved. 61
  • 62. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Shazam © Copyright 2012, User Interface Engineering. All Rights Reserved. 62
  • 63. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com LimoRes © Copyright 2012, User Interface Engineering. All Rights Reserved. 63
  • 64. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com LimoRes © Copyright 2012, User Interface Engineering. All Rights Reserved. 64
  • 65. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com LimoRes © Copyright 2012, User Interface Engineering. All Rights Reserved. 65
  • 66. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Google © Copyright 2012, User Interface Engineering. All Rights Reserved. 66
  • 67. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Delight Neutral Satisfaction User Satisfaction Frustration © Copyright 2012, User Interface Engineering. All Rights Reserved. 67
  • 68. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com My CokeRewards © Copyright 2012, User Interface Engineering. All Rights Reserved. 68
  • 69. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com MyCokeRewards.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 69
  • 70. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com MyCokeRewards.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 70
  • 71. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com MyCokeRewards.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 71
  • 72. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Site © Copyright 2012, User Interface Engineering. All Rights Reserved. 72
  • 73. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Delight Investment User Satisfaction Frustration © Copyright 2012, User Interface Engineering. All Rights Reserved. 73
  • 74. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Kano’s Model Three vectors: Performance payoff, basic expectations, and excitement generators Have to meet basic expectations before excitement generators will work Over time, excitement generators become basic expectations © Copyright 2012, User Interface Engineering. All Rights Reserved. 74
  • 75. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 75
  • 76. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Storytelling Sketching Agile Methods Ethnography Analytics User Information Architecture Research Social Practices Use Cases Networks Marketing Information Visual Design Design Design Process Interaction Management Design Technology Critiquing Copy Editing & Presenting Writing Curating Business Facilitating Domain Knowledge Knowledge ROI © Copyright 2012, User Interface Engineering. All Rights Reserved. 76
  • 77. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com The Three Questions Vision: “Can everyone on the team describe the experience of using your design five years from now?” © Copyright 2012, User Interface Engineering. All Rights Reserved. 77
  • 78. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com A flag in the san d… …that everyone marches towards. © Copyright 2012, User Interface Engineering. All Rights Reserved. 78
  • 79. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Easily moved wh en things chang e. Everyone continues to march toward it. © Copyright 2012, User Interface Engineering. All Rights Reserved. 79
  • 80. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com The Three Questions Vision: “Can everyone on the team describe the experience of using your design five years from now?” Feedback: “In the last six weeks, have you spent more than two hours watching someone use your or a competitor’s design?” © Copyright 2012, User Interface Engineering. All Rights Reserved. 80
  • 81. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Methods of Feedback Usability Testing Five second tests Trade show/Cafe testing Remote usability tests Field Studies Customer Support User forums Using it yourself (for self-designers) © Copyright 2012, User Interface Engineering. All Rights Reserved. 81
  • 82. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com The Three Questions Vision: “Can everyone on the team describe the experience of using your design five years from now?” Feedback: “In the last six weeks, have you spent more than two hours watching someone use your or a competitor’s design?” Culture: “In the last six weeks, have you rewarded a team member for creating a major design failure?” © Copyright 2012, User Interface Engineering. All Rights Reserved. 82
  • 83. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com © Copyright 2012, User Interface Engineering. All Rights Reserved. 83
  • 84. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com The Eye of the Perfect Storm Invest to avoid Sturgeon’s Law Focus on experience over technology and features Fill in the gaps between the activities Ensure you meet basic needs while you search for delighters Build in a feedback process Create your experience vision Celebrate learning from taking risks © Copyright 2012, User Interface Engineering. All Rights Reserved. 84
  • 85. Mobile & UX - In the Eye of the Perfect Storm User Interface Engineering - www.uie.com Free for Webvision Attendees Bill Luke Brandon Steve Scott Wroblewski Schauer Portigal Greg & Hagan Kim Kevin Stephanie Rivers Goodwin Hoffman Rewis UIConf.com/giveaway UI16 On Demand Videos Mobile Input Being Creative with CSS3 UX Leadership Multi-device Design Patterns © Copyright 2012, User Interface Engineering. All Rights Reserved. 85