the many-tentacled beast or, what I’ve learned about UX so far
Hi, I’m  Michael Seidel & I’m an  Information Architect
 
 
 
 
 
 
LOOK FAMILIAR?
Here’s where things got good My mentor (& savior of my professional life) Taught me UX methodologies Rigor How to really l...
When doing tech comm work, I realized  I was writing to my audience, but I’d never talked to, met, or learned from an actu...
An “Audience” is not a person.
then she left (the company)
I took over  as UX Lead
 
 
UXers = diverse backgrounds Mike K. Painting | Web Design Manager | UX Architect Corey P. Management Systems | Software En...
UX is an umbrella term <ul><li>Accessibility </li></ul><ul><li>Content strategy </li></ul><ul><li>IA </li></ul><ul><li>Int...
Labels are meaningless The work is what matters   (and I only have 45 min to talk)
Peter Morville’s UX honeycomb
How I see it <ul><li>MEET thy user </li></ul><ul><li>Be empathetic </li></ul><ul><li>Balance user needs with business goal...
IA What do I do?
Cardsorting
Cardsorting <ul><li>Helps identify trends: </li></ul><ul><ul><li>How should information be grouped? </li></ul></ul><ul><ul...
What you need <ul><li>Users! </li></ul><ul><ul><li>Groups or individuals </li></ul></ul><ul><ul><li>15-20 is ideal 1 </li>...
… and probably a few of these afterwards (they’re very large beers)
Wireframing Source:  http://www.flickr.com/photos/theoxygenated /6087880415/in/pool-1070674@N20/
Wireframes <ul><li>“ Blueprints” </li></ul><ul><li>Shows arrangement & flow sans visual distraction </li></ul><ul><li>Easi...
Tools <ul><li>Whiteboards </li></ul><ul><li>Sheets of paper </li></ul><ul><li>Omnigraffle & Axure </li></ul><ul><li>Countl...
A couple other IA deliverables
Sitemap Source:  http://www.avermedia.com/avertv /aboutus/AboutUs.aspx?Id=25
Userflow Source:  http://www.flickr.com/photos/doos /4157672097/sizes/l/in/photostream/
Examples good & bad
 
 
I Do other stuff, too
Usability testing Source:  http://www.flickr.com/photos/witflow /5936042599/sizes/l/in/photostream/
Encourage  stakeholder observation (Creeeepy!)
<ul><li>Formal </li></ul><ul><li>testing </li></ul>!
 
<ul><li>Guerilla </li></ul><ul><li>testing </li></ul>!
<ul><li>Not  this </li></ul>
<ul><li>this </li></ul>
<ul><li>But truthfully  </li></ul><ul><li>it usually </li></ul><ul><li>looks like </li></ul><ul><li>this </li></ul>
<ul><li>Remote testing </li></ul>!
 
<ul><li>UX without testing = strategic experimentation  </li></ul>
Deliverables <ul><li>Usually a formal report </li></ul><ul><ul><li>Executive summary (showstoppers) </li></ul></ul><ul><ul...
Deliverables <ul><li>Stakeholder results meetings </li></ul><ul><li>Collaboration </li></ul><ul><li>More testing </li></ul>
Heuristic evaluation
Nielsen’s 10 heuristics <ul><li>Visibility of system status </li></ul><ul><li>Match between system and the real world </li...
How technical writing prepared me for UX
Tech writing    UX <ul><li>99% of what I do is communication </li></ul><ul><ul><li>Be clear </li></ul></ul><ul><ul><li>Be...
Come to mkeux.com!
twitter:  @michaelseidel &  email:  [email_address] & web:  mkeux.com
 
Upcoming SlideShare
Loading in …5
×

The Many-Tentacled Beast

1,171 views

Published on

