ux|ia: how it looks, feels, smells, tastes. what it is

twitter.com/lauriekalmanson | page 1 of 31

What is User Experience? What is IA?

UX + IA + Creative + Technology + Marketing = Things.

UX: How it feels, looks, fits, sounds, tastes. How it works. What it is.

Your Site

IAWireframesPersonasUserflows

Deep structure

CreativeBranding/DesignContent strategy

Look and feel

TechnologyBackend

Presentation layerMoving parts

Requirements

FacilitationAnalysis

Documentation

MarketingSocial media

EmailSEO/PPC

twitter.com/lauriekalmanson | page 2 of 31

Businesses and users each have goals.

Build sites, apps and products so they meet them, together.

Business Goals

User Goals

Business Goals and User Goals

Happily Interacting

twitter.com/lauriekalmanson | page 3 of 31

Do you know who your users are?

Personas are narratives describing users, needs and goals.

twitter.com/lauriekalmanson | page 4 of 31

Learn about their needs and goals.

User research + personas and narratives = requirements

Age

Occupation

Income

Profile

Age

Occupation

Income

Profile

Age

Occupation

Income

Profile

Age

Occupation

Income

Profile

twitter.com/lauriekalmanson | page 5 of 31

How do your users connect?

Do they use apps? Mobile? Facebook? Twitter? Websites?

How deep?How broad?

What do their social networks

look like?

Who are the influencers?Followers?

twitter.com/lauriekalmanson | page 6 of 31

What do your users need?

Are your users online for fun? Shopping? Work?

NeedsTravel

reservations

NeedsRepair shop

for flying cars

NeedsAnswers,

now

NeedsLots of black

clothes

twitter.com/lauriekalmanson | page 7 of 31

How do you work? Waterfall? Agile?

What do people mean when they discuss these processes?

twitter.com/lauriekalmanson | page 8 of 31

Processes shape deliverables.

Agile can be chaotic. Waterfall can be rigid. And vice-versa.

twitter.com/lauriekalmanson | page 9 of 31

And things are not always as they seem

... users don't always know their needs

twitter.com/lauriekalmanson | page 10 of 31

After you know the rules, break them.

Learn the manual, throw it away -- and build to your needs.

twitter.com/lauriekalmanson | page 11 of 31

Build the bridges you need ...

... with the right materials for you, your team and your users

twitter.com/lauriekalmanson | page 12 of 31

And don't build igloos on beaches...

... unless you're doing conceptual art or something

twitter.com/lauriekalmanson | page 13 of 31

Idioms can be old or new ...

"Closethe light"

"Standon line"

"Waiton line"

New York CIty dialect Will users wait for you?Grandma? Is that you?

... and websites have idioms, too

"People in the New York City area are apt to say "waiting ON line," and there's not much we can do about that because they are, after all, from New York."

http://grammar.ccc.commnet.edu/grammar/grammarlogs4/grammarlogs583.htm

twitter.com/lauriekalmanson | page 14 of 31

Immersive experiences: How deep?

World English Dictionaryimmersive !(ɪˈmɜːsɪv)

Part of Speech: !adj

Definitions: !!

Pertaining to immersing or plunging into something

providing information or stimulation for a number of senses, not only sight and sound

... all the way down the rabbit hole

twitter.com/lauriekalmanson | page 15 of 31

Internet memes are immersive ...

Wikipedia

An Internet meme may stay the same or may evolve over time, by chance or through commentary, imitations, and parody versions, or even by collecting news accounts about itself. Internet memes have a tendency to evolve and spread extremely swiftly, sometimes going in and out of popularity in just days. They are spread organically, voluntarily, and peer to peer, rather than by compulsion, predetermined path, or completely automated means.

The term Meme was coined by Richard Dawkins in his 1976 popular science bestseller, The Selfish Gene.

"All your base," "I'm in ur _noun_verb," "Rick rolled"

twitter.com/lauriekalmanson | page 16 of 31

Pages or states?

Is your site static or dynamic?

