SlideShare une entreprise Scribd logo
1  sur  67
By the Book: Effective UI
                  Examining the Art of Building Great User Experiences in Software

                                                                     - John McRee




your user experience agency
By the Book: Examining the Art of Building Great User Experiences in Software
title: Lead User Experience Architect
email: john.mcree@effectiveui.com
blog: www.johnmcree.com
twitter: @johnmcree


www.effectiveui.com
Microsoft             Apple              Adobe                Sun
 Strategic 20           iPhone         Gold 15 Partner        Java FX
Agency Partner   Preferred Developer                     Strategic Partner
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
Flash                 Vector Graphics                            MXML
          Client Processing                   Cover-flow
Java                          Service Oriented Architecture
         Silverlight
                         Animation            Social Networking
Streaming Video                   Aqua                      Multi-Channel
                    Runtime                 Skip Intro

Web 2.0                Productivity
                                         iPhone          Accessibility

Google                     Reflections                              Audio
             AJAX                                Thin Client
Security Sandbox       Multi-Touch    APIs                  Open Source
                                                  Apple
   Flex       Rich            Conversions           Microsoft     Adobe
       XAML        Web Services          Objective C       SUN
30% of software is successful (adopted)...




                                                   Failed (zero adoption)
                                                   Successful (adopted)



                                             70%

              30%
...if it even gets released




                              25%         Never Released
                                          Failed (zero adoption)
                                          Successful (adopted)


                22%




                                    53%
Setting up the right environment for software to be successful
Step 1: Become a UX evangelist...or hire one
What is UX?
Engaging (immersion)




                       Robbie Cooper, New York Times
Responsiveness (feedback)
External consistency
Performance
Helpful in accomplishing goals
Intuitiveness vs. efficiency
Familiarity vs. innovation
Appropriateness to context
Delivery of relevant, valuable content
Trustworthiness
Jared Spool’s Market Maturity




Novel/Proprietary      Feature Focus    UX Focus          Commoditization
No competition         Bullets on box   Too complex       Embedded
                                        Startup costs
                                        Unused features
UX can have a HUGE ROI
“Every $1 invested in usability
returns between $10 and $100”
             IBM “Cost-Justifying Ease of Use”
UX Fund
1. Demonstrated care in the design of their products and Web site
2. Has a history of innovation
3. Inspired loyalty in their customer base
4. Doing business with them was a positive experience



                                                     UX Fund: 39.3%  $19533.48
                                                     Nasdaq: 29.1%
                                                     S&P 500: 10.3%
                                                     Nasdaq 100: 28.7%
                                                     NYSE: 15.0%
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
Step 2: Get everyone on the same page
Product
CEO             Designer   Developer
      Manager
Product
CEO             Designer   Developer
      Manager
The workshop




               Force communication
The workshop




               Force communication
               Force collaboration
The workshop




               Force communication
               Force collaboration
               Expose assumptions
                Users
                Features
                Success
The workshop




               Force communication
               Force collaboration
               Expose assumptions
                Users
                Features
                Success
               Force Prioritization
The SUDA


           Cooper’s “User & Domain Analysis (UnDA)”

             Competitive analysis
             User research
             Literature review
             Personas
             Context scenarios
             Functional requirements
By the Book: Examining the Art of Building Great User Experiences in Software
The SUDA


           EUI’s “System, User & Domain Audit (SUDA)”

             Competitive analysis
             User research
             Literature review
             Context scenarios
             Personas
             Functional requirements

            Adding
             Stakeholder interviews
             System & dev team audit
               Capacity review
               Environmental factors
               Technical factors
             Lo-fi “vision”
             Phased approach
The SUDA: Stakeholder interviews




                                   Build trust
                                   Skin in the game
                                   Passion & beliefs
                                   Quick wins
                                   Apprehensions
The SUDA: System & dev team audit




                                    Capacity review
                                    Environmental factors
                                    Technical factors
The SUDA: Lo-fi “vision”
The SUDA: Phased approach
Step 3: Plan, then forget your plans...
“I am the wisest man alive, for I know one thing,
and that is that I know nothing.”
                                          Socrates
