SlideShare une entreprise Scribd logo
1  sur  66
Télécharger pour lire hors ligne
Sustainable UX
Nick Finck
April 21, 2010




                 UX Web Summit
?
Who the f#@k
is this dude?
Nick Finck
                   Blue Flavor

                   ‣ Principal & Director of User Experience

                   ‣ Over 15 years of experience working in the web field
                   ‣ Has worked with Adobe, Boeing, CBS, Cisco, CitiGroup,
                     Comcast, FDIC, HP, IBM, and Microsoft

                   ‣ Co-organized and curated more than 10 national and
                     international web conferences & events
‣ BlueFlavor.com
                   ‣ Judged the Webby’s and several other web awards
‣ NickFinck.com
                   ‣ Former publisher of Digital Web Magazine

                   ‣ Expertise in information architecture, interaction design,
                     and user research
?
 Understanding
user experience
Morville’s Honeycomb
Discover               Plan             Design              Build             Evaluate




Understand and      Identify possible   Create designs     Develop functional   Review, test, and
identify the core   solutions and       that resolve the   code based on the    analyze effectiveness
problems first       plan execution      core problems      designs              of the design
UX happens here?



  Discover               Plan             Design              Build             Evaluate




Understand and      Identify possible   Create designs     Develop functional   Review, test, and
identify the core   solutions and       that resolve the   code based on the    analyze effectiveness
problems first       plan execution      core problems      designs              of the design
Sustainable UX
Photo by G Brummett - http://www.flickr.com/photos/grantbrummett/4464678620/
Photo by G Brummett - http://www.flickr.com/photos/grantbrummett/4469405610/
“User Experience is a focus,
 	a thread that runs through
 	all of our disciplines, and
 	which no discipline owns

 or controls.”
                       - The UXsters
                           Explain UX
UX really happens here



  Discover                Plan             Design              Build             Evaluate




Understand and       Identify possible   Create designs     Develop functional   Review, test, and
identify the core    solutions and       that resolve the   code based on the    analyze effectiveness
problems first        plan execution      core problems      designs              of the design
?
 How did we
end up here?
“We are the makers of our
 own state and…individuals
 who realize the fact need
 not, ought not, to wait for
 collective action.”
                     - Mahatma Gandhi
A good user
experience is
sustainable
“Sustainability is the capacity to endure.”
                           - the all-knowing Wikipedia
?
How do we make
  good user
 experiences
  sustainable?
A look into my
  process
Discover               Plan             Design              Build             Evaluate




Understand and      Identify possible   Create designs     Develop functional   Review, test, and
identify the core   solutions and       that resolve the   code based on the    analyze effectiveness
problems first       plan execution      core problems      designs              of the design
Stakeholder Interviews




Photo by Keith Morris - http://www.flickr.com/photos/standupbass/2103533585/
Kickoff Meeting




Photo by Kristin Farwell - http://www.flickr.com/photos/bulldogsolutions/2220048417/
Content Inventory
Content Audit
Focus Groups




Photo by Matt Ruecker - http://dreamfactoryblog.wordpress.com/2010/01/19/the-importance-of-focus-groups/
Card Sorts




Photo by Leandro Agrò - http://www.flickr.com/photos/leeander/46397740/
Contextual Inquiries




Photo by Benjamin Voss - http://benjaminvoss.wordpress.com/2008/03/20/contextual-inquiries-and-diaries/
Personas
Discover               Plan             Design              Build             Evaluate




Understand and      Identify possible   Create designs     Develop functional   Review, test, and
identify the core   solutions and       that resolve the   code based on the    analyze effectiveness
problems first       plan execution      core problems      designs              of the design
Content Strategy
Collaborative Thinking


Photo by Arne van Oosterom - http://www.flickr.com/photos/wenovski/3634783083/
Page Description Diagrams
                                                                                                                                    Sample Company Name
                                                                                                    Home Page                             Page Description Diagrams

  1                                           2                                   3
  Main call to action                         Search                              About company                             Notes
  Gets users thinking about the brand     A useful site search should always be An outline of what your company is all      The homepage has been shifted to
  and specific actions they can make.     available on the page to allow users an about.                                    emphasize content that’s currently
                                          alternative method for finding your                                               buried elsewhere in your site. The pro-
  Sign-up                                 content.                                 Privacy, Terms of Use, Etc.              posed navigation structure reinforces
  A call to action that encourages peo-                                            Most of the information that is cur-     this goal.
  ple to sign up for recently added con-  Link list                                rently listed in the footer should re-
  tent on the site.                       A list of semi-recently added link con- main there. The contact and address       The home page should provide a
                                          tent. This list should contain 5-7 links information can easily be moved to       clean path to the various sections of
  Featured article or essay               with date and comment meta infor-        the contact page, though. We also        the site.
  Shows the first paragraph of an article mation for each.                         recommend adding in some naviga-
  with associated image, as well as the                                            tional links, where possible.
  day it was published and the number
  of comments made.

  Latest entries
  A short listing of the latest articles or
  essays that have been posted. There
  should be between 5-7 shown on the
  home page. The featured article
  should not be displayed in this list.




  Highest Priority                                                                                     Lowest Priority
                                                                                                                                         Monday, September 24, 2007
Sitemaps
                                                                                                                                                                                                                                                                         About SXSW                 Contact           Market at SXSW               Tools

                                                                                                                                                                                                                                                                            History                                                            SXSW SMS

