UX|IA: How it looks, feels, smells, tastes. What it is.


Published on

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.

Published in: Technology
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

UX|IA: How it looks, feels, smells, tastes. What it is.

  1. 1. What is User Experience? What is IA? UX: How it feels, looks, fits, sounds, tastes. How it works. What it is. IA Creative Technology Marketing Wireframes Branding/Design Backend Social media Personas Content strategy Presentation layer Email Userflows Look and feel Moving parts SEO/PPC Deep structure Requirements Your Facilitation Site Analysis Documentation UX + IA + Creative + Technology + Marketing = Things. twitter.com/lauriekalmanson | page 1 of 31
  2. 2. Businesses and users each have goals. Business Goals Business Goals and User Goals Happily Interacting User Goals Build sites, apps and products so they meet them, together. twitter.com/lauriekalmanson | page 2 of 31
  3. 3. Do you know who your users are? Personas are narratives describing users, needs and goals. twitter.com/lauriekalmanson | page 3 of 31
  4. 4. Learn about their needs and goals. Age Age Age Age Occupation Occupation Occupation Occupation Income Income Income Income Profile Profile Profile Profile User research + personas and narratives = requirements twitter.com/lauriekalmanson | page 4 of 31
  5. 5. How do your users connect? What do their Who are the How deep? social networks influencers? How broad? look like? Followers? Do they use apps? Mobile? Facebook? Twitter? Websites? twitter.com/lauriekalmanson | page 5 of 31
  6. 6. What do your users need? Needs Needs Needs Needs Repair shop Travel Answers, Lots of black for flying reservations now clothes cars Are your users online for fun? Shopping? Work? twitter.com/lauriekalmanson | page 6 of 31
  7. 7. How do you work? Waterfall? Agile? What do people mean when they discuss these processes? twitter.com/lauriekalmanson | page 7 of 31
  8. 8. Processes shape deliverables. Agile can be chaotic. Waterfall can be rigid. And vice-versa. twitter.com/lauriekalmanson | page 8 of 31
  9. 9. And things are not always as they seem ... users don't always know their needs twitter.com/lauriekalmanson | page 9 of 31
  10. 10. After you know the rules, break them. Learn the manual, throw it away -- and build to your needs. twitter.com/lauriekalmanson | page 10 of 31
  11. 11. Build the bridges you need ... ... with the right materials for you, your team and your users twitter.com/lauriekalmanson | page 11 of 31
  12. 12. And don't build igloos on beaches... ... unless you're doing conceptual art or something twitter.com/lauriekalmanson | page 12 of 31
  13. 13. Idioms can be old or new ... "Close "Stand "Wait the light" on line" on line" Grandma? Is that you? New York CIty dialect Will users wait for you? "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 ... and websites have idioms, too twitter.com/lauriekalmanson | page 13 of 31
  14. 14. 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 twitter.com/lauriekalmanson | page 14 of 31
  15. 15. 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 15 of 31
  16. 16. Multi-state idioms are replacing pages... Pages or states? Is your site static or dynamic? http://www.thenetawards.com/ ... partially because they are more immersive twitter.com/lauriekalmanson | page 16 of 31
  17. 17. Checking in is totally immersive... 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 ... until it isn't. twitter.com/lauriekalmanson | page 17 of 31
  18. 18. What is an immersive user experience? People know it when they see it ... people dive in, stay, and come back after they leave twitter.com/lauriekalmanson | page 18 of 31
  19. 19. How do you make your things like that? Persona Requirements Start by thinking of the user User path Wireframe ...putting users first makes your things successful twitter.com/lauriekalmanson | page 19 of 31
  20. 20. Deliverables: User flow > processes Alarm Sleep +5 minutes clock Sleep +30 minutes Get out of bed Snooze Get alarm dressed Catch Miss flight flight How many paths can users take? twitter.com/lauriekalmanson | page 20 of 31
  21. 21. Find a black sweater: where is "start?" User paths for e-commerce How would you do it? How would someone else? twitter.com/lauriekalmanson | page 21 of 31
  22. 22. Organizing people across places Community Action Find places, find events, find people twitter.com/lauriekalmanson | page 22 of 31
  23. 23. Less is more ... use white space ... b2b ... make your calls to action impossible to miss twitter.com/lauriekalmanson | page 23 of 31
  24. 24. What a long strange trip it's been ... Yahoo.com, in the year 2000, and today ...and change is the only constant twitter.com/lauriekalmanson | page 24 of 31
  25. 25. Change x Change = the Future 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 ... what's the next new thing? twitter.com/lauriekalmanson | page 25 of 31
  26. 26. Online users today: Top 5 sites Google, Facebook, YouTube, Yahoo and Windows Live are the Top 5 sites, worldwide ... search, news, social networking and rich media ... delivered simply According to Internet World Stats which compiles data from the Census and clearly 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. ... what's the next new thing? twitter.com/lauriekalmanson | page 26 of 31
  27. 27. UX Deliverables: Rich media storyboard Scene 1 Scene 2 Wireframe Wireframe Document rich interactions by Caption Caption defining and mapping one key frame at a time Scene 4 Scene 5 Wireframe Wireframe Caption Caption ... think through complex interactions step by step twitter.com/lauriekalmanson | page 27 of 31
  28. 28. UX Deliverables: Rich media wireframe This is the "home" frame of a complex interaction design Each sphere has its own interactions. This is the key frame. twitter.com/lauriekalmanson | page 28 of 31
  29. 29. UX Deliverables: Website homepage Login Logo Top Nav Search Logout Call to Action < promo area > Call to Action News items Marketing items Personalization items Wireframes show the entry points ... and describe the doors twitter.com/lauriekalmanson | page 29 of 31
  30. 30. UX & IA Deliverables + Website Teams Sitewide UX | IA Login Logo Top Nav Search Logout Creative Team Tech Strategy Call to Design, images Multimedia tools; CMS Action tools for authors < promo area > Call to Content Strategy Action Marketing Team Tech + Content Who are the authors, Who owns the What are the needs? editors, publishers? messaging? News items Marketing items Personalization items Who owns the pieces of the project, and the deliverables? twitter.com/lauriekalmanson | page 30 of 31
  31. 31. Love:Value More love = more value twitter.com/lauriekalmanson | page 31 of 31