UX|IA: How it looks, feels, smells, tastes. What it is.
-
Upload
laurie-kalmanson -
Category
Technology
-
view
125 -
download
0
description
Transcript of UX|IA: How it looks, feels, smells, tastes. What it is.
![Page 1: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/1.jpg)
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
![Page 2: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/2.jpg)
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
![Page 3: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/3.jpg)
twitter.com/lauriekalmanson | page 3 of 31
Do you know who your users are?
Personas are narratives describing users, needs and goals.
![Page 4: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/4.jpg)
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
![Page 5: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/5.jpg)
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?
![Page 6: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/6.jpg)
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
![Page 7: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/7.jpg)
twitter.com/lauriekalmanson | page 7 of 31
How do you work? Waterfall? Agile?
What do people mean when they discuss these processes?
![Page 8: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/8.jpg)
twitter.com/lauriekalmanson | page 8 of 31
Processes shape deliverables.
Agile can be chaotic. Waterfall can be rigid. And vice-versa.
![Page 9: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/9.jpg)
twitter.com/lauriekalmanson | page 9 of 31
And things are not always as they seem
... users don't always know their needs
![Page 10: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/10.jpg)
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.
![Page 11: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/11.jpg)
twitter.com/lauriekalmanson | page 11 of 31
Build the bridges you need ...
... with the right materials for you, your team and your users
![Page 12: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/12.jpg)
twitter.com/lauriekalmanson | page 12 of 31
And don't build igloos on beaches...
... unless you're doing conceptual art or something
![Page 13: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/13.jpg)
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
![Page 14: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/14.jpg)
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
![Page 15: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/15.jpg)
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"
![Page 16: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/16.jpg)
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
![Page 17: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/17.jpg)
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.
![Page 18: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/18.jpg)
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
![Page 19: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/19.jpg)
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
![Page 20: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/20.jpg)
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
![Page 21: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/21.jpg)
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?
![Page 22: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/22.jpg)
twitter.com/lauriekalmanson | page 22 of 31
CommunityAction
Organizing people across places
Find places, find events, find people
![Page 23: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/23.jpg)
twitter.com/lauriekalmanson | page 23 of 31
b2b
Less is more ... use white space ...
... make your calls to action impossible to miss
![Page 24: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/24.jpg)
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
![Page 25: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/25.jpg)
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
![Page 26: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/26.jpg)
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.
![Page 27: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/27.jpg)
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
![Page 28: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/28.jpg)
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
![Page 29: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/29.jpg)
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
><
![Page 30: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/30.jpg)
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
![Page 31: UX|IA: How it looks, feels, smells, tastes. What it is.](https://reader034.fdocuments.net/reader034/viewer/2022050905/54c779d14a7959916e8b45be/html5/thumbnails/31.jpg)
twitter.com/lauriekalmanson | page 31 of 31
Love:Value
More love = more value