“The great uncertainty of all data in war is a
peculiar difficulty, because all action must, to a
certain extent, be planned in a mere twilight,
which in addition not infrequently–like the
effect of a fog or moonshine–gives to things
exaggerated dimensions and unnatural
appearance.”
                             Carl von Clausewitz, On War
“No battle plan survives first contact with the
enemy.”
                                 Helmuth von Moltke
Much like individual soldiers in a battlefield, a
software system isn’t static. It is the behavior
created by the dynamic interaction of its parts.
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
Step 4: Create & communicate the vision
By the Book: Examining the Art of Building Great User Experiences in Software
TriGeo Console Project Milestone v_0.1
                                                                    Last Modi ed: October 30, 2008 9:12 AM




EXPERIENCE MAP

The Experience Map acts as a diagram of the “ ow” of an
application. It is important to hone in on this high-level
framework of the application so a clear direction may be
established. This map helps the direction of wireframes without
getting too far into the details.

The content of the Experience Map is based on user research,
a current understanding of the application and methods of
improving usability. As more information is gathered and
Experience Map evolves until a direction has been established.

Creating the Experience Map was an ongoing process that ran
in tandem with wireframes and creating design compositions.
Although there was some inconsistent overlap due to these areas
being done in parallel, thinking around wireframes helped to
tighten areas of the Experience Map and vice versa.

In the end, a solid overview of the TriGeo Console was generated
that acts as the foundation for additional development and user
experience re nement. There is still work to be done and directly
correlates to the Wireframes.




                                                                                                             20
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
Other examples of vision demos




                        Apple’s Knowledge Navigator
                        Nokia Phones (check out Youtube)
                        Twitter in Plain English
Out of time...
title: Lead User Experience Architect
email: john.mcree@effectiveui.com
blog: www.johnmcree.com
twitter: @johnmcree


www.effectiveui.com

Contenu connexe

Tendances

UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile AppsKamil Zieba
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information ArchitectureAndy Fitzgerald
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User ExperienceDonna Lichaw
 
Wireframing for Mobile App Developers
Wireframing for Mobile App DevelopersWireframing for Mobile App Developers
Wireframing for Mobile App DevelopersVeiko Raime
 
NoVA UX Responsive Design
NoVA UX Responsive DesignNoVA UX Responsive Design
NoVA UX Responsive DesignUXMattFiore
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
Collaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessCollaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessMarcin Treder
 
Interaction Design & Rapid Prototyping
Interaction Design & Rapid PrototypingInteraction Design & Rapid Prototyping
Interaction Design & Rapid PrototypingCarolyn Jao
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideBabajide Aroyewun
 
Designing for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developersDesigning for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developersOscar Gonzalez Garza
 
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioJoel Califa
 
MULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGNMULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGNMarcin Treder
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basicsRavi Bhadauria
 
PHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SidePHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SideIrfan Maulana
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile SolutionsDMI
 
Some Dos and Don’ts in UI/UX Design of Mobile Applications
Some Dos and Don’ts in UI/UX Design of Mobile ApplicationsSome Dos and Don’ts in UI/UX Design of Mobile Applications
Some Dos and Don’ts in UI/UX Design of Mobile ApplicationsAshiq Uz Zoha
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignKoombea
 

Tendances (19)

UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information Architecture
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
Wireframing for Mobile App Developers
Wireframing for Mobile App DevelopersWireframing for Mobile App Developers
Wireframing for Mobile App Developers
 
NoVA UX Responsive Design
NoVA UX Responsive DesignNoVA UX Responsive Design
NoVA UX Responsive Design
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Collaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessCollaboration in the User Experience Design Process
Collaboration in the User Experience Design Process
 
Interaction Design & Rapid Prototyping
Interaction Design & Rapid PrototypingInteraction Design & Rapid Prototyping
Interaction Design & Rapid Prototyping
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
 
Designing for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developersDesigning for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developers
 
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
 
Interaction Design Roadmap
Interaction Design RoadmapInteraction Design Roadmap
Interaction Design Roadmap
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
MULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGNMULTIPLAYER UX DESIGN
MULTIPLAYER UX DESIGN
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
 
PHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SidePHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer Side
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
Some Dos and Don’ts in UI/UX Design of Mobile Applications
Some Dos and Don’ts in UI/UX Design of Mobile ApplicationsSome Dos and Don’ts in UI/UX Design of Mobile Applications
Some Dos and Don’ts in UI/UX Design of Mobile Applications
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 

En vedette

Universal Design for Learning
Universal Design for LearningUniversal Design for Learning
Universal Design for Learninghannahross12
 
Training Certificates
Training CertificatesTraining Certificates
Training CertificatesRami Hajjar
 
Idea Couture_CoCreating Corporate Culture_Whitepaper v2
Idea Couture_CoCreating Corporate Culture_Whitepaper v2Idea Couture_CoCreating Corporate Culture_Whitepaper v2
Idea Couture_CoCreating Corporate Culture_Whitepaper v2Jason Marder
 
Rossana Ramos Velita
Rossana Ramos VelitaRossana Ramos Velita
Rossana Ramos VelitaIPAE
 
José Luis Pérez Guadalupe, Ministro del Interior - CADE Universitario 2015
José Luis Pérez Guadalupe, Ministro del Interior - CADE Universitario 2015José Luis Pérez Guadalupe, Ministro del Interior - CADE Universitario 2015
José Luis Pérez Guadalupe, Ministro del Interior - CADE Universitario 2015IPAE
 
Mapa registro y control
Mapa registro y controlMapa registro y control
Mapa registro y controluts saia
 
2010 Aug Evse Capabilities
2010 Aug   Evse Capabilities2010 Aug   Evse Capabilities
2010 Aug Evse Capabilitiesmdixon888
 
Manulife Financial Spring 2009 Co-op Project
Manulife Financial Spring 2009 Co-op ProjectManulife Financial Spring 2009 Co-op Project
Manulife Financial Spring 2009 Co-op Projectjonahhu
 
Mariela Pérez - CADE Universitario
Mariela Pérez - CADE UniversitarioMariela Pérez - CADE Universitario
Mariela Pérez - CADE UniversitarioIPAE
 
Forever Young Facewash: Digital Strategy
Forever Young Facewash: Digital StrategyForever Young Facewash: Digital Strategy
Forever Young Facewash: Digital StrategyShack Co.
 
protesis parcial removible
 protesis parcial removible protesis parcial removible
protesis parcial removiblePita Mg
 

En vedette (13)

BioHackathon2010 Gaou
BioHackathon2010 GaouBioHackathon2010 Gaou
BioHackathon2010 Gaou
 
Universal Design for Learning
Universal Design for LearningUniversal Design for Learning
Universal Design for Learning
 
Training Certificates
Training CertificatesTraining Certificates
Training Certificates
 
Idea Couture_CoCreating Corporate Culture_Whitepaper v2
Idea Couture_CoCreating Corporate Culture_Whitepaper v2Idea Couture_CoCreating Corporate Culture_Whitepaper v2
Idea Couture_CoCreating Corporate Culture_Whitepaper v2
 
Rossana Ramos Velita
Rossana Ramos VelitaRossana Ramos Velita
Rossana Ramos Velita
 
José Luis Pérez Guadalupe, Ministro del Interior - CADE Universitario 2015
José Luis Pérez Guadalupe, Ministro del Interior - CADE Universitario 2015José Luis Pérez Guadalupe, Ministro del Interior - CADE Universitario 2015
José Luis Pérez Guadalupe, Ministro del Interior - CADE Universitario 2015
 
Senza nome 2
Senza nome 2Senza nome 2
Senza nome 2
 
Mapa registro y control
Mapa registro y controlMapa registro y control
Mapa registro y control
 
2010 Aug Evse Capabilities
2010 Aug   Evse Capabilities2010 Aug   Evse Capabilities
2010 Aug Evse Capabilities
 
Manulife Financial Spring 2009 Co-op Project
Manulife Financial Spring 2009 Co-op ProjectManulife Financial Spring 2009 Co-op Project
Manulife Financial Spring 2009 Co-op Project
 
Mariela Pérez - CADE Universitario
Mariela Pérez - CADE UniversitarioMariela Pérez - CADE Universitario
Mariela Pérez - CADE Universitario
 
