z101 website redesign- case study

21
UX Designer | Twitter @maitedalila

Upload: maite-dalila

Post on 03-Aug-2015

241 views

Category:

Design


0 download

TRANSCRIPT

UX Designer | Twitter @maitedalila

the brief

Advise on how to improve Z101’s website

specialized in podcasts.

GOAL:

Inform users about the podcasts

and increase subscriptions.

Primary

Secondary

Tertiary

Most Important

information Architecture

information Architecture Site Map

user Personaswho

are we designing

for?

Juan Dominicano

Tech Averse

Tech Savvy

SpendyFrugal

Driver “I like to participate and talk about what

is going on in Dominican Republic.

I am not very good with technology.

Concern “

Eduardo Dominican York

Tech Averse

Tech Savvy

SpendyFrugal

Driver “I like to know what is going on back

home.

It’s too expensive.

Concern “

Eduardo User Flow - Looking for a podcast

Start Do I want to listen to a podcast?

Do I know what I want to

listen to?Open website

Yes

BrowseDo I know

what topic/time/ person/ program I

want?

YesFilter

Have I found what I want to

listen to?Listen or

Save for later

Yes

No

No

No

Eduardo User Journey - Looking for a podcast

Do I want to listen to a podcast?

Do I know what I want to listen to?

Do I know what topic/time/ person/

program I want?Have I found what I

want to listen to?

+

-time

emot

ions

Discover Compare Consider Commit

I found what I want to listen to!

Before

Eduardo User Journey - Looking for a podcast

Do I want to listen to a podcast?

Do I know what I want to listen to?

Do I know what topic/time/ person/

program I want?Have I found what I

want to listen to?

+

-time

emot

ions

Discover Compare Consider Commit

I found what I want to listen to!

Redesign

website Redesign

Redesign

Hom

epag

e

Who are we/ Purpose

Giving back/ Values

Stay in touch

Organized AI

First impression is key. Users need to know where they are,

what it’s about and what they can do

next.

Important Information above the fold

BEFORE

Call to action

Who

we

are

Users come to this page to find out about who you are, what is your story/ purpose /

values.

The hook

Powerful images

Accessible/ Readable Copy

Mobile Friendly

The people behind z101

Redesign

BEFORE

Redesign

Opi

nion

Search

Filter by topic/ person

Visually appealing/ mobile friendly view

Users come to this page to explore

journalists by topic or by name.

BEFORE

Prog

ram

s

Users come to this page to see what is playing right now.

Filter by Day/Time

Feature image/ Share on social media

On-click to View more details

BEFORE

Subs

crib

e

Users come to this page to subscribe or find out what are the benefits of becoming

a member

most important information above the fold

What does the user receive now, and what will they get if they subscribe (Don’t make them think!)

Convinced? Become a member

Scannable

Redesign

BEFORE

what’s Next?

Build

MeasureLearn

Great design on the web doesn’t come from moments of inspiration. It comes from the continual iteration of every detail.

Paul Boag

Twitter @maitedalila

UXDesigner