SlideShare a Scribd company logo
1 of 103
Download to read offline
9.7 Things
               Every Programmer
               Should Know
               About User Experience


                         BurkHufnagel@gmail.com
Tuesday, March 9, 2010                            1
Tuesday, March 9, 2010   2
Tuesday, March 9, 2010   3
Who am I?
                • Programmer / Software Architect /
                         Fan of User Experience Design
                    • Speaker
                         JavaOne 2008
                         Atlanta IT Architect Regional Conference - IASA 2007, 2009, and 2010
                         DevNexus 2010


                    • Author
                         “97 Things Every Programmer Should Know” - 2010
                         “97 Things Every Software Architect Should Know” - 2009
                         “User Experience: The Hidden Art Everyone Sees” - IASA 2007
                         “Mind Like A Sword” - blog at mindlikeasword.blogger.com




Tuesday, March 9, 2010                                                                          4
Tuesday, March 9, 2010   5
Who are you?
                    (A) User Experience Designer?
                    (B) Architect?
                    (C) Programmer?
                    (D) Other?




Tuesday, March 9, 2010                              6
THE FOLLOWING TALK HAS BEEN APPROVED FOR
                               THIS AUDIENCE
           BY YOUR ATTENDANCE, WHICH IMPLIES CONSENT



          mindlikeasword.blogger.com           burkhufnagel@gmail.com




Tuesday, March 9, 2010                                                  7
Tuesday, March 9, 2010   8
You have been warned!



Tuesday, March 9, 2010                    9
Thing to Know #1

      There is always
      	

 	

 	

 	

 	

 a user experience.


Tuesday, March 9, 2010                         10
What is
                   “user experience”?


Tuesday, March 9, 2010                  11
User experience describes
       how people feel when
         they use your product.


Tuesday, March 9, 2010            12
Thing to Know #2

        User experience
         is subjective and
           may change over time.


Tuesday, March 9, 2010                      13
What is
                 user experience design?


Tuesday, March 9, 2010                     14
User experience design
             is about designing
               things consciously,
                 and not just letting
                  things happen.

Tuesday, March 9, 2010                  15
Thing to Know #3
     User experience design
      is a process not a step.
     The goal is making things
      simple and pleasurable
        for the user.
Tuesday, March 9, 2010           16
Why is it important?



Tuesday, March 9, 2010                          17
“Third Base”

      There is always
      	

 	

 	

 	

 	

 a user experience.


Tuesday, March 9, 2010                         18
Thing to Know #4

           User experience is a
            key to the success, or
             failure of your product.


Tuesday, March 9, 2010                      19
“Attractive things
                           work better.”
                         from “Emotional Design” by Donald Norman




Tuesday, March 9, 2010                                              20
Really?



Tuesday, March 9, 2010             21
iPhone Ocarina




                          $1 Million in 6 months!

Tuesday, March 9, 2010                              22
Tuesday, March 9, 2010   23
Tuesday, March 9, 2010   24
“Make the screen
          five inches by
           eight inches and
            you’ll rule the world.”
                         Alan Kay about the iPhone




Tuesday, March 9, 2010                               25
Tuesday, March 9, 2010   26
Real-World Example 1

                         How much is a
                          button worth?


Tuesday, March 9, 2010                     27
Would you believe
                          $300 Million?




Tuesday, March 9, 2010                       28
http://www.uie.com/articles/three_hund_million_button

Tuesday, March 9, 2010                                                           29
http://www.uie.com/articles/three_hund_million_button

Tuesday, March 9, 2010                                                           30
Why should you care?
                         “Because caring about things like beauty makes us
                         better programmers and engineers. We make
                         better things. Things that aren't just functional,
                         but easy to read, elegantly maintainable, easier--
                         and more joyful--to use, and sometimes flat-out
                         sexy. A passion for aesthetics can mean the
                         difference between code that others enjoy
                         working on vs. code that's stressful to look at.”
                                  Kathy Sierra - Creating Passionate Users


