WordCamp Phoenix - WordPress Design for the Real World v2

Post on 27-Jan-2015

112 views 0 download

Tags:

description

Slides from a recent talk regarding User Experience Design for WordPress.

Transcript of WordCamp Phoenix - WordPress Design for the Real World v2

WPDFTRWWORDPRESS DESIGN FOR THE REAL WORLD (UX)

CODY // LANDEFELD

Sunday, January 20, 13

CODY LANDEFELDOWNER/DIRECTOR AT CODYL

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

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

Sunday, January 20, 13

+ WHAT’S UX FOR?+ DEVICES

+ GOALS OF UX+ EXAMPLES

WHAT’S AHEAD?

Sunday, January 20, 13

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

WHAT’S USER EXPERIENCE FOR?

Sunday, January 20, 13

IT’S FOR USERS...

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

Sunday, January 20, 13

Websites // Applications // Things You Use & Touch

...OF DEVICES

Sunday, January 20, 13

Things we interact with...daily (mostly on the web).

COMPUTERSTABLETSPHONES

COFFEE MAKERSCASH REGISTERS

WHAT DO YOU THINKUX IS FOR?

Sunday, January 20, 13

How the web is consumed on devices

MOBILE DEVICES

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

Sunday, January 20, 13

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

-Techcrunch

HOW IMPORTANT ARE DEVICES, SPECIFICALLY MOBILE?

Sunday, January 20, 13

The web will continue to be delivered onto all of our daily devices and become more seamlessly integrated into our lives.

NOT JUST MOBILE...

Sunday, January 20, 13

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

ON EVERY DEVICE.

UX NEEDS TO LOOK GOOD / PERFORM & SCALE

Sunday, January 20, 13

WHAT DO YOU WANT TO ACHIEVE?

GOALS OF UX

Sunday, January 20, 13

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

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

Sunday, January 20, 13

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

Some sites are primarily used mobile / some desktop.

KNOW THE AUDIENCE

Sunday, January 20, 13

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

EXAMPLE

Sunday, January 20, 13

ETSY

Sunday, January 20, 13

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

Sunday, January 20, 13

DON’T INTERRUPT THE USERUser, Imma let you finish...

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

Sunday, January 20, 13

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

Sunday, January 20, 13

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

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

Sunday, January 20, 13

“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

Sunday, January 20, 13

YOU WANT TO SEE THE GOODS?EXAMPLES OF GREAT UX

Sunday, January 20, 13

CAMAYAK

Sunday, January 20, 13

BEETLE

Sunday, January 20, 13

DESK

Sunday, January 20, 13

+ WHAT’S UX FOR?+ DEVICES

+ GOALS OF UX+ EXAMPLES

WHAT’S BEHIND?

Sunday, January 20, 13

THANKS...

Sunday, January 20, 13

CODY LANDEFELDOWNER/DIRECTOR AT CODYL

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

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

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

Sunday, January 20, 13