designing for wordpress: using user experience to tell a strong brand story

35
USING USER EXPERIENCE TO TELL A STRONG BRAND STORY DESIGNING FOR WORDPRESS

Upload: david-yarde

Post on 13-Apr-2017

594 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Designing for WordPress: Using User Experience to tell a Strong Brand Story

USING USER EXPERIENCE TO TELL A STRONG BRAND STORY

DESIGNING FOR WORDPRESS

Page 2: Designing for WordPress: Using User Experience to tell a Strong Brand Story

CO-FOUNDER SEVENALITY

ORGANIZER UX ORLANDO CO-ORGANIZER WORDPRESS ORLANDO

DAVID YARDE

TWITTER: @SEVENALITY / @DSMY

Page 3: Designing for WordPress: Using User Experience to tell a Strong Brand Story

THINK ABOUT THE LAST PRODUCT OR SERVICE YOU PURCHASED. DID IT MAKE YOU HAPPY, FRUSTRATED OR MEH?

Page 4: Designing for WordPress: Using User Experience to tell a Strong Brand Story

WHAT IS USER EXPERIENCE(UX)?

Page 5: Designing for WordPress: Using User Experience to tell a Strong Brand Story

EVERY ASPECT OF THE USER'S INTERACTION WITH A PRODUCT, SERVICE, OR COMPANY THAT MAKE UP THE USER'S PERCEPTIONS OF THE WHOLE. USER EXPERIENCE DESIGN AS A DISCIPLINE IS CONCERNED WITH ALL THE ELEMENTS THAT TOGETHER MAKE UP THAT INTERFACE, INCLUDING LAYOUT, VISUAL DESIGN, TEXT, BRAND, SOUND, AND INTERACTION. UE WORKS TO COORDINATE THESE ELEMENTS TO ALLOW FOR THE BEST POSSIBLE INTERACTION BY USERS.

UXPA, Usability Body of Knowledge, Glossary

UX IS DEFINED AS..

Page 6: Designing for WordPress: Using User Experience to tell a Strong Brand Story

ISN’T THAT THE SAME AS USABILITY?

Page 7: Designing for WordPress: Using User Experience to tell a Strong Brand Story
Page 8: Designing for WordPress: Using User Experience to tell a Strong Brand Story

IT IS IMPORTANT TO REALIZE THAT USABILITY IS NOT A SINGLE, ONE-DIMENSIONAL PROPERTY OF A USER INTERFACE. USABILITY HAS MULTIPLE COMPONENTS AND IS TRADITIONALLY ASSOCIATED WITH THESE FIVE USABILITY ATTRIBUTES: LEARNABILITY, EFFICIENCY, MEMORABILITY, ERRORS, SATISFACTION.

Jakob Nielsen, Usability Engineering, 1993, p. 26

Page 9: Designing for WordPress: Using User Experience to tell a Strong Brand Story

ITS MORE THAN THE THEME YOU CHOOSE OR WHAT COLOR TO DESIGN A BUTTON.

Page 10: Designing for WordPress: Using User Experience to tell a Strong Brand Story

IT'S HOW USERS▸ Read your blog

▸ Listen to or watch interactive content

▸ Navigate within your site

▸ Fill out forms

▸ Share posts to social media

Page 11: Designing for WordPress: Using User Experience to tell a Strong Brand Story

TO BEGIN, CLEAR GOALS MUST BE DEFINED

Page 12: Designing for WordPress: Using User Experience to tell a Strong Brand Story

E-COMMERCE MARKETING INTERACTIVEEACH SEGMENT REQUIRES A DIFFERENT APPROACH AND HAS A DIFFERENT AUDIENCE REACTION

Page 13: Designing for WordPress: Using User Experience to tell a Strong Brand Story

KNOW YOUR AUDIENCE.

Page 14: Designing for WordPress: Using User Experience to tell a Strong Brand Story

NEVER INTERRUPT THE USER*ASK YOURSELF IS THAT ON VISIT POP UP REALLY IN THE USERS BEST INTEREST.