Tuesday, March 9, 2010                                                        31
Who are you?
                    (A) User Experience Designer?
                    (B) Architect?
                    (C) Programmer?



                The answer isn’t A, B, or C.
                It’s A and B, or A and C.
Tuesday, March 9, 2010                              32
Thing to Know #5

                   You are a user
                     experience designer.


Tuesday, March 9, 2010                      33
How do we design
      compelling/great/positive
       user experiences?


Tuesday, March 9, 2010            34
Things to Know #6

                         More interactivity
                          is better than less.


Tuesday, March 9, 2010                           35
WiFi at Starbucks



Tuesday, March 9, 2010                       36
Tuesday, March 9, 2010   37
Tuesday, March 9, 2010   38
Tuesday, March 9, 2010   39
Tuesday, March 9, 2010   40
Tuesday, March 9, 2010   41
Tuesday, March 9, 2010   42
Tuesday, March 9, 2010   43
Tuesday, March 9, 2010   44
Tuesday, March 9, 2010   45
Tuesday, March 9, 2010   46
Tuesday, March 9, 2010   47
Tuesday, March 9, 2010   48
Tuesday, March 9, 2010   49
Tuesday, March 9, 2010   50
Tuesday, March 9, 2010   51
Tuesday, March 9, 2010   52
Tuesday, March 9, 2010   53
Tuesday, March 9, 2010   54
Dealing with the Dentist



Tuesday, March 9, 2010                   55
Tuesday, March 9, 2010   56
Tuesday, March 9, 2010   57
Tuesday, March 9, 2010   58
Tuesday, March 9, 2010   59
Tuesday, March 9, 2010   60
Tuesday, March 9, 2010   61
Tuesday, March 9, 2010   62
Tuesday, March 9, 2010   63
Tuesday, March 9, 2010   64
Which one would
                       you rather use?


Tuesday, March 9, 2010                   65
Thing to Know #7

                  Test Driven Development
                   is a user experience tool.



Tuesday, March 9, 2010                          66
Ever been in a code review?




Tuesday, March 9, 2010            67
Look at things from
          your user’s point of view.


Tuesday, March 9, 2010                 68
People

                                  Interface



                                    Data



                         From “Designing the obvious”

Tuesday, March 9, 2010                                  69
Use Interface

                           Interface

                         Business Logic
                           and Data




Tuesday, March 9, 2010                    70
User
                         Interface
                             Interface

                           Business Logic
                             and Data




Tuesday, March 9, 2010                      71
User
                         Interface

Tuesday, March 9, 2010               72
Things to Know #8


         User Interface != User Experience




Tuesday, March 9, 2010                       73
Things to Know #9

                Your user’s
                 mental model
                  is a key to success.


Tuesday, March 9, 2010                       74
Tuesday, March 9, 2010   75
Duke’s Bank: JEE Tutorial




                         Swing App talks to Controllers.
                         Controllers talk to entities.
                         Each Account must have at least one Customer

Tuesday, March 9, 2010                                                  76
Tuesday, March 9, 2010   77
Tuesday, March 9, 2010   78
Duke’s Bank: Redone




Tuesday, March 9, 2010                         79
Tuesday, March 9, 2010   80
Tuesday, March 9, 2010   81
Things to Know #9.7


             This is just the beginning.



Tuesday, March 9, 2010                         82
From “Creating Passionate Users”

Tuesday, March 9, 2010                                      83
Tuesday, March 9, 2010   84
Confession / Test

                         This talk has been a
                          user experience.


Tuesday, March 9, 2010                          85
How to craft a User Experience




                         From “Passionate User’s” blog by Kathy Sierra
Tuesday, March 9, 2010                                                   86
Resources
                 • “Creating Passionate Users” - Kathy Sierra
                 • Podcasts:
                         pixel8 : What makes great user experiences?
                         dConstruct 2006, 2007
                         UX Week
                         Adaptive Path
                 • Search the web for UX or UX Design
Tuesday, March 9, 2010                                                 87
Resources




Tuesday, March 9, 2010               88
Resources