Forever Young Facewash: Digital Strategy
Forever Young Facewash: Digital StrategyForever Young Facewash: Digital Strategy
Forever Young Facewash: Digital Strategy
 
protesis parcial removible
 protesis parcial removible protesis parcial removible
protesis parcial removible
 

Similaire à By the Book: Examining the Art of Building Great User Experiences in Software

Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperienceguest1bcbc9
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?Baris Erkol
 
The Laws of User Experience: Making it or breaking it with the UX Factor
The Laws of User Experience: Making it or breaking it with the UX FactorThe Laws of User Experience: Making it or breaking it with the UX Factor
The Laws of User Experience: Making it or breaking it with the UX FactorEffectiveUI
 
The Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX FactorThe Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX FactorEffective
 
Sdec 2011 ux_agile_svt
Sdec 2011 ux_agile_svtSdec 2011 ux_agile_svt
Sdec 2011 ux_agile_svtsdeconf
 
Guerrilla Usability: Insight on a Shoestring
Guerrilla Usability: Insight on a ShoestringGuerrilla Usability: Insight on a Shoestring
Guerrilla Usability: Insight on a ShoestringDavid Sturtz
 
Randori design goals and justification
Randori design goals and justificationRandori design goals and justification
Randori design goals and justificationmichael.labriola
 
Designing Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAsDesigning Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAsDave Malouf
 
TiTokyo conference in Tokyo, Japan for Appcelerator community
TiTokyo conference in Tokyo, Japan for Appcelerator communityTiTokyo conference in Tokyo, Japan for Appcelerator community
TiTokyo conference in Tokyo, Japan for Appcelerator communityJeff Haynie
 
Designing Powerful Web Applications - Monterey
Designing Powerful Web Applications - MontereyDesigning Powerful Web Applications - Monterey
Designing Powerful Web Applications - MontereyDave Malouf
 
TiConf.eu -- Titanium Developer Conference in Europe, 2013
TiConf.eu -- Titanium Developer Conference in Europe, 2013TiConf.eu -- Titanium Developer Conference in Europe, 2013
TiConf.eu -- Titanium Developer Conference in Europe, 2013Jeff Haynie
 
From Valleys to Clouds
From Valleys to CloudsFrom Valleys to Clouds
From Valleys to CloudsPeter Coffee
 
Winning Hearts and Minds: Tips for Embedding User Experience in Your Organisa...
Winning Hearts and Minds: Tips for Embedding User Experience in Your Organisa...Winning Hearts and Minds: Tips for Embedding User Experience in Your Organisa...
Winning Hearts and Minds: Tips for Embedding User Experience in Your Organisa...Michele Ide-Smith
 
Client Continuum Dec Fy09
Client Continuum Dec Fy09Client Continuum Dec Fy09
Client Continuum Dec Fy09Martha Rotter
 
Modelling the User Interface
Modelling the User InterfaceModelling the User Interface
Modelling the User InterfacePedro J. Molina
 
A Practical Approach to Great User Adoption User Definition & User Interface ...
A Practical Approach to Great User Adoption User Definition & User Interface ...A Practical Approach to Great User Adoption User Definition & User Interface ...
A Practical Approach to Great User Adoption User Definition & User Interface ...Damon Sanchez
 
How ABB shapes the future of industry with Microsoft HoloLens and Unity - Uni...
How ABB shapes the future of industry with Microsoft HoloLens and Unity - Uni...How ABB shapes the future of industry with Microsoft HoloLens and Unity - Uni...
How ABB shapes the future of industry with Microsoft HoloLens and Unity - Uni...Unity Technologies
 
Interact2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable SystemsInteract2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable SystemsVille Antila
 
Web Site Usability
Web Site UsabilityWeb Site Usability
Web Site Usabilitywhite paper
 

Similaire à By the Book: Examining the Art of Building Great User Experiences in Software (20)

Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
 
The Laws of User Experience: Making it or breaking it with the UX Factor
The Laws of User Experience: Making it or breaking it with the UX FactorThe Laws of User Experience: Making it or breaking it with the UX Factor
The Laws of User Experience: Making it or breaking it with the UX Factor
 
The Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX FactorThe Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX Factor
 
