Designing for 20: Sam Holzhauer, Joe Obarzanek, and Sammy Moross - - PowerPoint PPT Presentation

designing for
SMART_READER_LITE
LIVE PREVIEW

Designing for 20: Sam Holzhauer, Joe Obarzanek, and Sammy Moross - - PowerPoint PPT Presentation

Presentation prepared by Group Designing for 20: Sam Holzhauer, Joe Obarzanek, and Sammy Moross Emotion By Aarron Walter Ultimate Goal: Create a user experience that stands out and Emotional Design remains remarkable long-term


slide-1
SLIDE 1

Designing for Emotion

By Aarron Walter Presentation prepared by Group 20: Sam Holzhauer, Joe Obarzanek, and Sammy Moross

slide-2
SLIDE 2

Emotional Design

Information Niche: Web designers seeking success and reputability

  • Ultimate Goal: Create a user

experience that stands out and remains “remarkable” long-term

  • Designing for positive emotional

engagement provides positive interface feedback

  • Aspect of UX Design that makes

users feel a personal connection with the interface

slide-3
SLIDE 3

Overview

CChapterhapters

  • Ch. 1 - Emotional Design
  • Ch. 2 - Designing for Humans
  • Ch. 3 - Personality

→ Ch. 4 - Emotional Engagement

  • Ch. 5 - Overcoming Obstacles
  • Ch. 6 - Forgiveness
  • Ch. 7 - Risk and Reward
  • Surprise
  • Anticipation
  • Priming
slide-4
SLIDE 4

Surprise & Delight

Shaking things up!

  • Surprise amplifies emotional

response

  • Surprising moments squeeze

emotion into split seconds, which intensify reactions and imprint stronger memories

  • The “unexpected” tends to frame

attention and make surprising elements more salient for users

slide-5
SLIDE 5

Photojojo!

Text Example

  • Ecommerce website for digital

photography

  • Revamped online shopping

experience by personifying the shopping cart

  • Cart is sad until user clicks “Add to

Cart”

  • Cart is only happy when his belly is

“full” of products to purchase!

  • Users crave cart’s delightful reaction,

so will likely add more items to cart to replicate cart’s happiness

slide-6
SLIDE 6

Password Security Feature

Real-world Example

  • Password Strength Meters

indicate the “power” of users’ password choices when signing up for new sites

  • Creates a fun, “game-like”

atmosphere for users → make the strongest password possible to earn the green status!

slide-7
SLIDE 7

Dragging Navigation

Real-world Example

  • Instead of using the normalized

scrolling convention, this baking company’s website (http://www.jacquico.com/) uses a dragging feature to navigate content

  • Dragging → more hands-on approach

that allows users to explore freely

slide-8
SLIDE 8

Unique App Interactions

Real-world Example

  • The Pink Nation App incorporates

many special interactive elements to promote specials or products

  • Gestures like swiping, scratching,

tracing, tapping, shaking, etc. are embedded in daily features for users to engage in

slide-9
SLIDE 9

Implications for UX Practitioners: Surprise

No “surprise” here!

  • Attentional resources are limited,

so…

○ Use elements of surprise to direct attention and shape user behavior

  • Users navigate & process content

quickly, so...

○ Breaking up “monotony” of typical web interactions with surprise prompts users to slow down and reassess the material

  • Emotional responses follow

surprising features, so…

○ Brain relies on “gut reactions” to influence rapid decisions (leading to “impulse” signups or purchases)

slide-10
SLIDE 10

Next... Anticipation!

  • Surprise’s Temporal Opposite -

much more drawn out

  • Creates excitement around the

brand or product

  • Allows smooth implementation
slide-11
SLIDE 11

Key: Foreshadowing!

  • Anticipation is created when we

foreshadow a desired event

  • Give the audience ample time to

ponder what it means

  • The reason trailers hype us up so

much for the movie

slide-12
SLIDE 12

Another Key: Imagination!

  • Anticipation encourages us to

use our imagination to create a personalized experience

  • This creates a powerful yearning

to see if the outcome meets our imagined expectations

  • Sparks conversation about

possible outcomes

slide-13
SLIDE 13

Exclusivity paired with Anticipation

  • Example from the book: Twitter

○ Millions of users - much at stake

  • Slowly introduce new features to a

few users prevent unintended consequences or bad user experience

  • Disguise this as a ‘velvet rope’ event -
  • nly certain individuals lucky enough

to be experiencing it

  • Created a powerful emotional

influence for users

slide-14
SLIDE 14

Anticipation in

  • ur Lives...

Video games!

  • “EXCLUSIVE Beta Codes”
slide-15
SLIDE 15

Implications for UX Practitioners: Anticipation

  • When users’ expectations are

fulfilled, a lasting, positive mark is made on the product or brand

  • Pairing exclusivity with anticipation

aids in creating excitement and gathering feedback from public

  • Give the user the perfect amount of

anticipation

slide-16
SLIDE 16

Priming

  • Psychological principle
  • Anticipation/Surprise in systems

can prime users to achieve goals

slide-17
SLIDE 17

Priming

  • Exposure to a stimulus shapes

the response to another stimulus

  • Priming can be purposeful or

accidental in UX Design

slide-18
SLIDE 18

MailChimp

Freddie - Text Example

  • Accidental priming
  • Randomized greetings → Surprise

primes the users to perceive the app as fun, usable and trustworthy

  • A cheerful momentum helped to

enhance usable workflow

  • Variable rewards phenomenon

inspired curiosity in the user

slide-19
SLIDE 19

MailChimp

Explanation

  • Human-to-human connection

revealed personality

  • A shift in tone from the

customers when speaking to support team

  • People “channel their inner

Freddie” through jokes, tweets

slide-20
SLIDE 20

Coupon Codes

Outside Example

  • If a site includes an option for a

coupon code, many users are primed to leave the checkout flow to search for promo codes

  • People do not like to miss out on

sales, makes them happier

slide-21
SLIDE 21

Investigation

Outside Example

  • People primed with rude words

were more likely to interrupt an investigator than those primed with neutral words

  • People primed with polite words

were less likely to interrupt an investigator than those primed with neutral words

slide-22
SLIDE 22

Implications for UX Practitioners: Priming

  • MailChimp: An emotionally

engaging interface can have the same effect as good design

  • Coupon Codes: Include purchase
  • ptions in design to encourage

user decision making

  • Investigation: Choice of content

should be considered when designing an interface

slide-23
SLIDE 23

Success!

  • Author satisfies goal of outlining

“remarkable” user experiences by explaining how emotional design encourages positive interactions and lasting impressions

slide-24
SLIDE 24

Key Takeaways

  • SURPRISE: Elements of surprise create

fun, lighthearted user experiences that encourage users to come back for more!

  • ANTICIPATION: Allows for easier and

less consequential UX design implementation

  • PRIMING: Priming can enhance the

user’s workflow through emotional engagement

slide-25
SLIDE 25

Thank you!

Questions?