SXSW.com                                                                                                                                                                                                                                                                                                                                           Gydget
                                                                                                                                                                                                                                                                          Sponsors

                                                                                                                                                                                                                                                                         Sustainability                                                          Facebook
   News &
                     Register       Getting Around   Trade Shows        Merchandise       Interactive         Film             Music
 Information
                                                                                                                                                                                                                                                                                                                                                 Opera Mini
                                                                                                                                                                                                                                                                           Glossary

Brochures and      Hotels for                                                                                                                                                                                                                                                                                                                      Utterz
                                      Austin Map     Music Exhibition
Forms (PDFs)     SXSWeek 2008

                                                                                                                                                   Music                                                                                                                                                                                       Music Player
                                     Conference
 Mailing Lists   Travel Discounts                     iF! Exhibition
                                       Center
                                                                                                                                                    News &                                                                                                      Flatstock Poster
                                                                                                                                                                           Schedule                  Talks                 Shows           Parties & Play                                 Getting Around               Press
                                                                                                                                                  Information                                                                                                         Show
  Subscribe        International    Carver Center

                                                                                                                                                The Daily Chord              Talks                Speakers                 Artists                                                          Austin Map             Press Releases
  SXSWorld         Online Reg       Day Stage Cafe
  Magazine          Directory
                                                                                                                                                                                             Keynote                                                                                        Conference
                                                                                                                                                     FAQ                    Shows                                       SXSW Live                                                                                     Press Kit
                                     Auditorium                                                                                                                                                                                                                                               Center
My SXSWorld                                                                                                                                                                                  Mentor Sessions
                                    Shores Stage
   Stories
                                                                                                                                                    Video               Parties & Play       Quickies Sessions                                                                                                          FAQ

                                    Any additional                                                                                                                                           Demo Listening
                                       venues                                                                                                      Podcasts                                  Sessions                                                                                                             Press Credentials

                                                                                                                                                                                             CLE
                                                                                                                                                                                                                                                                                                                    Photo Policy




                                                                                                                                                                Interactive

                                                                                                                                                                    News &                                                                                                            ScreenBurn
                                                                                                                                                                                           Schedule                Talks             Parties & Play         Web Awards                                        Getting Around             Press
                                                                                                                                                                  Information                                                                                                         Gaming Fest


                                                                                                                                                                Interactive Hub              Talks               Speakers                                    Winners                                           Austin Map           Press Releases


                                                                                                                                                                                                             Opening Remarks                                                                                   Conference
                                                                                                                                                                     FAQ                 Parties & Play                                                      Finalists                                                                 Press Kit
                                                                                                                                                                                                                                                                                                                 Center
                                                                                                                                                                                                             Keynotes
                                                                                                                                                                    Video                                                                                    Ceremony                                                                    FAQ
                                                                                                                                                                                                             Book Readings
    Film
                                                                                                                                                                                                             Core
                                                                                                                                                                  Podcasts                                                                                  Dewey Award                                                            Press Credentials
                                                                                                                                                                                                             Conversations
   News &
                   Schedule            Talks             FIlms          Parties & Play   Global Doc Days   Getting Around        Press
 Information
                                                                                                                                                                                                                Speaking
                                                                                                                                                                                                               Opportunities                                                                                                          Photo Policy
The News Reel        Talks           Speakers         Film Trailers                                         Austin Map      Press Releases

                                                                                                                                                                                                                Panel Picker
                                     Speaking                                                               Conference
     FAQ             Films                           Past Winners                                                               Press Kit
                                    Opportunities                                                             Center

                                                                                                                                                                                                                                                                                                                            Key
    Video        Parties & Play                                                                                                   FAQ
                                                                                                                                                                                                                Panel Picker
                                                                                                                                                                                                                                                                                                                                    Primary navigation

  Podcasts                                                                                                                  Press Credentials
                                                                                                                                                                                                                                                                                                                               a    Secondary navigation

                                                                                                                                                                                                                                                                                                                               a    Link to separate section
                                                                                                                              Photo Policy

                                                                                                                                                                                                                                                                                                                               a    Separate sub-site

                                                                                                                                                                                                                                                                                                                               a    Future navigation
Process Flows
Discover               Plan             Design              Build             Evaluate




Understand and      Identify possible   Create designs     Develop functional   Review, test, and
identify the core   solutions and       that resolve the   code based on the    analyze effectiveness
problems first       plan execution      core problems      designs              of the design
Sketches
Zone Diagrams
Global Navigation
                                         Navigation Schema                                                       GiantCampus.com Information Architecture
                                                                                                                                       Navigation Schema


                                                                                           888-904-2267         |     Live Help    |    Contact    |   Sign In / Sign Up
                                                                                                                                                                Search



Primary Navigation

        Home                Courses              Programs           Locations         Our Difference        Community               About




        Home               Courses               Programs           Locations         Our Difference        Community               About




Secondary Navigation

  Game Design                                        Game Design                                       Game Design


  3D Modeling                                        3D Modeling                                       3D Modeling


  Digital Photography & Graphics                     Digital Photography & Graphics                    Digital Photography & Graphics

  Flash Animation & Web Design                       Flash Animation & Web Design                      Flash Animation & Web Design

  Video Production                                   Video Production                                  Video Production


  Programming & Robotics                             Programming & Robotics                            Programming & Robotics


  General Computing                                  General Computing                                 General Computing


  Our Approach                                       Our Approach                                      Our Approach




