View
116
Download
0
Category
Tags:
Preview:
DESCRIPTION
Ownce over lightly: What is UX? What is IA? What are the deliverables? Waterfall? Agile? Where does the user fit into those processes? UX and IA are mindsets more than they are tools; ways of thinking more than they are techniques. You can sketch on a napkin or in Axure, once you've learned to touch a screen or click in someone else's persona.
Citation preview
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
Recommended