Tuesday, March 9, 2010               89
Resources




Tuesday, March 9, 2010               90
Resources




Tuesday, March 9, 2010               91
Resources




Tuesday, March 9, 2010               92
Contact me at:
                         BurkHufnagel@gmail.com



Tuesday, March 9, 2010                            93
Contact me at:
                         BurkHufnagel@gmail.com



Tuesday, March 9, 2010                            94
Tuesday, March 9, 2010   95
Make it easy to do
                       the right thing,
                and hard to do
                       the wrong thing.


Tuesday, March 9, 2010                    96
Do you know this man?




Tuesday, March 9, 2010                   97
Think about the User?
                      or
            Think about the Product?


Tuesday, March 9, 2010                 98
Please silence
     your communication
           devices.

                         Thank you
Tuesday, March 9, 2010               99
“Once you start down
                  the dark path,
      forever will it dominate
                   your destiny.”
                   - Master Yoda

Tuesday, March 9, 2010              100
You may be a
      User Experience Designer
        • Ever design a web page or a GUI?
        • Ever design an API
                         or a class someone else used?




Tuesday, March 9, 2010                                   101
You may be a
      User Experience Designer
        • Ever had your code reviewed?




Tuesday, March 9, 2010                   102
Tuesday, March 9, 2010   103

More Related Content

Viewers also liked

Introduction to research on open source software
Introduction to research on open source softwareIntroduction to research on open source software
Introduction to research on open source softwareMatthias Stürmer
 
Deltacloud Presentation - OSSConf 2010
Deltacloud Presentation - OSSConf 2010Deltacloud Presentation - OSSConf 2010
Deltacloud Presentation - OSSConf 2010Michal Fojtik
 
Play2 ou l'architecture web réactive
Play2 ou l'architecture web réactivePlay2 ou l'architecture web réactive
Play2 ou l'architecture web réactiveNicolas Martignole
 
Open source: a job and adventure
Open source: a job and adventureOpen source: a job and adventure
Open source: a job and adventureDawn Foster
 
Deltacloud Presentation OpenHouse 2010
Deltacloud Presentation OpenHouse 2010Deltacloud Presentation OpenHouse 2010
Deltacloud Presentation OpenHouse 2010Michal Fojtik
 
Open Source Software For Education (Mel Mc Intyre) Open App
Open Source Software For Education (Mel Mc Intyre) Open AppOpen Source Software For Education (Mel Mc Intyre) Open App
Open Source Software For Education (Mel Mc Intyre) Open AppThe 4C Initiative
 
Open Data Vorlesung 2015: Open Corporate Data
Open Data Vorlesung 2015: Open Corporate DataOpen Data Vorlesung 2015: Open Corporate Data
Open Data Vorlesung 2015: Open Corporate DataMatthias Stürmer
 
An overview of open source in East Asia (China, Japan, Korea)
An overview of open source in East Asia (China, Japan, Korea)An overview of open source in East Asia (China, Japan, Korea)
An overview of open source in East Asia (China, Japan, Korea)OSCON Byrum
 
Tui the phoenix project book review
Tui the phoenix project book reviewTui the phoenix project book review
Tui the phoenix project book reviewRudiger Wolf
 
SXSW Hacking RSS: Filtering & Processing Obscene Amounts of Information
SXSW Hacking RSS: Filtering & Processing Obscene Amounts of InformationSXSW Hacking RSS: Filtering & Processing Obscene Amounts of Information
SXSW Hacking RSS: Filtering & Processing Obscene Amounts of InformationDawn Foster
 
Devoxx 2011 integration-camel-cxf-servicemix-activemq
Devoxx 2011 integration-camel-cxf-servicemix-activemqDevoxx 2011 integration-camel-cxf-servicemix-activemq
Devoxx 2011 integration-camel-cxf-servicemix-activemqCharles Moulliard
 
Event Report - Acumatica Summit 2017
Event Report - Acumatica Summit 2017Event Report - Acumatica Summit 2017
Event Report - Acumatica Summit 2017Holger Mueller
 
