Designing for 20: Sam Holzhauer, Joe Obarzanek, and Sammy Moross - - PowerPoint PPT Presentation
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
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
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
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
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
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!
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
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
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)
Next... Anticipation!
- Surprise’s Temporal Opposite -
much more drawn out
- Creates excitement around the
brand or product
- Allows smooth implementation
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
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
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
Anticipation in
- ur Lives...
Video games!
- “EXCLUSIVE Beta Codes”
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
Priming
- Psychological principle
- Anticipation/Surprise in systems
can prime users to achieve goals
Priming
- Exposure to a stimulus shapes
the response to another stimulus
- Priming can be purposeful or
accidental in UX Design
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
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
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
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
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
Success!
- Author satisfies goal of outlining
“remarkable” user experiences by explaining how emotional design encourages positive interactions and lasting impressions
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