SlideShare a Scribd company logo
User Experience Design
U of U IMC Certificate Class
March 1, 2010
Experience Design



“The design of anything
independent of medium or across media
with human experience as an explicit outcome
and human engagement as an explicit goal”

             - Jessie James Garrett, Adaptive Path
Digital Engagement Continuum
User Experience & IMC




  The digital actualization of IMC
                 is
  User Experience Design (UX)
User Experience Happens...




          UX happens
        with or without
      design consideration!
There is no “I” in Integrated
Uncoordinated elements of a web
experience
  creative               visual design

                          copy/text             marketing

  business
                      information/content

                          navigation
                                                information
                  layout/content presentation   architecture/
                                                interaction
                 interactions/system response   design

                          processes
  outside
                          animations
  resource
                         music/sound
                                                engineering
                       error messages
  product VP’s
  assistant                  help




                                                              via Cindy Chastain
UX Challenges
 • Isolated corporate silos
 • Old school approaches
   • web as print

   • interruptive advertising

   • “mediumism” = academic approach

 • Powerless middle management
 • Prohibitive culture
 • Truly a multidisciplinary skill
Achieving Great UX



 • Willing Management (Leadership vision)

 • Open Culture (Fail Fast, Fail Often)

 • Agile Business Model (Adaptability)
UX for Business




“Good design is good business”

         - TJ Watson, founder of IBM
UX is Good Business
  Apple
  Electronic Arts
  Google
  Jet Blue
  Netflix
  Nike
  Progressive
  RIM
  Target
  Yahoo
UX: From 50,000 Feet
Service Continuum
The Process


   Basic business we’re skimming:
   • Research
   • Analysis
   • Strategy
   • Branding
Elements of UX
Values                        Deliverables




          via Vinay Mohanty                  via Peter Morville
UX Values

 Useful       If it's not useful, who cares if it's usable?

 Usable       Don't make me think!
   !  !          (Steve Krug, who wrote the book)

 Desirable    Positive experiences build brand loyalty.

 Accessible   Available to all, regardless of disability.

 Findable      You can't use what you can't find.
   !  !           (Peter Morville: The Age of Findability)

 Credible     Quality design builds trust.

                                                             via Morville & Mohanty
UX Equation



Tangible      Intangible

  function      beauty
                           Optimal
performance     emotion    User
ease of use     meaning    Experience



                                via Cindy Chastain
UX: A Process
The User Focus


 • Internal perception of your customer is usually
   not as close to reality as your company thinks;
   likely shaped by internal factors like formal
   accounting divisions

 • Be a pusher: the term “User” is also associated
   with drug dealers! Internet behavior is
   addictive, so be on the supply side
Brand Messaging
 Value Proposition


 Stakeholders                                Strategic Message


 Internal: Board, Exec, Sales, etc.        “Individual Message”


 External: Vendors, Competition, Members   “Individual Message”




                                             Context
Context: Personas



                    !"#$"



          User Stories
          (Use Cases)
Context: Matching User Behavior




  !"#$%&
Context: Matching User Behavior




  !"#$%&     !"#$%&'    !"#$#%

 !"#"$%&'"   !"#$%#$    !"#$#%&#
