ux 101: defining the user experience

facilitation, requirements, personas, wireframes: all just tools for matching users and goals to applications and actions

Transcript

1. 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 IA Wireframes Personas Userflows Deep structure Creative Branding/Design Content strategy Look and feel Technology Backend Presentation layer Moving parts Requirements Facilitation Analysis Documentation Marketing Social media Email SEO/PPC
2. 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
3. twitter.com/lauriekalmanson | page 3 of 31 Do you know who your users are? Personas are narratives describing users, needs and goals.
4. 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
5. 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?
6. twitter.com/lauriekalmanson | page 6 of 31 What do your users need? Are your users online for fun? Shopping? Work? Needs Travel reservations Needs Repair shop for flying cars Needs Answers, now Needs Lots of black clothes
7. twitter.com/lauriekalmanson | page 7 of 31 How do you work? Waterfall? Agile? What do people mean when they discuss these processes?
8. twitter.com/lauriekalmanson | page 8 of 31 Processes shape deliverables. Agile can be chaotic. Waterfall can be rigid. And vice-versa.
9. twitter.com/lauriekalmanson | page 9 of 31 And things are not always as they seem ... users don't always know their needs
10. 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.
11. twitter.com/lauriekalmanson | page 11 of 31 Build the bridges you need ... ... with the right materials for you, your team and your users
12. twitter.com/lauriekalmanson | page 12 of 31 And don't build igloos on beaches... ... unless you're doing conceptual art or something
13. twitter.com/lauriekalmanson | page 13 of 31 Idioms can be old or new ... "Close the light" "Stand on line" "Wait on 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
14. twitter.com/lauriekalmanson | page 14 of 31 Immersive experiences: How deep? World English Dictionary immersive !(ɪˈ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
15. 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"
16. 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
17. 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.
18. 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
19. 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
20. 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 Catch flight Snooze alarm Miss flight Sleep +30 minutes Sleep +5 minutes
21. twitter.com/lauriekalmanson | page 21 of 31 User paths for e-commerce Find a black sweater: where is "start?" How would you do it? How would someone else?
22. twitter.com/lauriekalmanson | page 22 of 31 Community Action Organizing people across places Find places, find events, find people
23. twitter.com/lauriekalmanson | page 23 of 31 b2b Less is more ... use white space ... ... make your calls to action impossible to miss
24. 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
25. 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 streamlines the 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
26. 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.
27. 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
28. 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 interaction design
29. twitter.com/lauriekalmanson | page 29 of 31 UX Deliverables: Website homepage Wireframes show the entry points ... and describe the doors Logo Top Nav Login Logout Search promo area Call to Action Call to Action News items Marketing items Personalization items > <
30. 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 Login Logout Search promo area Call to Action Call to Action News items Marketing items Personalization items > < Tech Strategy Multimedia tools; CMS tools for authors Creative Team Design, images Marketing Team Who owns the messaging? Content Strategy Who are the authors, editors, publishers? Tech + Content What are the needs? Sitewide UX | IA
31. twitter.com/lauriekalmanson | page 31 of 31 Love:Value More love = more value