Breadcrumb Navigation

Home     >      Courses     >      Flash Animation & Web Design            >    Web Design with Dreamweaver



Footer Navigation


Feedback        | Legal     |      Careers   |   Press Room                                                            888-904-2267         |   Live Help   |   Contact
Wireframes
Storyboards

Manage Account                 Manage Account                                Manage Account                       Manage Account                                 Manage Account                            Manage Account

! Rename account               ! Rename account                              ! Rename account                     ! Rename account                               ! Rename account                          ! Rename account

 Home Checking        Rename   ! Stop check                                  ! Stop check                         ! Stop check                                   ! Stop check                              ! Stop check
                               Use this form to place a stop check on a      ! Order checks                       ! Order checks                                 ! Order checks                            ! Order checks
! Stop check                   check that has been issued. Amount of the
                               check will be credited back to your account   Order new checks for this account?   ! Order check card                             ! Order check card                        ! Order check card
! Order checks                 (more info)
                                                                              Order Checks
                                                                                                                  Note: If your card was lost or stolen please   ! Manage Statements                       ! Manage Statements
! Order check card             Account #: ...4324
                                                                                                                  call 800-637-0852 to ensure deactivation.
                                                                             ! Order check card                   (more info)                                             Paper Statements                 ! Download
! Manage Statements            From Check #:

                               To Check #:                                   ! Manage Statements                  Reason: Damaged check card                                   Go Paperless                 Select file format...
! Download
                               Reason: Lost check                            ! Download                           Rush Delivery?
                                                                                                                                                                 Note: these changes will impact your        Download Now

                                                                                                                  Note you will be chaged a $45.00 fee for a     savings account(s) as well. (more info)
                               Note you will be chaged a $8.00 fee for
                               each stop check order. (more info)                                                 rush delivery of a check card. (more info)
                                                                                                                                                                 ! Download
                                                             Stop Check                                           Charge to account: Home checking (5423)

                                                                                                                                                       Order
                               ! Order checks

                               ! Order check card                                                                 ! Manage Statements

                               ! Manage Statements                                                                ! Download

                               ! Download
Prototype
Discover               Plan             Design              Build             Evaluate




Understand and      Identify possible   Create designs     Develop functional   Review, test, and
identify the core   solutions and       that resolve the   code based on the    analyze effectiveness
problems first       plan execution      core problems      designs              of the design
Build Review




Photo by Dmitriy Kopylenko - http://www.flickr.com/photos/dima767/3660655314/
QA Testing




Photo by Tristan Nitot - http://www.flickr.com/photos/nitot/3038089411/
Discover               Plan             Design              Build             Evaluate




Understand and      Identify possible   Create designs     Develop functional   Review, test, and
identify the core   solutions and       that resolve the   code based on the    analyze effectiveness
problems first       plan execution      core problems      designs              of the design
Usability Testing


Photo by Alexander Baxevanis - http://www.flickr.com/photos/futureshape/86228211/
User Interviews




Photo by ekhereford - http://www.flickr.com/photos/37128818@N02/3522353433/
Eye-Tracking Analysis




Image by Daniel Martin - http://www.doublejumpmedia.com/blog/2009/05/eye-tracking-and-usability-testing-with-city-univers
Historical Traffic Analysis
Real-Time Traffic Analysis
?
What is ahead for
       UX?
Sustainable UX
Sustainable UX
Augmented Reality with Location Based Services
Augmented Reality with Visual Recognition
Star Wars
Nintendo Wii
Microsoft’s Project Natal
Microsoft Surface
Oblong's g-speak
Spatial Operating Environment
Sixth Sense
Wearable Gestural Interface
Minority Report
UX isn’t a means to
an end, it is only the
    beginning
Thank you!
?
Questions?
Sustainable UX
Sustainable UX
Nick Finck
@nickf
nick@blueflavor.com
http://blueflavor.com

Contenu connexe

Tendances

Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User ExperienceJeremy Johnson
 
User Experience 101 - The Basics
User Experience 101 - The BasicsUser Experience 101 - The Basics
User Experience 101 - The BasicsBecky Burd
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience WorkshopMotivate Design
 
User Experience (UX) Design Process
User Experience (UX) Design ProcessUser Experience (UX) Design Process
User Experience (UX) Design ProcessJonathan Lupo
 
UX Design - Client presentation
UX Design - Client presentationUX Design - Client presentation
UX Design - Client presentationMarta Fioni
 
Mobile Information Architecture and Interaction Design
Mobile Information Architecture and Interaction DesignMobile Information Architecture and Interaction Design
Mobile Information Architecture and Interaction DesignNick Finck
 
Introduction to UX Design
Introduction to UX DesignIntroduction to UX Design
Introduction to UX DesignBill Tribble
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Jeremy Johnson
 
Mobile First Design Strategy & Process
Mobile First Design Strategy & ProcessMobile First Design Strategy & Process
Mobile First Design Strategy & ProcessSubhasish Karmakar
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal Marta Fioni
 
Evangelizing User Experience Design
Evangelizing User Experience DesignEvangelizing User Experience Design
Evangelizing User Experience DesignDustin DiTommaso
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a mythJeremy Johnson
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldKarri Ojanen
 