A presentation I gave to the Milwaukee chapter of the STC on Oct 12, 2011. It's more or less a high-level overview of User Experience.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,171
On SlideShare
0
From Embeds
0
Number of Embeds
201
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • English degree. Loved fiction. Had no idea what I wanted to do.
  • Did internship. Fell in love with brevity.
  • Graduated – what next?!
  • Work abroad
  • Moved to Chicago, was unemployed, worked the crappiest job of my life in a lawfirm for 3 years. Hated life.
  • Carousing and age-appropriate stuff
  • Decided to move back to Milwaukee. Tech writer at Trisept Solutions – La Macchia, owns Funjet. Having had internship there didn’t hurt things!
  • A year in, had a good, supportive manager Didn’t know anything about UX Let me mentor under Deb Deb trusted my abilities and honed my intuition
  • You can empatheize with a vague concept. Need to get out there and talk to people
  • Way to learn more and connect people interested in UX
  • Mike K moved to start up a UX team Got me and several others Very different industry – scary We’ve been able to be professionals Define what UX is.
  • Sometimes I even them mixed up Kind of a “hot” term now
  • Good overview of the considerations a UX person deals with
  • These are the things we do
  • Fights guesswork Lets users tell biz what’s important Sets priority
  • Mentally taxing, especially as facilitator – always thinking of next move
  • This is an example of a wireframe
  • Blueprints is easiest way of describing to stakeholders/non-UX “ I don’t like how how you used blue there” – any color/visual becomes focal point and a distraction. Based on meetings w/ dev &amp; biz and UX, can make changes quickly, easily, cheaply Put in front of users.
  • Talk about our collaboration process Importance of sketching Move on to apps for high-fi deliverables, show interactions ANNOTATIONS
  • Hierarchical. Shows how information and content sections are structured and related.
  • Illustrates the interconnectedness How a user could flow through site
  • WHAT A MESS! What is the priority? What’s important? Where should I go first? Not even an about.
  • Done by Lightburn Did cardsorting w/ groups of students and faculty Based design on cardsorting
  • Create script with realistic scenarios Can focus on flow or just findability (or anything, really) Facilitator/Notetaker
  • Seeing is believing. Record sessions. Amazing results – really eye opening!
  • - Lab setting - Formal - One-way mirror w/ observers Testing script Observers on site behind 1 way mirror or remotely (Morae) Dangers Sterile Artificial setting Users feel on the spot Expensive
  • - Amazing and cheap way to get feedback. Tell story of how we did this Org was glad to have feedback w/o formality of lab Use social media to recruit Software for mac – Silverback Con: Prop easier to organize for consumer-facing than biz apps/sites
  • Can test people anywhere, anytime No travel or lab expenses Con: - Can’t see facial expressions - Possible tech glitches
  • - UX people know their shit - Lots of standards, patterns, best practices Still, no well of telling if all the pieces are put together right unless product gets tested Like testing drugs. And like drugs, UX can still be faulty after it’s released. Continual improvement.
  • Hierarchical. Shows how information and content sections are structured and related.
  • Communication – writing skills important for documenting UX work Read online: Tell story of bullet pts
  • Way to learn more and connect people interested in UX
  • ? And the mysterrians Singer has name legally changed to &amp;quot; ? ,” Never appeared in public without a pair of wraparound sunglasses; Claimed he had been born on Mars and lived among the dinosaurs in a past life, Voices from the future had revealed he would be performing &amp;quot;96 Tears&amp;quot; in the year 10,000. Now THAT’S future-looking!
  • The Many-Tentacled Beast

    1. 1. the many-tentacled beast or, what I’ve learned about UX so far
    2. 2. Hi, I’m Michael Seidel & I’m an Information Architect
    3. 9. LOOK FAMILIAR?
    4. 10. Here’s where things got good My mentor (& savior of my professional life) Taught me UX methodologies Rigor How to really listen
    5. 11. When doing tech comm work, I realized I was writing to my audience, but I’d never talked to, met, or learned from an actual human reader of my deliverables. How messed up is that?
    6. 12. An “Audience” is not a person.
    7. 13. then she left (the company)
    8. 14. I took over as UX Lead
    9. 17. UXers = diverse backgrounds Mike K. Painting | Web Design Manager | UX Architect Corey P. Management Systems | Software Engineer | UX Lead Gretchen T. Communications | Project Manager | UX Strategist
    10. 18. UX is an umbrella term <ul><li>Accessibility </li></ul><ul><li>Content strategy </li></ul><ul><li>IA </li></ul><ul><li>Interaction design </li></ul><ul><li>Usability </li></ul><ul><li>UX design </li></ul><ul><li>The list goes on. Even I get confused. </li></ul>
    11. 19. Labels are meaningless The work is what matters (and I only have 45 min to talk)
    12. 20. Peter Morville’s UX honeycomb
    13. 21. How I see it <ul><li>MEET thy user </li></ul><ul><li>Be empathetic </li></ul><ul><li>Balance user needs with business goals </li></ul><ul><li>See the big picture, connect dots, create purpose </li></ul><ul><li>Design work horses, not work unicorns </li></ul>
    14. 22. IA What do I do?
    15. 23. Cardsorting
    16. 24. Cardsorting <ul><li>Helps identify trends: </li></ul><ul><ul><li>How should information be grouped? </li></ul></ul><ul><ul><li>How similar/different are the needs of different user groups? </li></ul></ul><ul><ul><li>How many potential main categories are there? (navigation) </li></ul></ul><ul><ul><li>What should those groups be called? </li></ul></ul><ul><ul><li>Source: http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide </li></ul></ul>
    17. 25. What you need <ul><li>Users! </li></ul><ul><ul><li>Groups or individuals </li></ul></ul><ul><ul><li>15-20 is ideal 1 </li></ul></ul><ul><li>Facilitator & note taker </li></ul><ul><li>3x5 cards or Post-Its </li></ul><ul><ul><li>Terms related to the project </li></ul></ul><ul><li>Audio/video recorder </li></ul><ul><li>Camera to take photos of groupings </li></ul><ul><li>1 Source: http://www.useit.com/alertbox/20040719.html </li></ul>
    18. 26. … and probably a few of these afterwards (they’re very large beers)
    19. 27. Wireframing Source: http://www.flickr.com/photos/theoxygenated /6087880415/in/pool-1070674@N20/
    20. 28. Wireframes <ul><li>“ Blueprints” </li></ul><ul><li>Shows arrangement & flow sans visual distraction </li></ul><ul><li>Easily modifiable </li></ul><ul><li>Can be tested </li></ul>
    21. 29. Tools <ul><li>Whiteboards </li></ul><ul><li>Sheets of paper </li></ul><ul><li>Omnigraffle & Axure </li></ul><ul><li>Countless web-based tools </li></ul>
    22. 30. A couple other IA deliverables
    23. 31. Sitemap Source: http://www.avermedia.com/avertv /aboutus/AboutUs.aspx?Id=25
    24. 32. Userflow Source: http://www.flickr.com/photos/doos /4157672097/sizes/l/in/photostream/
    25. 33. Examples good & bad
    26. 36. I Do other stuff, too
    27. 37. Usability testing Source: http://www.flickr.com/photos/witflow /5936042599/sizes/l/in/photostream/
    28. 38. Encourage stakeholder observation (Creeeepy!)
    29. 39. <ul><li>Formal </li></ul><ul><li>testing </li></ul>!
    30. 41. <ul><li>Guerilla </li></ul><ul><li>testing </li></ul>!
    31. 42. <ul><li>Not this </li></ul>
    32. 43. <ul><li>this </li></ul>
    33. 44. <ul><li>But truthfully </li></ul><ul><li>it usually </li></ul><ul><li>looks like </li></ul><ul><li>this </li></ul>
    34. 45. <ul><li>Remote testing </li></ul>!
    35. 47. <ul><li>UX without testing = strategic experimentation </li></ul>
    36. 48. Deliverables <ul><li>Usually a formal report </li></ul><ul><ul><li>Executive summary (showstoppers) </li></ul></ul><ul><ul><li>Detailed findings for data wonks </li></ul></ul>Issue Severity Resolution Stakeholder notes Most of the participants discovered that UX is for suckers. Low Hugs for everyone! Fire the Uxer.
    37. 49. Deliverables <ul><li>Stakeholder results meetings </li></ul><ul><li>Collaboration </li></ul><ul><li>More testing </li></ul>
    38. 50. Heuristic evaluation
    39. 51. Nielsen’s 10 heuristics <ul><li>Visibility of system status </li></ul><ul><li>Match between system and the real world </li></ul><ul><li>User control and freedom </li></ul><ul><li>Consistency and standards </li></ul><ul><li>Error prevention </li></ul><ul><li>Recognition rather than recall </li></ul><ul><li>Flexibility and efficiency of use </li></ul><ul><li>Aesthetic and minimalist design </li></ul><ul><li>Help users recognize, diagnose, and recover from errors </li></ul><ul><li>Help and documentation </li></ul>
    40. 52. How technical writing prepared me for UX
    41. 53. Tech writing  UX <ul><li>99% of what I do is communication </li></ul><ul><ul><li>Be clear </li></ul></ul><ul><ul><li>Be concise </li></ul></ul><ul><li>People do read online </li></ul><ul><ul><li>Need to find important info quickly </li></ul></ul><ul><ul><li>Bullet points are our friends </li></ul></ul><ul><li>Documentation attempts to untangle complexity </li></ul><ul><ul><li>Design to minimize documentation </li></ul></ul>
    42. 54. Come to mkeux.com!
    43. 55. twitter: @michaelseidel & email: [email_address] & web: mkeux.com

    ×