Understand Open Source ecosystems
Understand Open Source ecosystemsUnderstand Open Source ecosystems
Understand Open Source ecosystemsKnowmades.com
 
Trusty URIs: Verifiable, Immutable, and Permanent Digital Artifacts for Linke...
Trusty URIs: Verifiable, Immutable, and Permanent Digital Artifacts for Linke...Trusty URIs: Verifiable, Immutable, and Permanent Digital Artifacts for Linke...
Trusty URIs: Verifiable, Immutable, and Permanent Digital Artifacts for Linke...Tobias Kuhn
 
Limited WIP Meeting presentation - The Phoenix Project book review
Limited WIP Meeting presentation - The Phoenix Project book reviewLimited WIP Meeting presentation - The Phoenix Project book review
Limited WIP Meeting presentation - The Phoenix Project book reviewRudiger Wolf
 
The Phoenix Project DevOps Simulation - Paul Wilkinson
The Phoenix Project DevOps Simulation - Paul WilkinsonThe Phoenix Project DevOps Simulation - Paul Wilkinson
The Phoenix Project DevOps Simulation - Paul WilkinsonPink Elephant
 
Event Report - ADP ReThink 2017
Event Report - ADP ReThink 2017Event Report - ADP ReThink 2017
Event Report - ADP ReThink 2017Holger Mueller
 
Presentation Zabbix en Français du 6 Juin 2013
Presentation Zabbix en Français du 6 Juin 2013Presentation Zabbix en Français du 6 Juin 2013
Presentation Zabbix en Français du 6 Juin 2013Alain Ganuchaud
 

Viewers also liked (20)

Introduction to research on open source software
Introduction to research on open source softwareIntroduction to research on open source software
Introduction to research on open source software
 
Deltacloud API
Deltacloud APIDeltacloud API
Deltacloud API
 
Deltacloud Presentation - OSSConf 2010
Deltacloud Presentation - OSSConf 2010Deltacloud Presentation - OSSConf 2010
Deltacloud Presentation - OSSConf 2010
 
Play2 ou l'architecture web réactive
Play2 ou l'architecture web réactivePlay2 ou l'architecture web réactive
Play2 ou l'architecture web réactive
 
Open source: a job and adventure
Open source: a job and adventureOpen source: a job and adventure
Open source: a job and adventure
 
Deltacloud Presentation OpenHouse 2010
Deltacloud Presentation OpenHouse 2010Deltacloud Presentation OpenHouse 2010
Deltacloud Presentation OpenHouse 2010
 
Open Source Software For Education (Mel Mc Intyre) Open App
Open Source Software For Education (Mel Mc Intyre) Open AppOpen Source Software For Education (Mel Mc Intyre) Open App
Open Source Software For Education (Mel Mc Intyre) Open App
 
Open Data Vorlesung 2015: Open Corporate Data
Open Data Vorlesung 2015: Open Corporate DataOpen Data Vorlesung 2015: Open Corporate Data
Open Data Vorlesung 2015: Open Corporate Data
 
An overview of open source in East Asia (China, Japan, Korea)
An overview of open source in East Asia (China, Japan, Korea)An overview of open source in East Asia (China, Japan, Korea)
An overview of open source in East Asia (China, Japan, Korea)
 
Tui the phoenix project book review
Tui the phoenix project book reviewTui the phoenix project book review
Tui the phoenix project book review
 
SXSW Hacking RSS: Filtering & Processing Obscene Amounts of Information
SXSW Hacking RSS: Filtering & Processing Obscene Amounts of InformationSXSW Hacking RSS: Filtering & Processing Obscene Amounts of Information
SXSW Hacking RSS: Filtering & Processing Obscene Amounts of Information
 
Devoxx 2011 integration-camel-cxf-servicemix-activemq
Devoxx 2011 integration-camel-cxf-servicemix-activemqDevoxx 2011 integration-camel-cxf-servicemix-activemq
Devoxx 2011 integration-camel-cxf-servicemix-activemq
 