A Walk Through of User Experience and User Interface
A Walk Through of User Experience and User Interface A Walk Through of User Experience and User Interface
A Walk Through of User Experience and User Interface Network Affiliates
 
Why UX Design Needs Content Strategy
Why UX Design Needs Content StrategyWhy UX Design Needs Content Strategy
Why UX Design Needs Content StrategyKaren McGrane
 
Tour of UX deliverables - dev/haag
Tour of UX deliverables - dev/haagTour of UX deliverables - dev/haag
Tour of UX deliverables - dev/haagPeter Boersma
 
User Experience Design
User Experience DesignUser Experience Design
User Experience DesignJenna Yim
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"MITAcademy1
 

Tendances (20)

Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User Experience
 
What is UX?
What is UX?What is UX?
What is UX?
 
User Experience 101 - The Basics
User Experience 101 - The BasicsUser Experience 101 - The Basics
User Experience 101 - The Basics
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
User Experience (UX) Design Process
User Experience (UX) Design ProcessUser Experience (UX) Design Process
User Experience (UX) Design Process
 
UX Design - Client presentation
UX Design - Client presentationUX Design - Client presentation
UX Design - Client presentation
 
Mobile Information Architecture and Interaction Design
Mobile Information Architecture and Interaction DesignMobile Information Architecture and Interaction Design
Mobile Information Architecture and Interaction Design
 
Introduction to UX Design
Introduction to UX DesignIntroduction to UX Design
Introduction to UX Design
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*
 
Mobile First Design Strategy & Process
Mobile First Design Strategy & ProcessMobile First Design Strategy & Process
Mobile First Design Strategy & Process
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal
 
Evangelizing User Experience Design
Evangelizing User Experience DesignEvangelizing User Experience Design
Evangelizing User Experience Design
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a myth
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
 
Effective ui
Effective uiEffective ui
Effective ui
 
A Walk Through of User Experience and User Interface
A Walk Through of User Experience and User Interface A Walk Through of User Experience and User Interface
A Walk Through of User Experience and User Interface
 
Why UX Design Needs Content Strategy
Why UX Design Needs Content StrategyWhy UX Design Needs Content Strategy
Why UX Design Needs Content Strategy
 
Tour of UX deliverables - dev/haag
Tour of UX deliverables - dev/haagTour of UX deliverables - dev/haag
Tour of UX deliverables - dev/haag
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 

En vedette

Mobile Web User Experience
Mobile Web User ExperienceMobile Web User Experience
Mobile Web User ExperienceNick Finck
 
World Usability Day 2016 - Sustainable UX
World Usability Day 2016 - Sustainable UXWorld Usability Day 2016 - Sustainable UX
World Usability Day 2016 - Sustainable UXUXBERT
 
E-Portfolio_Rachel Eike
E-Portfolio_Rachel EikeE-Portfolio_Rachel Eike
E-Portfolio_Rachel EikeRachel Eike
 
IEDC Leadership Summit: Growing Opportunities: Small Farms, Slow Food, Co-ops...
IEDC Leadership Summit: Growing Opportunities: Small Farms, Slow Food, Co-ops...IEDC Leadership Summit: Growing Opportunities: Small Farms, Slow Food, Co-ops...
IEDC Leadership Summit: Growing Opportunities: Small Farms, Slow Food, Co-ops...CleEconomicDevelopment
 
Malimu environmental management and sanitation md3 17 4-07
Malimu environmental management and sanitation md3 17 4-07Malimu environmental management and sanitation md3 17 4-07
Malimu environmental management and sanitation md3 17 4-07Miharbi Ignasm
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUXBERT
 
UX for ecommerce: A masterchef lesson
UX for ecommerce: A masterchef lessonUX for ecommerce: A masterchef lesson
UX for ecommerce: A masterchef lessonDiga33!
 
eCommerce UX testing
eCommerce UX testing eCommerce UX testing
eCommerce UX testing Adrian Iacomi
 
Doing Your HW - A UX approach to your web design
Doing Your HW - A UX approach to your web designDoing Your HW - A UX approach to your web design
Doing Your HW - A UX approach to your web designFabian Alcantara
 
Introduction to Antetype - Web UX design tool
Introduction to Antetype - Web UX design toolIntroduction to Antetype - Web UX design tool
Introduction to Antetype - Web UX design toolLa FeWeb
 
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)Bram Vanderhaeghe
 
Web, Design, and UX Trends for 2005
Web, Design, and UX Trends for 2005Web, Design, and UX Trends for 2005
Web, Design, and UX Trends for 2005Jeremy Johnson
 
Web, Design, and UX Trends for 2006
Web, Design, and UX Trends for 2006Web, Design, and UX Trends for 2006
Web, Design, and UX Trends for 2006Jeremy Johnson
 
Web design ux trends 2013
Web design ux trends 2013Web design ux trends 2013
Web design ux trends 2013Mahmoud Farrag
 

En vedette (20)

Mobile Web User Experience
Mobile Web User ExperienceMobile Web User Experience
Mobile Web User Experience
 
World Usability Day 2016 - Sustainable UX
World Usability Day 2016 - Sustainable UXWorld Usability Day 2016 - Sustainable UX
World Usability Day 2016 - Sustainable UX
 
E-Portfolio_Rachel Eike
E-Portfolio_Rachel EikeE-Portfolio_Rachel Eike
E-Portfolio_Rachel Eike
 
