Creating Pleasurable Interfaces: Getting From Tasks to Experiences

Slide 1: Creating Pleasurable Interfaces Getting from Tasks to Experiences presented by Stephen P. Anderson

Slide 2: STOP! You must be over 21 to view this presentation. (just kidding)

Slide 3: Meaningful? Emotional? Creating Pleasurable Desirable? Interfaces Getting from Tasks to Experiences presented by Stephen P. Anderson

Slide 4: A story...

Slide 6: Interesting for another reason...

Slide 9: How does this evolution relate to web interface design?

Slide 10: Joy of Use Hedonic Design Fun Affective Computing Emotional Interface Persuasive Pleasure Design Narrative User Interfaces Social Computing Funology Seduction Emotional Design Desirability Beauty, goodness, and usability Scent

Slide 11: http://www.poetpainter.com/thoughts/article/designing-for-more-than-tasks

Slide 12: Good interaction design focuses on what people want to... ✓ Know (content, good IA) ✓ Do (tasks, UI Design) ? Feel... “feel?#!!??”

Slide 13: "At this point in experience design’s evolution, satisfaction ought to be the norm, and delight ought to be the goal. So how do we do this as experience design professionals? If the word “experience” is in your title or department, it implies you’re considering these issues." Parish Hanna (2002)

Slide 14: “I am finally seeing that concept [whole product design] come to fruition as we move from a focus on product usability, where ease of learning, ease of use, and satisfaction with the interface and documentation are paramount, to broader issues that include branding, aesthetics, fun, and pleasure. This evolution follows a hierarchy of user needs...” (2005) Chauncey E. Wilson "Usability and User Experience Design: The Next Decade"

Slide 15: SUBJECTIVE / QUALITATIVE Focused on Experiences (People, Activities, Context) Have a believable story Co-create value with customers Connect people in community Prioritize Aesthetics (no, not Graphic Design) Are part of a bigger system (visual, behaviors, sounds, psychology) Appeal to emotional, spiritual, and Design for FLOW (boredom vs anxiety) social values Leverage Game Mechanics/Learning Theory Create a tolerance for faults at (completeness) lower levels Have a Personality Are tied to a person’s self-image, Meaningful Create conversational and context aware highly personal interactions Has personal significance (“Adaptive Interfaces”; narrative IA structures) Pleasurable Elicit Desire (Limited availability, limited access, curious and Memorable experience worth sharing seductive experiences) Simplify, organize, and clarify Convenient information THIS IS THE “CHASM” THAT HARD FOR ORGANIZAT Display information visually Super easy to use, works like I think Reduce features and complexity Usable Are easier to understand Creating Pleasu Can be used without difficulty Use language for more natural Getting fom Tas Reliable interactions Add features that support desired Is available and accurate behaviors (offline browsing) presented by Stephen P. Functional (Useful) Works as programmed Focused on Tasks (Products, Features) OBJECTIVE / QUANTIFIABLE

Slide 16: Let’s clear the air... Marketers were half right. & Usable + Useful ≠ Desirable

Slide 17: Some things I’ve learned... All of this... 1. Is not new -- this has been a popular topic in academia for years (Jakob Nielson was writing about "Seductive User Interfaces" in 1996) 2. Is given no attention in corporate environments (that I’ve seen) 3. Is being done (implicitly) within the ‘Web2.0’ community (if only because people are asking, "What would I want to use? How would I want it to work?") 4. Requires inverting the process 5. Is difficult to sell and seen as a luxury (it’s critical) 6. Is highly subjective and personal, with centuries of different opinions... (since at least the Greeks, with discussions of beauty)

Slide 18: The ‘Levels’

Slide 19: Usable Can be used without difficulty Reliable Is available and accurate Functional (Useful) Works as programmed Focused on Tasks (Products, Features) OBJECTIVE / QUANTIFIABLE

Slide 20: Pleasurable Memorable experience worth sharing Convenient THIS IS TH HARD Super easy to use, works like I think Usable Can be used without difficulty Reliable Is available and accurate Functional (Useful) Works as programmed

Slide 25: “Once their requirements for functionality and reliability have been met, customers begin to redefine what is not good enough. What becomes not good enough is that customers can’t get exactly what they want exactly when they need it, as conveniently as possible. Customers become willing to pay premium prices for improved performance along this new trajectory of innovation in speed, convenience, and customization.” - Clayton Christensen, The Innovator’s Solution

Slide 26: Meaningful Has personal significance Pleasurable Memorable experience worth sharing Convenient THIS IS TH HARD Super easy to use, works like I think Usable Can be used without difficulty Reliable Is available and accurate Functional (Useful)

Slide 27: 16826054074 +1 682 605 4074

Slide 28: Most of ‘convenient’ is Information design. Somewhere in limbo between usability, information architecture, visual design.

Slide 30: http://www.aiga.org/content.cfm?CategoryID=258

Slide 31: http://www.airbagindustries.com/archives/005675.php

Slide 34: http://37signals.com/svn/archives2/the_long_road_to_simple_creating_debating_and_iterating_add_an_event.php

Slide 35: http://www.uxmatters.com/MT/archives/000015.php

Slide 36: http://www.uxmatters.com/MT/archives/000015.php

Slide 38: http://www.23hd.com/2006/02/02/makeover-osx-firefox-software-update-alert/

Slide 40: Not just information design...

Slide 41: helpful (real-time) cues

Slide 42: conversational interactions...

Slide 43: conversational interactions... http://www.pandora.com/

Slide 45: ...that guide and clarify http://www.lukew.com/resources/articles/web_forms.html http://www.lukew.com/ff/entry.asp?246

Slide 47: it’s simplifying what you ask for...

Slide 48: ...and it’s simplifying how you present things

Slide 49: ...and offering visual cues

Slide 51: And also information visualization...

Slide 52: http://www.farecast.com/

Slide 53: http://www.filebrowse.com/

Slide 59: and yes, more tech stuff... better performance the ability (for web applications) to work offline single-sign on not having to reload a page, especially for simple edits.

Slide 60: Meaningful Has personal significance Pleasurable Memorable experience worth sharing Convenient THIS IS TH HARD Super easy to use, works like I think Usable Can be used without difficulty Reliable

Slide 61: Pleasurable interfaces... place an importance on aesthetics. How do we select our cars? Why is decorating our homes so important?

Slide 62: http://www.subtraction.com/archives/2003/0512_stuck_on_sti.php

Slide 65: BUT...

Slide 66: Aesthetics: More than just visual design, anything that appeals to the senses.

S