Sdec 2011 ux_agile_svt
Sdec 2011 ux_agile_svtSdec 2011 ux_agile_svt
Sdec 2011 ux_agile_svt
 
Guerrilla Usability: Insight on a Shoestring
Guerrilla Usability: Insight on a ShoestringGuerrilla Usability: Insight on a Shoestring
Guerrilla Usability: Insight on a Shoestring
 
Randori design goals and justification
Randori design goals and justificationRandori design goals and justification
Randori design goals and justification
 
Designing Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAsDesigning Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAs
 
TiTokyo conference in Tokyo, Japan for Appcelerator community
TiTokyo conference in Tokyo, Japan for Appcelerator communityTiTokyo conference in Tokyo, Japan for Appcelerator community
TiTokyo conference in Tokyo, Japan for Appcelerator community
 
Designing Powerful Web Applications - Monterey
Designing Powerful Web Applications - MontereyDesigning Powerful Web Applications - Monterey
Designing Powerful Web Applications - Monterey
 
TiConf.eu -- Titanium Developer Conference in Europe, 2013
TiConf.eu -- Titanium Developer Conference in Europe, 2013TiConf.eu -- Titanium Developer Conference in Europe, 2013
TiConf.eu -- Titanium Developer Conference in Europe, 2013
 
Agile.usability
Agile.usabilityAgile.usability
Agile.usability
 
From Valleys to Clouds
From Valleys to CloudsFrom Valleys to Clouds
From Valleys to Clouds
 
Winning Hearts and Minds: Tips for Embedding User Experience in Your Organisa...
Winning Hearts and Minds: Tips for Embedding User Experience in Your Organisa...Winning Hearts and Minds: Tips for Embedding User Experience in Your Organisa...
Winning Hearts and Minds: Tips for Embedding User Experience in Your Organisa...
 
Client Continuum Dec Fy09
Client Continuum Dec Fy09Client Continuum Dec Fy09
Client Continuum Dec Fy09
 
Modelling the User Interface
Modelling the User InterfaceModelling the User Interface
Modelling the User Interface
 
A Practical Approach to Great User Adoption User Definition & User Interface ...
A Practical Approach to Great User Adoption User Definition & User Interface ...A Practical Approach to Great User Adoption User Definition & User Interface ...
A Practical Approach to Great User Adoption User Definition & User Interface ...
 
How ABB shapes the future of industry with Microsoft HoloLens and Unity - Uni...
How ABB shapes the future of industry with Microsoft HoloLens and Unity - Uni...How ABB shapes the future of industry with Microsoft HoloLens and Unity - Uni...
How ABB shapes the future of industry with Microsoft HoloLens and Unity - Uni...
 
Interact2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable SystemsInteract2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable Systems
 
Web Site Usability
Web Site UsabilityWeb Site Usability
Web Site Usability
 

Plus de Effective

User Testing: Adapt to Fit Your Needs
User Testing: Adapt to Fit Your NeedsUser Testing: Adapt to Fit Your Needs
User Testing: Adapt to Fit Your NeedsEffective
 
Death of a Design: 5 Stages of Grief
Death of a Design: 5 Stages of GriefDeath of a Design: 5 Stages of Grief
Death of a Design: 5 Stages of GriefEffective
 
UX Design Process 101: Where to start with UX
UX Design Process 101: Where to start with UXUX Design Process 101: Where to start with UX
UX Design Process 101: Where to start with UXEffective
 
Give Them What They Want: Discovering Customer Need with Wearable Technology
Give Them What They Want: Discovering Customer Need with Wearable TechnologyGive Them What They Want: Discovering Customer Need with Wearable Technology
Give Them What They Want: Discovering Customer Need with Wearable TechnologyEffective
 
Common Innovation Myths (World Usability Day)
Common Innovation Myths (World Usability Day)Common Innovation Myths (World Usability Day)
Common Innovation Myths (World Usability Day)Effective
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UXEffective
 
2016 SXSW Measures for Justice Panel Picker Presentation
2016 SXSW Measures for Justice Panel Picker Presentation2016 SXSW Measures for Justice Panel Picker Presentation
2016 SXSW Measures for Justice Panel Picker PresentationEffective
 