Sustaining Farmers
Sustaining FarmersSustaining Farmers
Sustaining Farmers
 
IEDC Leadership Summit: Growing Opportunities: Small Farms, Slow Food, Co-ops...
IEDC Leadership Summit: Growing Opportunities: Small Farms, Slow Food, Co-ops...IEDC Leadership Summit: Growing Opportunities: Small Farms, Slow Food, Co-ops...
IEDC Leadership Summit: Growing Opportunities: Small Farms, Slow Food, Co-ops...
 
Malimu environmental management and sanitation md3 17 4-07
Malimu environmental management and sanitation md3 17 4-07Malimu environmental management and sanitation md3 17 4-07
Malimu environmental management and sanitation md3 17 4-07
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
 
UX for ecommerce: A masterchef lesson
UX for ecommerce: A masterchef lessonUX for ecommerce: A masterchef lesson
UX for ecommerce: A masterchef lesson
 
eCommerce UX testing
eCommerce UX testing eCommerce UX testing
eCommerce UX testing
 
Waste Management
Waste ManagementWaste Management
Waste Management
 
Best practices for UI/UX in eCommerce
Best practices for UI/UX in eCommerceBest practices for UI/UX in eCommerce
Best practices for UI/UX in eCommerce
 
Coding pilkades
Coding pilkadesCoding pilkades
Coding pilkades
 
Doing Your HW - A UX approach to your web design
Doing Your HW - A UX approach to your web designDoing Your HW - A UX approach to your web design
Doing Your HW - A UX approach to your web design
 
Introduction to Antetype - Web UX design tool
Introduction to Antetype - Web UX design toolIntroduction to Antetype - Web UX design tool
Introduction to Antetype - Web UX design tool
 
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
Responsive Web Design (Microsoft Web & Phone UX Tour 2011)
 
Web, Design, and UX Trends for 2005
Web, Design, and UX Trends for 2005Web, Design, and UX Trends for 2005
Web, Design, and UX Trends for 2005
 
#4_web_ux_wakizaka
#4_web_ux_wakizaka#4_web_ux_wakizaka
#4_web_ux_wakizaka
 
Mobile Web UX - TdT@Cluj #17
Mobile Web UX - TdT@Cluj #17Mobile Web UX - TdT@Cluj #17
Mobile Web UX - TdT@Cluj #17
 
Web, Design, and UX Trends for 2006
Web, Design, and UX Trends for 2006Web, Design, and UX Trends for 2006
Web, Design, and UX Trends for 2006
 
Web design ux trends 2013
Web design ux trends 2013Web design ux trends 2013
Web design ux trends 2013
 

Similaire à Sustainable UX

T2L3.doc
T2L3.docT2L3.doc
T2L3.docbutest
 
A project guide to ux design vm
A project guide to ux design vmA project guide to ux design vm
A project guide to ux design vmValentina Marzola
 
Class 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipClass 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipallanchao
 
ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsGilbert Guerrero
 
Leverage Your Online Web Presence
Leverage Your Online Web PresenceLeverage Your Online Web Presence
Leverage Your Online Web PresenceSusan Boone
 
Information Architecture for Drupal
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for DrupalVanessa Turke
 
Running Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & PartnersRunning Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & PartnersCraig Peters
 
A possible future role of schema.org for business reporting
A possible future role of schema.org for business reportingA possible future role of schema.org for business reporting
A possible future role of schema.org for business reportingsopekmir
 
Chip_Swanson-Resume-2016-1
Chip_Swanson-Resume-2016-1Chip_Swanson-Resume-2016-1
Chip_Swanson-Resume-2016-1Chip Swanson
 
The Professional Design Process
The Professional Design ProcessThe Professional Design Process
The Professional Design Processugencarelle
 
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...Alain Fortier
 
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Brenna Mickey
 
User centered design process - Measurefest Presentation
User centered design process - Measurefest PresentationUser centered design process - Measurefest Presentation
User centered design process - Measurefest Presentationflashbender
 
Smart Tips for Wireframing by Indrajit basu
Smart Tips for Wireframing by Indrajit basuSmart Tips for Wireframing by Indrajit basu
Smart Tips for Wireframing by Indrajit basuNASSCOM
 

Similaire à Sustainable UX (20)

T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
 
A project guide to ux design vm
A project guide to ux design vmA project guide to ux design vm
A project guide to ux design vm
 
Class 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipClass 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurship
 
ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page Comps
 
Web Design
Web DesignWeb Design
Web Design
 
Leverage Your Online Web Presence
Leverage Your Online Web PresenceLeverage Your Online Web Presence
Leverage Your Online Web Presence
 
Information Architecture for Drupal
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for Drupal
 
Running Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & PartnersRunning Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & Partners
 
A possible future role of schema.org for business reporting
A possible future role of schema.org for business reportingA possible future role of schema.org for business reporting
A possible future role of schema.org for business reporting
 
Chip_Swanson-Resume-2016-1
Chip_Swanson-Resume-2016-1Chip_Swanson-Resume-2016-1
Chip_Swanson-Resume-2016-1
 
Guide to Planning Your Next Web Project
Guide to Planning Your Next Web ProjectGuide to Planning Your Next Web Project
Guide to Planning Your Next Web Project
 
The Professional Design Process
The Professional Design ProcessThe Professional Design Process
The Professional Design Process
 
