SlideShare une entreprise Scribd logo
1  sur  85
Télécharger pour lire hors ligne
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

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Dernier

Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Understanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersUnderstanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersCre8iveskill
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Yantram Animation Studio Corporation
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioAlinaLau2
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Thomas Schielke
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...Pranav Subramanian
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 

Dernier (20)

Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVA
 
Understanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersUnderstanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's Matters
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering Portfolio
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
 
ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 

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