Water For People UX Awards Submission
Water For People UX Awards SubmissionWater For People UX Awards Submission
Water For People UX Awards SubmissionEffective
 
Getting into the Game: How EA Put User Research into Practice
Getting into the Game: How EA Put User Research into PracticeGetting into the Game: How EA Put User Research into Practice
Getting into the Game: How EA Put User Research into PracticeEffective
 
Scottrade and Understanding the Customer Journey: When Segmentation Isn’t Enough
Scottrade and Understanding the Customer Journey: When Segmentation Isn’t EnoughScottrade and Understanding the Customer Journey: When Segmentation Isn’t Enough
Scottrade and Understanding the Customer Journey: When Segmentation Isn’t EnoughEffective
 
A Blended Space for Heritage Storytelling
A Blended Space for Heritage StorytellingA Blended Space for Heritage Storytelling
A Blended Space for Heritage StorytellingEffective
 
Using Behavioral Modeling to Engage Customers Throughout the Decision-Making ...
Using Behavioral Modeling to Engage Customers Throughout the Decision-Making ...Using Behavioral Modeling to Engage Customers Throughout the Decision-Making ...
Using Behavioral Modeling to Engage Customers Throughout the Decision-Making ...Effective
 
Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?Effective
 
Integrated Thinking: The Answer to Enterprise IT’s Perpetual Struggle - Forre...
Integrated Thinking: The Answer to Enterprise IT’s Perpetual Struggle - Forre...Integrated Thinking: The Answer to Enterprise IT’s Perpetual Struggle - Forre...
Integrated Thinking: The Answer to Enterprise IT’s Perpetual Struggle - Forre...Effective
 
Liferay and Water For People: From Data to Information
Liferay and Water For People: From Data to InformationLiferay and Water For People: From Data to Information
Liferay and Water For People: From Data to InformationEffective
 
The Rules of UX - Enterprise 2.0
The Rules of UX - Enterprise 2.0The Rules of UX - Enterprise 2.0
The Rules of UX - Enterprise 2.0Effective
 
Making Mobile Meaningful NY 2013
Making Mobile Meaningful NY 2013Making Mobile Meaningful NY 2013
Making Mobile Meaningful NY 2013Effective
 
Experience Driven Development - Future Insights Live 2013
Experience Driven Development - Future Insights Live 2013Experience Driven Development - Future Insights Live 2013
Experience Driven Development - Future Insights Live 2013Effective
 
SXSW 2013 Daily Recap - Sunday GoodxGlobal
SXSW 2013 Daily Recap - Sunday GoodxGlobalSXSW 2013 Daily Recap - Sunday GoodxGlobal
SXSW 2013 Daily Recap - Sunday GoodxGlobalEffective
 
The Human Interface: Making UX An Integral Part of Your Technology Buying Dec...
The Human Interface: Making UX An Integral Part of Your Technology Buying Dec...The Human Interface: Making UX An Integral Part of Your Technology Buying Dec...
The Human Interface: Making UX An Integral Part of Your Technology Buying Dec...Effective
 

Plus de Effective (20)

User Testing: Adapt to Fit Your Needs
User Testing: Adapt to Fit Your NeedsUser Testing: Adapt to Fit Your Needs
User Testing: Adapt to Fit Your Needs
 
Death of a Design: 5 Stages of Grief
Death of a Design: 5 Stages of GriefDeath of a Design: 5 Stages of Grief
Death of a Design: 5 Stages of Grief
 
UX Design Process 101: Where to start with UX
UX Design Process 101: Where to start with UXUX Design Process 101: Where to start with UX
UX Design Process 101: Where to start with UX
 
Give Them What They Want: Discovering Customer Need with Wearable Technology
Give Them What They Want: Discovering Customer Need with Wearable TechnologyGive Them What They Want: Discovering Customer Need with Wearable Technology
Give Them What They Want: Discovering Customer Need with Wearable Technology
 
Common Innovation Myths (World Usability Day)
Common Innovation Myths (World Usability Day)Common Innovation Myths (World Usability Day)
Common Innovation Myths (World Usability Day)
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
 