Net Magazine Feb 2010
Net Magazine Feb 2010Net Magazine Feb 2010
Net Magazine Feb 2010
 
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
 
Web Design Process
Web Design ProcessWeb Design Process
Web Design Process
 
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop
 
Web design
Web designWeb design
Web design
 
User centered design process - Measurefest Presentation
User centered design process - Measurefest PresentationUser centered design process - Measurefest Presentation
User centered design process - Measurefest Presentation
 
Eric Weathers 14
Eric Weathers   14Eric Weathers   14
Eric Weathers 14
 
Smart Tips for Wireframing by Indrajit basu
Smart Tips for Wireframing by Indrajit basuSmart Tips for Wireframing by Indrajit basu
Smart Tips for Wireframing by Indrajit basu
 

Plus de Nick Finck

Page Description Diagrams
Page Description DiagramsPage Description Diagrams
Page Description DiagramsNick Finck
 
Mobile Interaction Design & Strategy
Mobile Interaction Design & StrategyMobile Interaction Design & Strategy
Mobile Interaction Design & StrategyNick Finck
 
The cross channel experience - UXLx
The cross channel experience - UXLxThe cross channel experience - UXLx
The cross channel experience - UXLxNick Finck
 
The cross channel experience
The cross channel experienceThe cross channel experience
The cross channel experienceNick Finck
 
User Research in the Wild
User Research in the WildUser Research in the Wild
User Research in the WildNick Finck
 
The Future of Technology and Information
The Future of Technology and InformationThe Future of Technology and Information
The Future of Technology and InformationNick Finck
 
Mobile Information Architecture and Interaction Design (InfoCamp 2010)
Mobile Information Architecture and Interaction Design (InfoCamp 2010)Mobile Information Architecture and Interaction Design (InfoCamp 2010)
Mobile Information Architecture and Interaction Design (InfoCamp 2010)Nick Finck
 
How content strategy fits into the user experience
How content strategy fits into the user experienceHow content strategy fits into the user experience
How content strategy fits into the user experienceNick Finck
 
User experience utopia - interact seattle
User experience utopia - interact seattleUser experience utopia - interact seattle
User experience utopia - interact seattleNick Finck
 
The commoditization and fragmentation of the ia community
The commoditization and fragmentation of the ia communityThe commoditization and fragmentation of the ia community
The commoditization and fragmentation of the ia communityNick Finck
 
The Life Cycle Of A Wireframe: LOL Cats Style
The Life Cycle Of A Wireframe: LOL Cats StyleThe Life Cycle Of A Wireframe: LOL Cats Style
The Life Cycle Of A Wireframe: LOL Cats StyleNick Finck
 
The Ten Commandments Of User Experience
The Ten Commandments Of User ExperienceThe Ten Commandments Of User Experience
The Ten Commandments Of User ExperienceNick Finck
 
The Future Of IA
The Future Of IAThe Future Of IA
The Future Of IANick Finck
 
User Experience Utopia (Ad Club Seattle)
User Experience Utopia (Ad Club Seattle)User Experience Utopia (Ad Club Seattle)
User Experience Utopia (Ad Club Seattle)Nick Finck
 
The Life Cycle of a Wireframe
The Life Cycle of a Wireframe The Life Cycle of a Wireframe
The Life Cycle of a Wireframe Nick Finck
 
User Experience Utopia
User Experience UtopiaUser Experience Utopia
User Experience UtopiaNick Finck
 
Wireframes for the Wicked
Wireframes for the WickedWireframes for the Wicked
Wireframes for the WickedNick Finck
 
Starting Small: Web Business for the Rest of Us
Starting Small: Web Business for the Rest of UsStarting Small: Web Business for the Rest of Us
Starting Small: Web Business for the Rest of UsNick Finck
 

Plus de Nick Finck (20)

Page Description Diagrams
Page Description DiagramsPage Description Diagrams
Page Description Diagrams
 
Mobile Interaction Design & Strategy
Mobile Interaction Design & StrategyMobile Interaction Design & Strategy
Mobile Interaction Design & Strategy
 
The cross channel experience - UXLx
The cross channel experience - UXLxThe cross channel experience - UXLx
The cross channel experience - UXLx
 
The cross channel experience
The cross channel experienceThe cross channel experience
The cross channel experience
 
Mobile UX
Mobile UXMobile UX
Mobile UX
 
User Research in the Wild
User Research in the WildUser Research in the Wild
User Research in the Wild
 
The Future of Technology and Information
The Future of Technology and InformationThe Future of Technology and Information
The Future of Technology and Information
 
Mobile Information Architecture and Interaction Design (InfoCamp 2010)
Mobile Information Architecture and Interaction Design (InfoCamp 2010)Mobile Information Architecture and Interaction Design (InfoCamp 2010)
Mobile Information Architecture and Interaction Design (InfoCamp 2010)
 
How content strategy fits into the user experience
How content strategy fits into the user experienceHow content strategy fits into the user experience
How content strategy fits into the user experience
 
User experience utopia - interact seattle
User experience utopia - interact seattleUser experience utopia - interact seattle
User experience utopia - interact seattle
 
The commoditization and fragmentation of the ia community
The commoditization and fragmentation of the ia communityThe commoditization and fragmentation of the ia community
The commoditization and fragmentation of the ia community
 