Event Report - Acumatica Summit 2017
Event Report - Acumatica Summit 2017Event Report - Acumatica Summit 2017
Event Report - Acumatica Summit 2017
 
Understand Open Source ecosystems
Understand Open Source ecosystemsUnderstand Open Source ecosystems
Understand Open Source ecosystems
 
Trusty URIs: Verifiable, Immutable, and Permanent Digital Artifacts for Linke...
Trusty URIs: Verifiable, Immutable, and Permanent Digital Artifacts for Linke...Trusty URIs: Verifiable, Immutable, and Permanent Digital Artifacts for Linke...
Trusty URIs: Verifiable, Immutable, and Permanent Digital Artifacts for Linke...
 
Limited WIP Meeting presentation - The Phoenix Project book review
Limited WIP Meeting presentation - The Phoenix Project book reviewLimited WIP Meeting presentation - The Phoenix Project book review
Limited WIP Meeting presentation - The Phoenix Project book review
 
The Phoenix Project DevOps Simulation - Paul Wilkinson
The Phoenix Project DevOps Simulation - Paul WilkinsonThe Phoenix Project DevOps Simulation - Paul Wilkinson
The Phoenix Project DevOps Simulation - Paul Wilkinson
 
Event Report - ADP ReThink 2017
Event Report - ADP ReThink 2017Event Report - ADP ReThink 2017
Event Report - ADP ReThink 2017
 
Subcultures
SubculturesSubcultures
Subcultures
 
Presentation Zabbix en Français du 6 Juin 2013
Presentation Zabbix en Français du 6 Juin 2013Presentation Zabbix en Français du 6 Juin 2013
Presentation Zabbix en Français du 6 Juin 2013
 

Similar to 9.7 Things Every Programmer Should Know About User Experience

Google App Engine - Devfest India 2010
Google App Engine -  Devfest India 2010Google App Engine -  Devfest India 2010
Google App Engine - Devfest India 2010Patrick Chanezon
 
Is the iPad just a big iPhone?
Is the iPad just a big iPhone?Is the iPad just a big iPhone?
Is the iPad just a big iPhone?Griffin Technology
 
iCrossing - CIM Financial Services Group Presentation
iCrossing - CIM Financial Services Group PresentationiCrossing - CIM Financial Services Group Presentation
iCrossing - CIM Financial Services Group PresentationAntony Mayfield
 
Will You Love Me Tomorrow?
Will You Love Me Tomorrow?Will You Love Me Tomorrow?
Will You Love Me Tomorrow?Simon Morgan
 
Building a Digital Gameplan for Events
Building a Digital Gameplan for EventsBuilding a Digital Gameplan for Events
Building a Digital Gameplan for EventsSamuel J. Smith
 
Fixing the media bib wetteren
Fixing the media bib wetterenFixing the media bib wetteren
Fixing the media bib wetterenJo Caudron
 
Managing Change With Axure
Managing Change With AxureManaging Change With Axure
Managing Change With AxureJerry Smith
 
Social Media Measurement That Works: Monitoring, Measurement and SocialCRM Pr...
Social Media Measurement That Works: Monitoring, Measurement and SocialCRM Pr...Social Media Measurement That Works: Monitoring, Measurement and SocialCRM Pr...
Social Media Measurement That Works: Monitoring, Measurement and SocialCRM Pr...Attensity
 
What all that beta talk means for brands
What all that beta talk means for brandsWhat all that beta talk means for brands
What all that beta talk means for brandsAndy Whitlock
 
Bdw intro 080910
Bdw intro 080910Bdw intro 080910
Bdw intro 080910Matt Howell
 
Real-Time Everything - the Era of Communication Ubiquity
Real-Time Everything - the Era of Communication UbiquityReal-Time Everything - the Era of Communication Ubiquity
Real-Time Everything - the Era of Communication UbiquityRob Gonda
 
Designing With Type :: FontConf 2010
Designing With Type :: FontConf 2010Designing With Type :: FontConf 2010
Designing With Type :: FontConf 2010Kyle Meyer
 