Multi-state idioms are replacing pages...

http://www.thenetawards.com/

... partially because they are more immersive

twitter.com/lauriekalmanson | page 17 of 31

The power of the geolocation tools

inside iPhones can be used to make locative art, and by bad guys --

key plot elements in near-future fiction

Checking in is totally immersive...

... until it isn't.

twitter.com/lauriekalmanson | page 18 of 31

People know it when they see it

What is an immersive user experience?

... people dive in, stay, and come back after they leave

twitter.com/lauriekalmanson | page 19 of 31

Start by thinking of the user

How do you make your things like that?

...putting users first makes your things successful

Persona Requirements

User path

Wireframe

twitter.com/lauriekalmanson | page 20 of 31

Deliverables: User flow > processes

How many paths can users take?

Alarm clock

Get out of bed

Get dressed

Catchflight

Snooze alarm

Miss flight

Sleep +30 minutes

Sleep +5 minutes

twitter.com/lauriekalmanson | page 21 of 31

User pathsfor e-commerce

Find a black sweater: where is "start?"

How would you do it? How would someone else?

twitter.com/lauriekalmanson | page 22 of 31

CommunityAction

Organizing people across places

Find places, find events, find people

twitter.com/lauriekalmanson | page 23 of 31

b2b

Less is more ... use white space ...

... make your calls to action impossible to miss

twitter.com/lauriekalmanson | page 24 of 31

What a long strange trip it's been ...

...and change is the only constant

Yahoo.com, in the year 2000,

and today

twitter.com/lauriekalmanson | page 25 of 31

Change x Change = the Future

... what's the next new thing?

Arpa Net nodes, from the

Department of Defense, in

1971

The ARPANET begins the year with 14 nodes. BBN modifies and streamlinesthe IMP design so it can be moved to a less cumbersome platform than the DDP-516. BBN also develops a new platform, called a Terminal Interface Processor (TIP) which is capable of supporting input from multiple hosts or terminals.

http://www.computerhistory.org/internet_history/internet_history_70s.html

twitter.com/lauriekalmanson | page 26 of 31

Online users today: Top 5 sites

... what's the next new thing?

Google, Facebook, YouTube, Yahoo and

Windows Live are the Top 5 sites, worldwide ... search, news, social networking and rich

media ... delivered simply and clearly

According to Internet World Stats which compiles data from the Census Bureau and Nielsen Ratings, about 220 million people in the US use the Internet. The Pew Research Center estimated in 2009 that around 55% of all Internet users use it daily. So, at any given moment, about 110 million people are online each day in the US.

twitter.com/lauriekalmanson | page 27 of 31

Document rich interactions by

defining and mapping one key frame

at a time

UX Deliverables: Rich media storyboard

... think through complex interactions step by step

Scene 1

Wireframe

Caption

Scene 2

Wireframe

Caption

Scene 4

Wireframe

Caption

Scene 5

Wireframe

Caption

twitter.com/lauriekalmanson | page 28 of 31

UX Deliverables: Rich media wireframe

Each sphere has its own interactions. This is the key frame.

This is the "home"frame of a complex

interactiondesign

twitter.com/lauriekalmanson | page 29 of 31

UX Deliverables: Website homepage

Wireframes show the entry points ... and describe the doors

Logo Top Nav LoginLogout Search

promo area

Call to Action

Call to Action

News items Marketing items Personalizationitems

><

twitter.com/lauriekalmanson | page 30 of 31

UX & IA Deliverables + Website Teams

Who owns the pieces of the project, and the deliverables?

Logo Top Nav LoginLogout Search

promo area

Call to Action

Call to Action

News items Marketing items Personalizationitems

><

Tech StrategyMultimedia tools; CMS

tools for authors

Creative TeamDesign, images

Marketing TeamWho owns the messaging?

Content Strategy Who are the authors, editors, publishers?

Tech + ContentWhat are the needs?

Sitewide UX | IA

twitter.com/lauriekalmanson | page 31 of 31

Love:Value

More love = more value