2016 SXSW Measures for Justice Panel Picker Presentation
2016 SXSW Measures for Justice Panel Picker Presentation2016 SXSW Measures for Justice Panel Picker Presentation
2016 SXSW Measures for Justice Panel Picker Presentation
 
Water For People UX Awards Submission
Water For People UX Awards SubmissionWater For People UX Awards Submission
Water For People UX Awards Submission
 
Getting into the Game: How EA Put User Research into Practice
Getting into the Game: How EA Put User Research into PracticeGetting into the Game: How EA Put User Research into Practice
Getting into the Game: How EA Put User Research into Practice
 
Scottrade and Understanding the Customer Journey: When Segmentation Isn’t Enough
Scottrade and Understanding the Customer Journey: When Segmentation Isn’t EnoughScottrade and Understanding the Customer Journey: When Segmentation Isn’t Enough
Scottrade and Understanding the Customer Journey: When Segmentation Isn’t Enough
 
A Blended Space for Heritage Storytelling
A Blended Space for Heritage StorytellingA Blended Space for Heritage Storytelling
A Blended Space for Heritage Storytelling
 
Using Behavioral Modeling to Engage Customers Throughout the Decision-Making ...
Using Behavioral Modeling to Engage Customers Throughout the Decision-Making ...Using Behavioral Modeling to Engage Customers Throughout the Decision-Making ...
Using Behavioral Modeling to Engage Customers Throughout the Decision-Making ...
 
Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?
 
Integrated Thinking: The Answer to Enterprise IT’s Perpetual Struggle - Forre...
Integrated Thinking: The Answer to Enterprise IT’s Perpetual Struggle - Forre...Integrated Thinking: The Answer to Enterprise IT’s Perpetual Struggle - Forre...
Integrated Thinking: The Answer to Enterprise IT’s Perpetual Struggle - Forre...
 
Liferay and Water For People: From Data to Information
Liferay and Water For People: From Data to InformationLiferay and Water For People: From Data to Information
Liferay and Water For People: From Data to Information
 
The Rules of UX - Enterprise 2.0
The Rules of UX - Enterprise 2.0The Rules of UX - Enterprise 2.0
The Rules of UX - Enterprise 2.0
 
Making Mobile Meaningful NY 2013
Making Mobile Meaningful NY 2013Making Mobile Meaningful NY 2013
Making Mobile Meaningful NY 2013
 
Experience Driven Development - Future Insights Live 2013
Experience Driven Development - Future Insights Live 2013Experience Driven Development - Future Insights Live 2013
Experience Driven Development - Future Insights Live 2013
 
SXSW 2013 Daily Recap - Sunday GoodxGlobal
SXSW 2013 Daily Recap - Sunday GoodxGlobalSXSW 2013 Daily Recap - Sunday GoodxGlobal
SXSW 2013 Daily Recap - Sunday GoodxGlobal
 
The Human Interface: Making UX An Integral Part of Your Technology Buying Dec...
The Human Interface: Making UX An Integral Part of Your Technology Buying Dec...The Human Interface: Making UX An Integral Part of Your Technology Buying Dec...
The Human Interface: Making UX An Integral Part of Your Technology Buying Dec...
 

Dernier

UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 

Dernier (20)

UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 