eMarketing 2010 Conference, frog design
eMarketing 2010 Conference, frog designeMarketing 2010 Conference, frog design
eMarketing 2010 Conference, frog designfrog
 
What is SMBSeattle?
What is SMBSeattle?What is SMBSeattle?
What is SMBSeattle?SMB Seattle
 
5Q Communications - Top 10 Tips for Effective Web Ministry
5Q Communications - Top 10 Tips for Effective Web Ministry5Q Communications - Top 10 Tips for Effective Web Ministry
5Q Communications - Top 10 Tips for Effective Web MinistryFive Q
 

Similar to 9.7 Things Every Programmer Should Know About User Experience (20)

Google App Engine - Devfest India 2010
Google App Engine -  Devfest India 2010Google App Engine -  Devfest India 2010
Google App Engine - Devfest India 2010
 
Is the iPad just a big iPhone?
Is the iPad just a big iPhone?Is the iPad just a big iPhone?
Is the iPad just a big iPhone?
 
iCrossing - CIM Financial Services Group Presentation
iCrossing - CIM Financial Services Group PresentationiCrossing - CIM Financial Services Group Presentation
iCrossing - CIM Financial Services Group Presentation
 
Will You Love Me Tomorrow?
Will You Love Me Tomorrow?Will You Love Me Tomorrow?
Will You Love Me Tomorrow?
 
Building a Digital Gameplan for Events
Building a Digital Gameplan for EventsBuilding a Digital Gameplan for Events
Building a Digital Gameplan for Events
 
Presentation Hacks
Presentation HacksPresentation Hacks
Presentation Hacks
 
Fixing the media bib wetteren
Fixing the media bib wetterenFixing the media bib wetteren
Fixing the media bib wetteren
 
Managing Change With Axure
Managing Change With AxureManaging Change With Axure
Managing Change With Axure
 
UFI Education FM - Taipei 2010 - Paul Woodward
UFI Education FM - Taipei 2010 - Paul WoodwardUFI Education FM - Taipei 2010 - Paul Woodward
UFI Education FM - Taipei 2010 - Paul Woodward
 
Social Media Measurement That Works: Monitoring, Measurement and SocialCRM Pr...
Social Media Measurement That Works: Monitoring, Measurement and SocialCRM Pr...Social Media Measurement That Works: Monitoring, Measurement and SocialCRM Pr...
Social Media Measurement That Works: Monitoring, Measurement and SocialCRM Pr...
 
What all that beta talk means for brands
What all that beta talk means for brandsWhat all that beta talk means for brands
What all that beta talk means for brands
 
Courageous Design
Courageous DesignCourageous Design
Courageous Design
 
Bdw intro 080910
Bdw intro 080910Bdw intro 080910
Bdw intro 080910
 
Real-Time Everything - the Era of Communication Ubiquity
Real-Time Everything - the Era of Communication UbiquityReal-Time Everything - the Era of Communication Ubiquity
Real-Time Everything - the Era of Communication Ubiquity
 
Courageous Design
Courageous DesignCourageous Design
Courageous Design
 
Designing With Type :: FontConf 2010
Designing With Type :: FontConf 2010Designing With Type :: FontConf 2010
Designing With Type :: FontConf 2010
 
100 paper cuts
100 paper cuts100 paper cuts
100 paper cuts
 
eMarketing 2010 Conference, frog design
eMarketing 2010 Conference, frog designeMarketing 2010 Conference, frog design
eMarketing 2010 Conference, frog design
 
What is SMBSeattle?
What is SMBSeattle?What is SMBSeattle?
What is SMBSeattle?
 
5Q Communications - Top 10 Tips for Effective Web Ministry
5Q Communications - Top 10 Tips for Effective Web Ministry5Q Communications - Top 10 Tips for Effective Web Ministry
5Q Communications - Top 10 Tips for Effective Web Ministry
 

9.7 Things Every Programmer Should Know About User Experience