The Life Cycle Of A Wireframe: LOL Cats Style
The Life Cycle Of A Wireframe: LOL Cats StyleThe Life Cycle Of A Wireframe: LOL Cats Style
The Life Cycle Of A Wireframe: LOL Cats Style
 
The Ten Commandments Of User Experience
The Ten Commandments Of User ExperienceThe Ten Commandments Of User Experience
The Ten Commandments Of User Experience
 
Mobile UX
Mobile UXMobile UX
Mobile UX
 
The Future Of IA
The Future Of IAThe Future Of IA
The Future Of IA
 
User Experience Utopia (Ad Club Seattle)
User Experience Utopia (Ad Club Seattle)User Experience Utopia (Ad Club Seattle)
User Experience Utopia (Ad Club Seattle)
 
The Life Cycle of a Wireframe
The Life Cycle of a Wireframe The Life Cycle of a Wireframe
The Life Cycle of a Wireframe
 
User Experience Utopia
User Experience UtopiaUser Experience Utopia
User Experience Utopia
 
Wireframes for the Wicked
Wireframes for the WickedWireframes for the Wicked
Wireframes for the Wicked
 
Starting Small: Web Business for the Rest of Us
Starting Small: Web Business for the Rest of UsStarting Small: Web Business for the Rest of Us
Starting Small: Web Business for the Rest of Us
 

Dernier

Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxKatherine Villaluna
 
How to Solve Singleton Error in the Odoo 17
How to Solve Singleton Error in the  Odoo 17How to Solve Singleton Error in the  Odoo 17
How to Solve Singleton Error in the Odoo 17Celine George
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17Celine George
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationMJDuyan
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfMohonDas
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxAUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxiammrhaywood
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?TechSoup
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxDr. Asif Anas
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17Celine George
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...Nguyen Thanh Tu Collection
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxMYDA ANGELICA SUAN
 
How to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesHow to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesCeline George
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxKatherine Villaluna
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational PhilosophyShuvankar Madhu
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxEduSkills OECD
 

Dernier (20)

Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
 
How to Solve Singleton Error in the Odoo 17
How to Solve Singleton Error in the  Odoo 17How to Solve Singleton Error in the  Odoo 17
How to Solve Singleton Error in the Odoo 17
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17
 
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quizFinals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxAUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
 
How to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesHow to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 Sales
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational Philosophy
 
Prelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quizPrelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quiz
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
 

