+ All Categories
Home > Design > WordPress Design for the Real World (UX)

WordPress Design for the Real World (UX)

Date post: 01-Nov-2014
Category:
Upload: cody-landefeld
View: 1,049 times
Download: 0 times
Share this document with a friend
Description:
A focus on user experience design for WordPress
Popular Tags:
27
WPDFTRW WORDPRESS DESIGN FOR THE REAL WORLD (UX) CODY // LANDEFELD Saturday, October 6, 12
Transcript
Page 1: WordPress Design for the Real World (UX)

WPDFTRWWORDPRESS DESIGN FOR THE REAL WORLD (UX)

CODY // LANDEFELD

Saturday, October 6, 12

Page 2: WordPress Design for the Real World (UX)

CODY LANDEFELDOWNER/DIRECTOR AT CODYL

10+ YEARS BUILDING FOR THE WEB6+ YEARS BUILDING WITH WORDPRESS

PHOENIX, AZ // CODYL.COM // @CODYL

Saturday, October 6, 12

Page 3: WordPress Design for the Real World (UX)

+ WHAT’S UX FOR?+ DEVICES

+ OBJECTIVES & GOALS OF UX+ EXAMPLES

WHAT’S AHEAD?

Saturday, October 6, 12

Page 4: WordPress Design for the Real World (UX)

WHO IS IT FOR // WHAT IS IT // WHAT DOES IT DO?WHAT IS USER EXPERIENCE?

Saturday, October 6, 12

Page 5: WordPress Design for the Real World (UX)

People who interact with things.

IT’S FOR USERS...

PHOENIX, AZ // CODYL.COM // @CODYL

Saturday, October 6, 12

Page 6: WordPress Design for the Real World (UX)

Websites // Applications // Things You Use & Touch

...OF DEVICES

Saturday, October 6, 12

Page 7: WordPress Design for the Real World (UX)

Things we interact with...daily.

COMPUTERSTABLETSPHONES

COFFEE MAKERSCASH REGISTERS

WHAT DO YOU THINKWHEN YOU THINK UX?

Saturday, October 6, 12

Page 8: WordPress Design for the Real World (UX)

It all comes down to mobile...

MOBILE

PHOENIX, AZ // CODYL.COM // @CODYL

Saturday, October 6, 12

Page 9: WordPress Design for the Real World (UX)

Around 7,000 devices access Facebook daily.More than 90% have a mobile web browser.

-Techcrunch

HOW IMPORTANT?

Saturday, October 6, 12

Page 10: WordPress Design for the Real World (UX)

Mobile Applications are experiencing exponential growth...

-Flurry

NOT JUST THE WEB

Saturday, October 6, 12

Page 11: WordPress Design for the Real World (UX)

Usability is as important as performance. It must be more usable and it must perform better.

UX // MOBILE // MAINSTREAM ADOPTION

Saturday, October 6, 12

Page 12: WordPress Design for the Real World (UX)

WHAT DO YOU WANT TO ACHIEVE?OBJECTIVES & GOALS

Saturday, October 6, 12

Page 13: WordPress Design for the Real World (UX)

WHAT ARE YOU SHOOTING FOR?E-Commerce // Marketing // Interactive

PHOENIX, AZ // CODYL.COM // @CODYL

Saturday, October 6, 12

Page 14: WordPress Design for the Real World (UX)

How do users use your site and how does that impact how you create your site?

Some sites are primarily used mobile / some desktop.

KNOW THE AUDIENCE

Saturday, October 6, 12

Page 15: WordPress Design for the Real World (UX)

ETSY // Does Desktop and Mobile with complete experience and specific for each audience.

EXAMPLE

Saturday, October 6, 12

Page 16: WordPress Design for the Real World (UX)

ETSY

Saturday, October 6, 12

Page 17: WordPress Design for the Real World (UX)

Consider how people use the site per device and how that should be though through from the

concept phase on through development.

Most often going with a Responsive grid will be the way to go. The few cases this is not true

might be in E-Commerce.

TAKEAWAY

Saturday, October 6, 12

Page 18: WordPress Design for the Real World (UX)

DON’T INTERRUPT THE USERUser, Imma let you finish but my responsive site is the best of all time!

PHOENIX, AZ // CODYL.COM // @CODYL

Saturday, October 6, 12

Page 19: WordPress Design for the Real World (UX)

Know exactly why you intend to use Responsive grids and layouts. Consider how it impacts the

user.

Use analytics for data from the past and use projections to predict the future...

KNOW THE REASON

Saturday, October 6, 12

Page 20: WordPress Design for the Real World (UX)

IT’S NOT ALL ABOUT MONEYIt’s about the experience...

PHOENIX, AZ // CODYL.COM // @CODYL

Saturday, October 6, 12

Page 21: WordPress Design for the Real World (UX)

“You have to have the perspective of an audience that may not know your brand, and there's very

often a complete absence of making people aware of your brand is, and why it's relevant."

-Sean Ketchem (from INC)

ADDRESS THE REAL NEED

Saturday, October 6, 12

Page 22: WordPress Design for the Real World (UX)

YOU WANT TO SEE THE GOODS?EXAMPLES OF GREAT UX

Saturday, October 6, 12

Page 23: WordPress Design for the Real World (UX)

CAMAYAK

Saturday, October 6, 12

Page 24: WordPress Design for the Real World (UX)

BEETLE

Saturday, October 6, 12

Page 25: WordPress Design for the Real World (UX)

DESK

Saturday, October 6, 12

Page 26: WordPress Design for the Real World (UX)

CODY LANDEFELDOWNER/DIRECTOR AT CODYL

10+ YEARS BUILDING FOR THE WEB6+ YEARS BUILDING WITH WORDPRESS

PHOENIX, AZ // CODYL.COM // @CODYL

SLIDES AVAILABLE AT HTTP://CODYL.COM/BLOG

Saturday, October 6, 12

Page 27: WordPress Design for the Real World (UX)

THANKS...DONE? DONE.

Saturday, October 6, 12


Recommended