creating a positive experience for your website visitors
DESCRIPTION
TRANSCRIPT
![Page 1: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/1.jpg)
Creating a Positive Experience for your Website Visitors
Lisa SpitzPrinciple, Lisa Spitz DesignURL: lisaspitz-design.com
![Page 2: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/2.jpg)
About Me
• B.A. Graphic Design & Psychology, Regis College, Weston MA
• M.Des. Interaction Design, Carnegie Mellon University, Pittsburgh PA
• Consultant for Institute of Human Center Design site: URL: “http://humancentereddesign.org/”
• Consultant for Accessing Safety Initiative site: URL: “http://accessingsafety.org/ “
• Director of Design, CAST, Wakefield MA
• Principle, Lisa Spitz Design
![Page 3: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/3.jpg)
Workshop Goal
• Meet Jane, an amputee and survivor, in need of help• Define Jane’s Journey• Introduce the concept of User Experience Design• Plan and design Jane’s ideal website experience
![Page 4: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/4.jpg)
Meet Jane
![Page 5: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/5.jpg)
Jane is…
• Jane is an amputee.• She lives in New York city with her
6-year-old daughter and spouse. • Her spouse was recently jailed,
but will soon be released. • This is NOT her first incident of violence.• She is increasingly concerned for their safety.• She don’t know where to begin, but sits down to
her computer – because now is her chance to bring herself and her daughter to safety.
![Page 6: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/6.jpg)
Activity
• Imagine YOU are Jane.• What will you do next? An online search?• What keywords do you use?• What are you looking for?
![Page 7: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/7.jpg)
Jane’s Journey
![Page 8: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/8.jpg)
Journey Map
![Page 9: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/9.jpg)
User Experience Design
![Page 10: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/10.jpg)
What is User Experience?
• "User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products.”
Nielsen Norman GroupURL: “http://www.nngroup.com/about/userexperience.html”
![Page 11: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/11.jpg)
The User Experience Honeycomb
User Experience Design by Peter Morville: URL: “http://semanticstudios.com/publications/semantics/000029.php”
![Page 12: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/12.jpg)
Back to Jane’s Journey Map…
![Page 13: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/13.jpg)
Jane’s Ideal Website Experience
![Page 14: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/14.jpg)
Design Thinking
• What is the experience we’d like to create for Jane?– Step 1: Learn more about Jane– Step 2: Define Jane’s ideal experience– Step 3: Prioritize your site content (for Jane!)– Step 4: Learn how other sites are doing it
![Page 15: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/15.jpg)
Step 1: Learn more about Jane
![Page 16: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/16.jpg)
Activity (2) – 10 Minutes
• Imagine, again, that you are Jane.• What else you think Jane is thinking, feeling, doing while
researching online.• Tell a story about Jane: Who, What, Where, When, Why,
and How?
![Page 17: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/17.jpg)
Step 2: Define Jane’s ideal experience
![Page 18: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/18.jpg)
Activity (3) – 10 minutes• Now think about your own organization and goals.• What you want Jane to feel as a result of coming to your
website. (Choose an adjective)• What qualities or experiences embody that adjective
and why?
![Page 19: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/19.jpg)
Step 3: Prioritize your site content
![Page 20: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/20.jpg)
Activity (4) – 10 Minutes
• Now think about your own website.• What elements of your website will support that
adjective?• How would you prioritize those elements?
![Page 21: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/21.jpg)
Activity (5) – 10 minutes• Design your own website using the materials provided
(paper, pens, etc).• What goes where?• How does it differ from your current site?
![Page 22: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/22.jpg)
Step 4: Learn how other sites are doing it
![Page 23: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/23.jpg)
Activity (6) – 10 Minutes• Let’s look at some other websites.• What is working well / not well for Jane and based on your
adjective?
![Page 24: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/24.jpg)
Closing
![Page 25: Creating a Positive Experience For Your Website Visitors](https://reader035.vdocuments.mx/reader035/viewer/2022062511/54c2b28d4a7959026e8b45c3/html5/thumbnails/25.jpg)
What’s your big takeaway?
• Anything unexpected or uncomfortable?• Anything new and different?