It's Not About You: Designing for Web
Download as KEY, PDF6 likes2,634 views
The document emphasizes the importance of creating a positive user experience in web and digital media by focusing on the needs and goals of the users. It discusses understanding user context, goals, and obstacles to effectively design content and improve engagement. Key takeaways include building value through experience, leveraging standards, and continuously testing and iterating on website usability.
It's Not About You: Designing for Web
- 1. ITS NOT ABOUT YOU Creating for Web and Digital Media
- 2. Where do you start?
- 3. Brian Solis JESS3
- 4. About 4,200,000,000 pageviews per day Wolfram | Alpha
- 6. You User Provides Needs Content Content “Delightful!”
- 7. What are you serving up?
- 11. “Don’t ask how you can get more traffic, worry about how to make the user experience good.” Kathy Sierra Game Developer & Author Bruce Shields, The Ann Arbor News Create Passionate Users
- 12. USERS CONTEXT User CONTENT Experience
- 13. “The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother.” Jacob Nielsen Usability Researcher & Author
- 14. “Just give me what I want, and no one gets hurt.” The User
- 16. USERS Discover who they are
- 17. USERS • Who are they? • What are their goals? • What’s their experience? • What are their initial attitudes?
- 18. Who are your users?
- 19. Matt Michelle Mark Prospective Parent Teacher Board Member Personas
- 20. When are parent teacher How do I conferences? register my How do I sign up? student? When is What’s it spring like there? break?
- 21. B Pass It On Visit Website A Friend Communication Cycle
- 22. USERS What do you have that they need?
- 25. CONTEXT What’s it like out there?
- 26. CONTEXT • Website objectives • Previous experiences • Time, place, situation • Competition
- 29. Go where the people are
- 30. What are the biggest obstacles for your users?
- 35. Knowing the goals will shape the priorities
- 37. Value Tier Approach Feasibility 45 Authority 25 Currency 20 Popularity 10 Louis Rosenfeld Information Architect, Speaker, Author
- 38. Value Tier Approach Louis Rosenfeld Information Architect, Speaker, Author
- 39. GO Attract Inform Invoke
- 40. “Instead of asking What are we trying to communicate? which implies a one-way conversation... ask How can we facilitate?” David Armano User Experience Specialist & Writer
- 46. USERS CONTEXT User CONTENT Experience
- 47. ITS NOT ABOUT YOU User Experience 101
- 48. Company Leadership Team Website Overseeing Board Producer Producer Content Information Designer Web Master Programmer Sys Admin Editor Architect Author Author Author Ideal Web Team
- 49. Peter Morville Semantic Studios Facets of User Experience
- 51. Genius!
- 55. Page Title http://www.sitename.com/ Google News Home | News | Employment | Contact Us Logo About Us | Academics | Admissions | Schools | Athletics I Want To... Lorem Ipsum Dolor Sit Apply Lorem ipsum dolor sit amet, Visit a school consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut Explore academics laoreet dolore magna aliquam. Learn about scholarships Read More > Find a teacher Sign up for classes Registration Day August 20, 2009 Image Image Image Lorem ipsum dolor sit, consectetuer adipiscing Lorem Ipsum > Dolor Sit Amet > Consectetuer Elit > elit, sed diam nonummy Lorem ipsum sit amet, Lorem ipsum sit amet, Lorem ipsum sit amet, nibh euismod tincidunt ut Image consectetuer adipiscing elit, sed consectetuer adipiscing elit consectetuer adipiscing elit, laoreet dolore magna diam nonummy. adipiscing elit, sed diam sed diam consectetuer aliquam erat volutpat. Read More > nonummy. adipiscing elit nonummy. Read More > Read More > Read More > Join Us! Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. Read More > © School Name 1-800-555-1212 | Sitemap | Privacy Policy | Contact Us
- 56. Page Title http://www.sitename.com/ Google News Home | News | Employment | Contact Us Logo About Us Academics | Admissions | Schools | Athletics In This Section • History About Us • Our Phhilosophy • Leadership • Lorem Ipsum • Dolor Sit << Image >> • Amet Consecteteur "Lorem ipsum dolor amet, consectetuer Company History Featured Event adipiscing elit, sed Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetuer adipiscing diam nonummy nibh Image elit, sed diam nonummy ut laoreet. Lorem ipsum consectetuer adipiscing elit, sed diam dolor sit amet, consectetuer adipiscing elit, nonummy ut laoreet. Lorem ipsum euismod tincidunt tincidunt ut laoreet. dolor sit amet, consectetuer laoreet." adipiscing elit, tincidunt ut laoreet. — Satisfied Client Our Philosophy Read More > Lorem ipsum dolor sit amet, consectetuer adipiscing More Testimonials > Image elit, nibh euismod ut laoreet. Lorem ipsum dolor sit Lorem Ipsum amet, elit, sed diam nibh euismod ut laoreet. • Lorem ipsum • Dolor sit amet • Consectetuer adipiscing Leadership • Elit sed diam Lorem ipsum dolor sit amet, consectetuer adipiscing • Nonummy ut laoreet Image elit, sed diam nonummy adipiscing elit, sed diam Contact info and directions > nonummy euismod tincidunt ut laoreet. Corporate Partnerships Lorem ipsum dolor sit amet, consectetuer adipiscing Image elit, sed diam nonummy adipiscing elit, sed diam nonummy euismod tincidunt ut laoreet. Learn More Related Reading Learn More About Us Call us 800-555-1212 •!Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, elit, •!Consectetur adipisicing elit, sed do eiusmod consectetuer elit, sed nonummy. sed diam nonummy. Read More > • Tempor incididunt ut labore et dolore magna aliqua Read More > © School Name 1-800-555-1212 | Sitemap | Privacy Policy | Contact Us
- 59. About Us #k12 #education Use what’s familiar
- 61. Make it easy
- 63. Write for the web
- 64. PageRank A numeric value that represents how important a page is on the 25% Link Popularity 25% Title 10% URL & File Name 10% Heading Text 25% Body Content 5% Images
- 65. Click here Keep it Readable
- 66. TEST, TEST, AND RETEST • Watch people use your website • Don’t be afraid to break it • Fix the problem
- 67. Evaluate and Re-vision It
- 69. CONCLUSION • Build value through experience • Know your audience • Get to the point • Leverage the standards • Challenge yourself
- 70. ITS NOT ABOUT YOU Tips and Resources
- 71. “Don’t make me think!” —Steve Krug Author & Usability Guru
- 83. Thanks! @pablohart http://www.imagegroup.com/
Editor's Notes
- #2: By Paul Hart The Image Group http://www.imagegroup.com/
- #5: This is pretty intimidating. Remember, you&#x2019;re having conversations with YOUR audience. You&#x2019;re speaking to one person at a time.
- #6: We all experience things. How you feel about what you&#x2019;re serving up is different than how they feel about it. The person that&#x2019;s taking the food from the kitchen to the table is feeling different than the person who made it. They eat it in 30 minutes. Doesn&#x2019;t take away the effort going into it, but just how are you looking at it?
- #7: Just like the chef, you&#x2019;re proud of what you&#x2019;ve done, but how does the user feel about it? They may encounter your content in a way you didn&#x2019;t intend.
- #8: Is it going to bring the user back?
- #9: Google.com in 1999. Seemed untrustworthy when it first came out. How could something this simple provide valuable content?
- #10: This is what Yahoo.com looked like around the same time. &#x201C;Push&#x201D; mentality.
- #11: Different than the rest. Based everything on making it useful for the user. Simple. Effective. Good content. Am I saying make MSU one big search engine? No, just put the power in the hands of the user.
- #12: When the user develops a passion, they become your greatest advocate. Everything else will follow. Your goal might actually be to have less traffic.
- #13: Discover your users in a way that makes us understand what they want, and how they feel. Content is king. How do we not only give them what they want, but make them feel delighted? What&#x2019;s the context of the user or the content? Where are they, what&#x2019;s the situation, what pressures? Sweet spot. Consider all these things in order to create the best user experience.
- #15: The quicker we can get the user to what they came for, the better. Eliminate distractions and make it easy.
- #16: Good example of keeping it simple. http://istockphoto.com/
- #20: Create a persona for each type of person using your site. What online experience do they have? What are their initial attitudes? What are their goals? How did they get there?
- #21: What questions are your users asking?
- #22: Users have a specific task in mind. Series of hoops for them to get there.
- #23: Key word here is &#x201C;need&#x201D;.
- #24: Example of serving up content in an appealing way.
- #25: Every user comes with an intention, small or large.
- #28: This is typically how we think of our users engaging with the material.
- #29: Users may be &#x201C;on the street&#x201D;. Great example of taking pertinent content and making it available on a specific internet device. Note the top 5 items.
- #30: Integrate these into the site where relevant.
- #32: Good example of a great user experience. Beware: &#x201C;Intuition&#x201D; is not good when it gets in the way of the thing you&#x2019;re trying to do.
- #33: Will it forget my rating? Probably.
- #34: NO! It remembered it. Not only that, but gave me more things I was interested in.
- #35: I followed through and added it to my queue.
- #36: Next step. Checked my queue.
- #38: http://www.louisrosenfeld.com/
- #39: http://www.louisrosenfeld.com/
- #40: Again, we want to get them to their desired task as quickly as possible.
- #41: Take it to the next level.
- #42: When I was buying a shirt, they gave me this. I wanted to do it because it was so cool.
- #43: http://amazon.com
- #44: http://amazon.com
- #45: Discover your users in a way that makes us understand what they want, and how they feel. Content is king. How do we not only give them what they want, but make them feel delighted? What&#x2019;s the context of the user or the content? Where are they, what&#x2019;s the situation, what pressures? Sweet spot. Consider all these things in order to create the best user experience.
- #48: http://semanticstudios.com/
- #50: Large photos of product coupled with prices AND variations.
- #51: http://target.com
- #52: http://charitywater.org
- #53: http://iht.com/
- #54: Ideal homepage includes: Brand consistency, identity, navigation, secondary navigation, overview statement, &#x201C;quick links&#x201D; to top items, featured teasers, changeable area for news and events, footer, photography.