By the Book: Examining the Art of Building Great User Experiences in Software

  • 1. By the Book: Effective UI Examining the Art of Building Great User Experiences in Software - John McRee your user experience agency
  • 3. title: Lead User Experience Architect email: john.mcree@effectiveui.com blog: www.johnmcree.com twitter: @johnmcree www.effectiveui.com
  • 4. Microsoft Apple Adobe Sun Strategic 20 iPhone Gold 15 Partner Java FX Agency Partner Preferred Developer Strategic Partner
  • 12. Flash Vector Graphics MXML Client Processing Cover-flow Java Service Oriented Architecture Silverlight Animation Social Networking Streaming Video Aqua Multi-Channel Runtime Skip Intro Web 2.0 Productivity iPhone Accessibility Google Reflections Audio AJAX Thin Client Security Sandbox Multi-Touch APIs Open Source Apple Flex Rich Conversions Microsoft Adobe XAML Web Services Objective C SUN
  • 13. 30% of software is successful (adopted)... Failed (zero adoption) Successful (adopted) 70% 30%
  • 14. ...if it even gets released 25% Never Released Failed (zero adoption) Successful (adopted) 22% 53%
  • 15. Setting up the right environment for software to be successful
  • 16. Step 1: Become a UX evangelist...or hire one
  • 18. Engaging (immersion) Robbie Cooper, New York Times
  • 25. Delivery of relevant, valuable content
  • 27. Jared Spool’s Market Maturity Novel/Proprietary Feature Focus UX Focus Commoditization No competition Bullets on box Too complex Embedded Startup costs Unused features
  • 28. UX can have a HUGE ROI
  • 29. “Every $1 invested in usability returns between $10 and $100” IBM “Cost-Justifying Ease of Use”
  • 30. UX Fund 1. Demonstrated care in the design of their products and Web site 2. Has a history of innovation 3. Inspired loyalty in their customer base 4. Doing business with them was a positive experience UX Fund: 39.3%  $19533.48 Nasdaq: 29.1% S&P 500: 10.3% Nasdaq 100: 28.7% NYSE: 15.0%
  • 35. Step 2: Get everyone on the same page
  • 36. Product CEO Designer Developer Manager
  • 37. Product CEO Designer Developer Manager
  • 38. The workshop Force communication
  • 39. The workshop Force communication Force collaboration
  • 40. The workshop Force communication Force collaboration Expose assumptions Users Features Success
  • 41. The workshop Force communication Force collaboration Expose assumptions Users Features Success Force Prioritization
  • 42. The SUDA Cooper’s “User & Domain Analysis (UnDA)” Competitive analysis User research Literature review Personas Context scenarios Functional requirements
  • 44. The SUDA EUI’s “System, User & Domain Audit (SUDA)” Competitive analysis User research Literature review Context scenarios Personas Functional requirements Adding Stakeholder interviews System & dev team audit Capacity review Environmental factors Technical factors Lo-fi “vision” Phased approach
  • 45. The SUDA: Stakeholder interviews Build trust Skin in the game Passion & beliefs Quick wins Apprehensions
  • 46. The SUDA: System & dev team audit Capacity review Environmental factors Technical factors
  • 47. The SUDA: Lo-fi “vision”
  • 48. The SUDA: Phased approach
  • 49. Step 3: Plan, then forget your plans...
  • 50. “I am the wisest man alive, for I know one thing, and that is that I know nothing.” Socrates
  • 51. “The great uncertainty of all data in war is a peculiar difficulty, because all action must, to a certain extent, be planned in a mere twilight, which in addition not infrequently–like the effect of a fog or moonshine–gives to things exaggerated dimensions and unnatural appearance.” Carl von Clausewitz, On War
  • 52. “No battle plan survives first contact with the enemy.” Helmuth von Moltke
  • 53. Much like individual soldiers in a battlefield, a software system isn’t static. It is the behavior created by the dynamic interaction of its parts.
  • 57. Step 4: Create & communicate the vision
  • 59. TriGeo Console Project Milestone v_0.1 Last Modi ed: October 30, 2008 9:12 AM EXPERIENCE MAP The Experience Map acts as a diagram of the “ ow” of an application. It is important to hone in on this high-level framework of the application so a clear direction may be established. This map helps the direction of wireframes without getting too far into the details. The content of the Experience Map is based on user research, a current understanding of the application and methods of improving usability. As more information is gathered and Experience Map evolves until a direction has been established. Creating the Experience Map was an ongoing process that ran in tandem with wireframes and creating design compositions. Although there was some inconsistent overlap due to these areas being done in parallel, thinking around wireframes helped to tighten areas of the Experience Map and vice versa. In the end, a solid overview of the TriGeo Console was generated that acts as the foundation for additional development and user experience re nement. There is still work to be done and directly correlates to the Wireframes. 20
  • 65. Other examples of vision demos Apple’s Knowledge Navigator Nokia Phones (check out Youtube) Twitter in Plain English
  • 67. title: Lead User Experience Architect email: john.mcree@effectiveui.com blog: www.johnmcree.com twitter: @johnmcree www.effectiveui.com