Page 15: Designing for WordPress: Using User Experience to tell a Strong Brand Story

HOW DOES IT ALL RELATEUSER EXPERIENCE + WORDPRESS + BRANDING + CONTENT

Page 16: Designing for WordPress: Using User Experience to tell a Strong Brand Story

A STRONG BRAND STORY HELPS TO▸ Establish a community around your brand

▸ Evolve your offerings and reach

▸ Evangelize your brand more effectively

▸ Execute with intense collaboration

Page 17: Designing for WordPress: Using User Experience to tell a Strong Brand Story

WITHOUT A STRONG BRAND STORY, ATTEMPTS AT BUILDING A STRONG PRODUCT OR USER EXPERIENCE IS FUTILE

Page 18: Designing for WordPress: Using User Experience to tell a Strong Brand Story

TOO OFTEN WE FOCUS MORE ON EXECUTION BEFORE DEFINING AND CLEARLY COMMUNICATING THE PRODUCT OPPORTUNITY OR VALUE PROPOSITION.

Page 19: Designing for WordPress: Using User Experience to tell a Strong Brand Story

A STRONG STORY HELPS THE PRODUCT ▸ prevent scope creep

▸ prevent extended timelines

▸ prevent it going over budget

▸ prevent frantic feature reduction to match budgets

Page 20: Designing for WordPress: Using User Experience to tell a Strong Brand Story

A STRONG STORY HELPS THE TEAM▸ to stop chasing tasks

▸ to not lose passion for their jobs

▸ prevent burnout

▸ overall job dissatisfaction

Page 21: Designing for WordPress: Using User Experience to tell a Strong Brand Story

A STRONG STORY HELPS USERS▸ Not be confused by what they see vs their expectations

▸ Adopt the product better into their lifestyle

▸ Talk about it to their friends and share within their social outlets

Page 22: Designing for WordPress: Using User Experience to tell a Strong Brand Story

EXAMPLES & TOOLS

Page 23: Designing for WordPress: Using User Experience to tell a Strong Brand Story
Page 24: Designing for WordPress: Using User Experience to tell a Strong Brand Story

HAPPYTABLES.COM

Page 25: Designing for WordPress: Using User Experience to tell a Strong Brand Story

SLATE ADMIN THEMEhttps://wordpress.org/plugins/slate-admin-theme/

Page 26: Designing for WordPress: Using User Experience to tell a Strong Brand Story

GUSThttps://wordpress.org/plugins/gust/

Page 27: Designing for WordPress: Using User Experience to tell a Strong Brand Story

DRAG & DROP FEATURED IMAGEhttps://wordpress.org/plugins/drag-drop-featured-image/

Page 28: Designing for WordPress: Using User Experience to tell a Strong Brand Story

FEATURED IMAGE COLUMNhttps://wordpress.org/plugins/featured-image-column/

Page 29: Designing for WordPress: Using User Experience to tell a Strong Brand Story

SIMPLE PAGE ORDERINGhttps://wordpress.org/plugins/simple-page-ordering/

Page 30: Designing for WordPress: Using User Experience to tell a Strong Brand Story

IMSANITYhttps://wordpress.org/plugins/imsanity/

Page 31: Designing for WordPress: Using User Experience to tell a Strong Brand Story

ADMIN POST NAVIGATIONhttps://wordpress.org/plugins/admin-post-navigation/

Page 32: Designing for WordPress: Using User Experience to tell a Strong Brand Story

ENABLE MEDIA REPLACEhttps://wordpress.org/plugins/enable-media-replace/

Page 33: Designing for WordPress: Using User Experience to tell a Strong Brand Story

THIS LOOKS LIKE A LOT, I THINK I NEED HELP. www.sevenality.com

Page 34: Designing for WordPress: Using User Experience to tell a Strong Brand Story

QUESTIONS?

Page 35: Designing for WordPress: Using User Experience to tell a Strong Brand Story

THANKS!

TWITTER: @SEVENALITY / @DSMY

WWW.SEVENALITY.COM