Sustainable UX

  • 1. Sustainable UX Nick Finck April 21, 2010 UX Web Summit
  • 2. ? Who the f#@k is this dude?
  • 3. Nick Finck Blue Flavor ‣ Principal & Director of User Experience ‣ Over 15 years of experience working in the web field ‣ Has worked with Adobe, Boeing, CBS, Cisco, CitiGroup, Comcast, FDIC, HP, IBM, and Microsoft ‣ Co-organized and curated more than 10 national and international web conferences & events ‣ BlueFlavor.com ‣ Judged the Webby’s and several other web awards ‣ NickFinck.com ‣ Former publisher of Digital Web Magazine ‣ Expertise in information architecture, interaction design, and user research
  • 6. Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 7. UX happens here? Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 9. Photo by G Brummett - http://www.flickr.com/photos/grantbrummett/4464678620/
  • 10. Photo by G Brummett - http://www.flickr.com/photos/grantbrummett/4469405610/
  • 11. “User Experience is a focus, a thread that runs through all of our disciplines, and which no discipline owns or controls.” - The UXsters Explain UX
  • 12. UX really happens here Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 13. ? How did we end up here?
  • 14. “We are the makers of our own state and…individuals who realize the fact need not, ought not, to wait for collective action.” - Mahatma Gandhi
  • 15. A good user experience is sustainable
  • 16. “Sustainability is the capacity to endure.” - the all-knowing Wikipedia
  • 17. ? How do we make good user experiences sustainable?
  • 18. A look into my process
  • 19. Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 20. Stakeholder Interviews Photo by Keith Morris - http://www.flickr.com/photos/standupbass/2103533585/
  • 21. Kickoff Meeting Photo by Kristin Farwell - http://www.flickr.com/photos/bulldogsolutions/2220048417/
  • 24. Focus Groups Photo by Matt Ruecker - http://dreamfactoryblog.wordpress.com/2010/01/19/the-importance-of-focus-groups/
  • 25. Card Sorts Photo by Leandro Agrò - http://www.flickr.com/photos/leeander/46397740/
  • 26. Contextual Inquiries Photo by Benjamin Voss - http://benjaminvoss.wordpress.com/2008/03/20/contextual-inquiries-and-diaries/
  • 28. Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 30. Collaborative Thinking Photo by Arne van Oosterom - http://www.flickr.com/photos/wenovski/3634783083/
  • 31. Page Description Diagrams Sample Company Name Home Page Page Description Diagrams 1 2 3 Main call to action Search About company Notes Gets users thinking about the brand A useful site search should always be An outline of what your company is all The homepage has been shifted to and specific actions they can make. available on the page to allow users an about. emphasize content that’s currently alternative method for finding your buried elsewhere in your site. The pro- Sign-up content. Privacy, Terms of Use, Etc. posed navigation structure reinforces A call to action that encourages peo- Most of the information that is cur- this goal. ple to sign up for recently added con- Link list rently listed in the footer should re- tent on the site. A list of semi-recently added link con- main there. The contact and address The home page should provide a tent. This list should contain 5-7 links information can easily be moved to clean path to the various sections of Featured article or essay with date and comment meta infor- the contact page, though. We also the site. Shows the first paragraph of an article mation for each. recommend adding in some naviga- with associated image, as well as the tional links, where possible. day it was published and the number of comments made. Latest entries A short listing of the latest articles or essays that have been posted. There should be between 5-7 shown on the home page. The featured article should not be displayed in this list. Highest Priority Lowest Priority Monday, September 24, 2007
  • 32. Sitemaps About SXSW Contact Market at SXSW Tools History SXSW SMS SXSW.com Gydget Sponsors Sustainability Facebook News & Register Getting Around Trade Shows Merchandise Interactive Film Music Information Opera Mini Glossary Brochures and Hotels for Utterz Austin Map Music Exhibition Forms (PDFs) SXSWeek 2008 Music Music Player Conference Mailing Lists Travel Discounts iF! Exhibition Center News & Flatstock Poster Schedule Talks Shows Parties & Play Getting Around Press Information Show Subscribe International Carver Center The Daily Chord Talks Speakers Artists Austin Map Press Releases SXSWorld Online Reg Day Stage Cafe Magazine Directory Keynote Conference FAQ Shows SXSW Live Press Kit Auditorium Center My SXSWorld Mentor Sessions Shores Stage Stories Video Parties & Play Quickies Sessions FAQ Any additional Demo Listening venues Podcasts Sessions Press Credentials CLE Photo Policy Interactive News & ScreenBurn Schedule Talks Parties & Play Web Awards Getting Around Press Information Gaming Fest Interactive Hub Talks Speakers Winners Austin Map Press Releases Opening Remarks Conference FAQ Parties & Play Finalists Press Kit Center Keynotes Video Ceremony FAQ Book Readings Film Core Podcasts Dewey Award Press Credentials Conversations News & Schedule Talks FIlms Parties & Play Global Doc Days Getting Around Press Information Speaking Opportunities Photo Policy The News Reel Talks Speakers Film Trailers Austin Map Press Releases Panel Picker Speaking Conference FAQ Films Past Winners Press Kit Opportunities Center Key Video Parties & Play FAQ Panel Picker Primary navigation Podcasts Press Credentials a Secondary navigation a Link to separate section Photo Policy a Separate sub-site a Future navigation
  • 34. Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 37. Global Navigation Navigation Schema GiantCampus.com Information Architecture Navigation Schema 888-904-2267 | Live Help | Contact | Sign In / Sign Up Search Primary Navigation Home Courses Programs Locations Our Difference Community About Home Courses Programs Locations Our Difference Community About Secondary Navigation Game Design Game Design Game Design 3D Modeling 3D Modeling 3D Modeling Digital Photography & Graphics Digital Photography & Graphics Digital Photography & Graphics Flash Animation & Web Design Flash Animation & Web Design Flash Animation & Web Design Video Production Video Production Video Production Programming & Robotics Programming & Robotics Programming & Robotics General Computing General Computing General Computing Our Approach Our Approach Our Approach Breadcrumb Navigation Home > Courses > Flash Animation & Web Design > Web Design with Dreamweaver Footer Navigation Feedback | Legal | Careers | Press Room 888-904-2267 | Live Help | Contact
  • 39. Storyboards Manage Account Manage Account Manage Account Manage Account Manage Account Manage Account ! Rename account ! Rename account ! Rename account ! Rename account ! Rename account ! Rename account Home Checking Rename ! Stop check ! Stop check ! Stop check ! Stop check ! Stop check Use this form to place a stop check on a ! Order checks ! Order checks ! Order checks ! Order checks ! Stop check check that has been issued. Amount of the check will be credited back to your account Order new checks for this account? ! Order check card ! Order check card ! Order check card ! Order checks (more info) Order Checks Note: If your card was lost or stolen please ! Manage Statements ! Manage Statements ! Order check card Account #: ...4324 call 800-637-0852 to ensure deactivation. ! Order check card (more info) Paper Statements ! Download ! Manage Statements From Check #: To Check #: ! Manage Statements Reason: Damaged check card Go Paperless Select file format... ! Download Reason: Lost check ! Download Rush Delivery? Note: these changes will impact your Download Now Note you will be chaged a $45.00 fee for a savings account(s) as well. (more info) Note you will be chaged a $8.00 fee for each stop check order. (more info) rush delivery of a check card. (more info) ! Download Stop Check Charge to account: Home checking (5423) Order ! Order checks ! Order check card ! Manage Statements ! Manage Statements ! Download ! Download
  • 41. Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 42. Build Review Photo by Dmitriy Kopylenko - http://www.flickr.com/photos/dima767/3660655314/
  • 43. QA Testing Photo by Tristan Nitot - http://www.flickr.com/photos/nitot/3038089411/
  • 44. Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 45. Usability Testing Photo by Alexander Baxevanis - http://www.flickr.com/photos/futureshape/86228211/
  • 46. User Interviews Photo by ekhereford - http://www.flickr.com/photos/37128818@N02/3522353433/
  • 47. Eye-Tracking Analysis Image by Daniel Martin - http://www.doublejumpmedia.com/blog/2009/05/eye-tracking-and-usability-testing-with-city-univers
  • 50. ? What is ahead for UX?
  • 53. Augmented Reality with Location Based Services
  • 54. Augmented Reality with Visual Recognition
  • 62. UX isn’t a means to an end, it is only the beginning