1.
Web User Experience ARTD 302 April 17, 2008 Keith Instone keith<year>@instone.org © 2008 Keith Instone

2.
Who are you? What are you doing? <ul><li>ARTD 302 - T/R 2:30-4:50. Interactive Graphic Design “Continued exploration in graphic principles and techniques. Emphasis on sequential communication, editorial design and visual communication for the web. Five studio hours.” </li></ul><ul><ul><li>Designing web graphics.4 </li></ul></ul><ul><ul><li>Becoming a Digital Designer </li></ul></ul><ul><ul><li>Don't Make Me Think: A Common Sense Approach to Web Usability </li></ul></ul><ul><li>Navigation in physical space & virtual space </li></ul><ul><li>Redesign a site to improve navigation </li></ul><ul><li>Design a World Changing Website (content, site map, and visual aesthetic for a home page & 2 subpages) </li></ul><ul><li>Future Casts </li></ul><ul><li>Final web design solution </li></ul>

3.
Who am I? What do I do? Why am I here? <ul><li>IBM > ibm.com > User experience design > Information Architecture lead </li></ul><ul><li>Computer science > Human-computer interaction > Hypertext > Web usability > Information architecture > User experience </li></ul><ul><li>Telecommute to work from Maumee </li></ul><ul><li>BGSU grad 86 & 88, staff until 97 </li></ul>

5.
Web usability old guy (like Steve) Baltimore Maryland, March, 16, 2002

6.
Overview <ul><li>User experience – huh? </li></ul><ul><li>Roles – who? </li></ul><ul><li>Principles – what? </li></ul><ul><li>Methods – how? </li></ul>

7.
What do we mean by “user experience”? (Microsoft, 2004) <ul><li>User experience…represents an approach that puts the user , rather than the system, at the center of the process …incorporates user concerns and advocacy from the beginning of the design process and dictates the needs of the user should be foremost in any design decisions </li></ul>

8.
What do we mean by “user experience”? (IBM, 2004) <ul><li>User Experience Design addresses the user's initial awareness, discovery, ordering, fulfillment, installation, service, support, upgrades, and end-of-life activities </li></ul>

9.
What do we mean by “user experience”? (UXnet, 2008) <ul><li>User Experience (abbreviated: UX) is the quality of experience a person has when interacting with a specific design. This can range from a specific artifact, such as a cup, toy or website, up to larger, integrated experiences such as a museum or an airport. </li></ul>

10.
Layers of the (web site!) user experience from http://jjg.net/elements/

11.
From http://terremoto.net/uxcosmos/

12.
User experience team <ul><li>Business lead </li></ul><ul><li>UE lead </li></ul><ul><li>Business analyst </li></ul><ul><li>User researcher </li></ul><ul><li>UE designer </li></ul><ul><ul><li>Information architect, interaction designer, user interface designer </li></ul></ul><ul><li>Visual / graphic designer </li></ul><ul><li>UE evaluator </li></ul><ul><li>Content specialists (editors, writers, …) </li></ul><ul><li>Developers </li></ul>

13.
User research – “Users in the Mist”

14.
UE Design (flows and models) Step 1. Users search and browse for the right type of card. Step 2. Examine and customize individual cards. Step 3-4. Preview and/or attempt to send card.

15.
UE Design (wireframes, UIs)

16.
Ways to organize UX teams <ul><li>One-(wo)man-band Programmer/writer/designer/therapist </li></ul><ul><li>Client – agency model </li></ul><ul><li>Development team (with perhaps a usability/design consultant) </li></ul><ul><li>Multidisciplinary (which ones? too many?) </li></ul><ul><li>End-to-end vs. waterfall model </li></ul><ul><li>Regardless: “User experience” is a good label for the team to gather under </li></ul>

17.
“Principles” of user experience <ul><li>Don’t fight biology </li></ul><ul><li>Understand behavior </li></ul><ul><li>It is not as new as you think </li></ul><ul><li>You are not as special as you think </li></ul><ul><li>Plan on getting it wrong the first few times </li></ul><ul><li>It should be usable and enjoyable </li></ul><ul><li>Value, value, value </li></ul><ul><li>Think outside the box </li></ul>

18.
Don’t fight biology Red text Light blue text

19.
Understand behavior (from you know what)

20.
It is not as new as you think http://usability.gov/

21.
You are not as special as you think (“web design patterns”)

22.
Plan on getting it wrong the first few times <ul><li>Include iteration in the project plan </li></ul><ul><li>Include iteration in the project plan </li></ul><ul><li>Include iteration in the project plan </li></ul><ul><li>Include iteration in the project plan </li></ul><ul><li>Include iteration in the project plan </li></ul><ul><li>OK, good enough to launch it </li></ul><ul><li>(See user testing later) </li></ul>

23.
It should be usable and enjoyable

24.
Value, value, value <ul><li>“It is the right thing to do” only goes so far </li></ul><ul><li>Value to the customer </li></ul><ul><li>Value to the business </li></ul><ul><li>Bridge between customer, business and IT – pretty good job security </li></ul>

25.
Think outside the box

26.
What other principles are you learning about? (I bet they mesh with these) <ul><li>we can stop here or continue… </li></ul>

27.
Most important tool: Usability Testing <ul><li>Give representative users realistic tasks, watch quietly, be amazed </li></ul>

28.
Did not get to the usability testing section <ul><li>Instead we had Q&A and discussion on navigation, ibm.com, my interest in geography, accessibility, …. </li></ul>

29.
Recap <ul><li>User experience = team with a broad view </li></ul><ul><li>It is a matter of principals… </li></ul><ul><li>User testing: just do it </li></ul>

30.
Thanks for your attention! <ul><li>Blog and other &*$^!, er stuff: </li></ul><ul><li>http://instone.org/ </li></ul>