Headlines, HBO and Harry Potter: A Case For Context

72
Justin Smith Headlines, HBO, & Harry Potter a Case for Context

description

Designing UX through the lense of Context.

Transcript of Headlines, HBO and Harry Potter: A Case For Context

Page 1: Headlines, HBO and Harry Potter: A Case For Context

Justin Smith

Headlines, HBO, & Harry Potter a Case for Context

Page 2: Headlines, HBO and Harry Potter: A Case For Context

@xenoabe

Page 3: Headlines, HBO and Harry Potter: A Case For Context

1. What is Context? 2. Problems 3. Personal Context 4. Placement Context 5. Prose context 6. Process for context

This Talk

Page 4: Headlines, HBO and Harry Potter: A Case For Context

What is Context?

Page 5: Headlines, HBO and Harry Potter: A Case For Context

Con - text the circumstances that form the setting for an event, statement, or idea and in terms ofwhich it can be fully understood and assessed

Page 6: Headlines, HBO and Harry Potter: A Case For Context

Where am I?

Page 7: Headlines, HBO and Harry Potter: A Case For Context

What am I doing here?

Page 8: Headlines, HBO and Harry Potter: A Case For Context

“Would you hold my hand?”

Page 9: Headlines, HBO and Harry Potter: A Case For Context
Page 10: Headlines, HBO and Harry Potter: A Case For Context
Page 11: Headlines, HBO and Harry Potter: A Case For Context
Page 12: Headlines, HBO and Harry Potter: A Case For Context

Personal Context

Page 13: Headlines, HBO and Harry Potter: A Case For Context

The Question: Who?

Page 14: Headlines, HBO and Harry Potter: A Case For Context
Page 15: Headlines, HBO and Harry Potter: A Case For Context

Why?1. Deeper Connection/Engagement 2. Loyalty 3. Higher Potential for Immediate Interest

Page 16: Headlines, HBO and Harry Potter: A Case For Context
Page 17: Headlines, HBO and Harry Potter: A Case For Context

Love Languages

Page 18: Headlines, HBO and Harry Potter: A Case For Context

Power of Personal

Page 19: Headlines, HBO and Harry Potter: A Case For Context
Page 20: Headlines, HBO and Harry Potter: A Case For Context

Pandora

Netflix

Page 21: Headlines, HBO and Harry Potter: A Case For Context

Purpose

Audience

Page 22: Headlines, HBO and Harry Potter: A Case For Context
Page 23: Headlines, HBO and Harry Potter: A Case For Context
Page 24: Headlines, HBO and Harry Potter: A Case For Context
Page 25: Headlines, HBO and Harry Potter: A Case For Context

What if I can’t be personal?

Page 26: Headlines, HBO and Harry Potter: A Case For Context
Page 27: Headlines, HBO and Harry Potter: A Case For Context
Page 28: Headlines, HBO and Harry Potter: A Case For Context

1. Popularity 2. Priority

Lean into

Page 29: Headlines, HBO and Harry Potter: A Case For Context
Page 30: Headlines, HBO and Harry Potter: A Case For Context
Page 31: Headlines, HBO and Harry Potter: A Case For Context

What if?

Page 32: Headlines, HBO and Harry Potter: A Case For Context
Page 33: Headlines, HBO and Harry Potter: A Case For Context
Page 34: Headlines, HBO and Harry Potter: A Case For Context
Page 35: Headlines, HBO and Harry Potter: A Case For Context

Personal Context

1. User Analysis 2. Task Analysis 3. Analytics 4. Business Requirements

Page 36: Headlines, HBO and Harry Potter: A Case For Context

Placement Context

Page 37: Headlines, HBO and Harry Potter: A Case For Context

The Question: Where?

Page 38: Headlines, HBO and Harry Potter: A Case For Context

Within Page Within Site

Page 39: Headlines, HBO and Harry Potter: A Case For Context

Within Page

Page 40: Headlines, HBO and Harry Potter: A Case For Context

Gestalt Theory

Page 41: Headlines, HBO and Harry Potter: A Case For Context

Perceptual OrganizationProximity Compatibility Principle

Page 42: Headlines, HBO and Harry Potter: A Case For Context
Page 43: Headlines, HBO and Harry Potter: A Case For Context
Page 44: Headlines, HBO and Harry Potter: A Case For Context
Page 45: Headlines, HBO and Harry Potter: A Case For Context
Page 46: Headlines, HBO and Harry Potter: A Case For Context
Page 47: Headlines, HBO and Harry Potter: A Case For Context
Page 48: Headlines, HBO and Harry Potter: A Case For Context

Within Site

Page 49: Headlines, HBO and Harry Potter: A Case For Context
Page 50: Headlines, HBO and Harry Potter: A Case For Context
Page 51: Headlines, HBO and Harry Potter: A Case For Context
Page 52: Headlines, HBO and Harry Potter: A Case For Context

5. Visual Hierarchy & Organization

Placement Context - Within Page

Page 53: Headlines, HBO and Harry Potter: A Case For Context

2. Task AnalysisPlacement Context - Within Site

6. User Flows & Scenarios

Page 54: Headlines, HBO and Harry Potter: A Case For Context

Prose Context

Page 55: Headlines, HBO and Harry Potter: A Case For Context

The Question: Why?

Page 56: Headlines, HBO and Harry Potter: A Case For Context
Page 57: Headlines, HBO and Harry Potter: A Case For Context

SEE MORE

CLICK HERE

DISCOVER

GO NOW

Page 58: Headlines, HBO and Harry Potter: A Case For Context
Page 59: Headlines, HBO and Harry Potter: A Case For Context

textCon

Page 60: Headlines, HBO and Harry Potter: A Case For Context

READ FULL STORY

SEE ALL GAMES

BROWSE ALL ARTISTS

WATCH THIS NOW

Page 61: Headlines, HBO and Harry Potter: A Case For Context
Page 62: Headlines, HBO and Harry Potter: A Case For Context

Cleverness and BrevityClarity >

Page 63: Headlines, HBO and Harry Potter: A Case For Context

You Might LikeDark Covers with Smoldering Stares

Page 64: Headlines, HBO and Harry Potter: A Case For Context
Page 65: Headlines, HBO and Harry Potter: A Case For Context
Page 66: Headlines, HBO and Harry Potter: A Case For Context

7. Involve Copywriters for Clarity

Prose Context

8. Build Trust with Users

Page 67: Headlines, HBO and Harry Potter: A Case For Context
Page 68: Headlines, HBO and Harry Potter: A Case For Context
Page 69: Headlines, HBO and Harry Potter: A Case For Context

Personal ContextThe Question: Who?

Page 70: Headlines, HBO and Harry Potter: A Case For Context

Placement ContextThe Question: Where?

Page 71: Headlines, HBO and Harry Potter: A Case For Context

Prose ContextThe Question: Why?

Page 72: Headlines, HBO and Harry Potter: A Case For Context

T. Hanks!

@xenoabe