01
                                                *




                                                  %2




                                                                                      23
                                   )
     01




                                                    1.
                                 7(




                                                      34#




                                                                                         '
                               #$
   1'




                                                                                        !'
                                                         -5
                             !&




                                                           #",
*/0




                                                                                          0*'
                                                              1/6
                                         !"#$%&


                 '(
               #&




                                                                             1+
                                                         ."
             $%




                                                                               ;7%
                            '(
          !"#




                                                      ,-



                                                                                  ,
                              )#




                                                  +(
                                )"




                                                  *
                 / $7)                            ) * & + # " , - ./ * & ,
                         7 ( # 879 :




                                       3'4'560*'
Content Flow

               Utilizing the
               Internet as a
               publishing
               platform, brands
               must realize that
               it is a fast moving
               STREAM and
               publish
               accordingly
                         photo via Flickr user alexwilkes
Digital Design Deliverables
                    Information
    Utility    =    Architecture
                     Interaction
   Usability   =       Design

+ Design       = Graphic Design

         User Experience
Digital Design Deliverables

    Utility    =     IA    Outline

   Usability   =    IxD    Wireframes


+ Design       =     Art      Flats

               UX
Website UX Design Process
                                User
                              Testing/
Branding                      Research
Messaging                    Maintenance
Personas                        Q/A
                 IxD
Content                       Technical
Strategy                     Production

                 UX
            IA         Art
                                *based on work by Challis Hodge
Technology
Development Approaches


 • Open Source vs Commercial

 • Waterfall vs Agile

 • Custom vs Frameworks vs Platforms

 • User-Centered Design vs 37signals
Online Marketing
  If you build it, they won’t necessarily come...

   • SEO: Search Engine Optimization
   • Advertising: Key Word, Display
   • Analytics & Optimization
   • Content Scheduling & Creation
   • Promotions
   • Email Campaigns
   • Social Media: Monitoring & Engagement
Oh... about the iPad
• This “magical” device will redefine
  UX - Fullscreen Multitouch!
• Success Factors
  • Kills the “desktop/windows/folders” GUI
    metaphor
  • Apps make the device an “appliance”
  • Expanded gesture vocabulary feels
    natural
  • Smart “head” to other devices via docking
  • Integrated content delivery
Thank You!


Chris Carlston

Solutions Architect
Digital Strategist

chris.carlston@raremethod.com
@chriscarlston

More Related Content

PDF
Agile, Lean and Startups
PDF
SAUDI OGER LTD
PDF
PDF
CCC-Experience certificate
PDF
NGHA Employee Certificate
PDF
Masters of SlideShare
PDF
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
PDF
10 Ways to Win at SlideShare SEO & Presentation Optimization
Agile, Lean and Startups
SAUDI OGER LTD
CCC-Experience certificate
NGHA Employee Certificate
Masters of SlideShare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
10 Ways to Win at SlideShare SEO & Presentation Optimization

Similar to IMC UX (20)

PDF
UI for UX_Aug2011
PDF
U of U Undergraduate IMC Class
PDF
Re-imagining the Design of Everyday Things
PDF
Human-Centered Design and the Intersection of the Physical and Digital Worlds
PDF
The Birth of the HUGE UX School
PDF
Responsive Design & Prototyping -- An Agency Model (Part 1/3)
PDF
iAxil Lunch Talk - Lean UX
PDF
Effective prototyping (for Vermont Code Camp)
PPTX
Design Guidelines: Real-Life Stories
PDF
User Experience - More Than Just a Pretty Stick
PPTX
Design Guidelines: Real-Life Stories
PDF
Making an Impact: UX Team of One
KEY
User-Centered Design at an Agency
PDF
MDW NY | Matt Howell_New Teams and Process for Making Digital Work
PDF
UX for Developers - ZehnerGroup
PDF
The Impact of Brand User Experience Design
PDF
Sage Research & Design Introduction 2 17 11
PDF
UXI Matrix (Jon Innes)
PDF
Dima Todorova-Lilavois: Recent Work
PDF
Truth and Dare - Out of the echochamber into the fire
UI for UX_Aug2011
U of U Undergraduate IMC Class
Re-imagining the Design of Everyday Things
Human-Centered Design and the Intersection of the Physical and Digital Worlds
The Birth of the HUGE UX School
Responsive Design & Prototyping -- An Agency Model (Part 1/3)
iAxil Lunch Talk - Lean UX
Effective prototyping (for Vermont Code Camp)
Design Guidelines: Real-Life Stories
User Experience - More Than Just a Pretty Stick
Design Guidelines: Real-Life Stories
Making an Impact: UX Team of One
User-Centered Design at an Agency
MDW NY | Matt Howell_New Teams and Process for Making Digital Work
UX for Developers - ZehnerGroup
The Impact of Brand User Experience Design
Sage Research & Design Introduction 2 17 11
UXI Matrix (Jon Innes)
Dima Todorova-Lilavois: Recent Work
Truth and Dare - Out of the echochamber into the fire
Ad

Recently uploaded (20)

PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
Entrepreneur intro, origin, process, method
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
rapid fire quiz in your house is your india.pptx
PPTX
Media And Information Literacy for Grade 12
PPT
UNIT I- Yarn, types, explanation, process
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
Special finishes, classification and types, explanation
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PPTX
12. Community Pharmacy and How to organize it
PPTX
building Planning Overview for step wise design.pptx
PDF
Phone away, tabs closed: No multitasking
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
YOW2022-BNE-MinimalViableArchitecture.pdf
Entrepreneur intro, origin, process, method
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
rapid fire quiz in your house is your india.pptx
Media And Information Literacy for Grade 12
UNIT I- Yarn, types, explanation, process
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
mahatma gandhi bus terminal in india Case Study.pptx
Special finishes, classification and types, explanation
Wisp Textiles: Where Comfort Meets Everyday Style
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
12. Community Pharmacy and How to organize it
building Planning Overview for step wise design.pptx
Phone away, tabs closed: No multitasking
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Ad

IMC UX

  • 1. User Experience Design U of U IMC Certificate Class March 1, 2010
  • 2. Experience Design “The design of anything independent of medium or across media with human experience as an explicit outcome and human engagement as an explicit goal” - Jessie James Garrett, Adaptive Path
  • 4. User Experience & IMC The digital actualization of IMC is User Experience Design (UX)
  • 5. User Experience Happens... UX happens with or without design consideration!
  • 6. There is no “I” in Integrated
  • 7. Uncoordinated elements of a web experience creative visual design copy/text marketing business information/content navigation information layout/content presentation architecture/ interaction interactions/system response design processes outside animations resource music/sound engineering error messages product VP’s assistant help via Cindy Chastain
  • 8. UX Challenges • Isolated corporate silos • Old school approaches • web as print • interruptive advertising • “mediumism” = academic approach • Powerless middle management • Prohibitive culture • Truly a multidisciplinary skill
  • 9. Achieving Great UX • Willing Management (Leadership vision) • Open Culture (Fail Fast, Fail Often) • Agile Business Model (Adaptability)
  • 10. UX for Business “Good design is good business” - TJ Watson, founder of IBM
  • 11. UX is Good Business Apple Electronic Arts Google Jet Blue Netflix Nike Progressive RIM Target Yahoo
  • 14. The Process Basic business we’re skimming: • Research • Analysis • Strategy • Branding
  • 15. Elements of UX Values Deliverables via Vinay Mohanty via Peter Morville
  • 16. UX Values Useful If it's not useful, who cares if it's usable? Usable Don't make me think! ! ! (Steve Krug, who wrote the book) Desirable Positive experiences build brand loyalty. Accessible Available to all, regardless of disability. Findable You can't use what you can't find. ! ! (Peter Morville: The Age of Findability) Credible Quality design builds trust. via Morville & Mohanty
  • 17. UX Equation Tangible Intangible function beauty Optimal performance emotion User ease of use meaning Experience via Cindy Chastain
  • 19. The User Focus • Internal perception of your customer is usually not as close to reality as your company thinks; likely shaped by internal factors like formal accounting divisions • Be a pusher: the term “User” is also associated with drug dealers! Internet behavior is addictive, so be on the supply side
  • 20. Brand Messaging Value Proposition Stakeholders Strategic Message Internal: Board, Exec, Sales, etc. “Individual Message” External: Vendors, Competition, Members “Individual Message” Context
  • 21. Context: Personas !"#$" User Stories (Use Cases)
  • 22. Context: Matching User Behavior !"#$%&
  • 23. Context: Matching User Behavior !"#$%& !"#$%&' !"#$#% !"#"$%&'" !"#$%#$ !"#$#%&#
  • 24. 01 * %2 23 ) 01 1. 7( 34# ' #$ 1' !' -5 !& #", */0 0*' 1/6 !"#$%& '( #& 1+ ." $% ;7% '( !"# ,- , )# +( )" * / $7) ) * & + # " , - ./ * & , 7 ( # 879 : 3'4'560*'
  • 25. Content Flow Utilizing the Internet as a publishing platform, brands must realize that it is a fast moving STREAM and publish accordingly photo via Flickr user alexwilkes
  • 26. Digital Design Deliverables Information Utility = Architecture Interaction Usability = Design + Design = Graphic Design User Experience
  • 27. Digital Design Deliverables Utility = IA Outline Usability = IxD Wireframes + Design = Art Flats UX
  • 28. Website UX Design Process User Testing/ Branding Research Messaging Maintenance Personas Q/A IxD Content Technical Strategy Production UX IA Art *based on work by Challis Hodge
  • 30. Development Approaches • Open Source vs Commercial • Waterfall vs Agile • Custom vs Frameworks vs Platforms • User-Centered Design vs 37signals
  • 31. Online Marketing If you build it, they won’t necessarily come... • SEO: Search Engine Optimization • Advertising: Key Word, Display • Analytics & Optimization • Content Scheduling & Creation • Promotions • Email Campaigns • Social Media: Monitoring & Engagement
  • 32. Oh... about the iPad • This “magical” device will redefine UX - Fullscreen Multitouch! • Success Factors • Kills the “desktop/windows/folders” GUI metaphor • Apps make the device an “appliance” • Expanded gesture vocabulary feels natural • Smart “head” to other devices via docking • Integrated content delivery
  • 33. Thank You! Chris Carlston Solutions Architect Digital Strategist chris.carlston@raremethod.com @chriscarlston