making website experiences
DESCRIPTION
A presentation I made for my daughter's career day. I explained what I did to make good website user experiences. Then told them how to make one themselves.TRANSCRIPT
![Page 1: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/1.jpg)
Making Awesome Website Experiences
By Stephen Morrissey
![Page 2: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/2.jpg)
A little bit about me
• I was a communications officer in the US Air Force for 7 years
• I’m a 4th degree black belt
• I lived in Pittsburgh for 7 years, but have always liked the Steelers
![Page 3: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/3.jpg)
What is a website experience?
• Website: “A connected group of pages on the World Wide
Web regarded as a single entity, usually maintained by one
person or organization and devoted to a single topic or
several closely related topics.”
• Experience: “A particular instance of personally encountering
or undergoing something”
![Page 4: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/4.jpg)
What makesa good website good experience?
It is easy (and pleasurable) to accomplish your task
![Page 5: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/5.jpg)
What tasks? Let’s look at some examples…
![Page 6: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/6.jpg)
Planning a vacation
![Page 7: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/7.jpg)
Looking at cute cat pictures
![Page 8: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/8.jpg)
Video game tips
![Page 9: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/9.jpg)
Help with math homework
![Page 10: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/10.jpg)
How do I make a good website experience?
![Page 11: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/11.jpg)
Don’t start building just yet
![Page 12: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/12.jpg)
Interviews
![Page 13: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/13.jpg)
Interviews
• Ask people what they do
• Dig deeper to find out what they really want to do
• Look around their desk / workspace
![Page 14: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/14.jpg)
Audits
![Page 15: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/15.jpg)
Audits
• Look for consistency in text• Electronic mail, Email, E-mail, e-mail, email, mail, etc.
• Re-use patterns• Navigation
• Button placement• OK/Cancel, or Cancel/OK
![Page 16: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/16.jpg)
Experience(mistakes)
![Page 17: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/17.jpg)
Professional Experience
• I’ve been making websites since 1996 (that’s 18 years, or half my life)• Many successes and many failures
• Re-use existing solutions• Checkout experience
![Page 18: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/18.jpg)
How can you make website experiences?
![Page 19: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/19.jpg)
Look for gaps & opportunities
• PayPal• Then: go to bank, withdraw money, give to person
• Now: Send email
• ZipCar• Go to desk, wait in line, reserve by the day, get keys, walk to lot, get car
• Go online, reserve by the hour, get car
![Page 20: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/20.jpg)
Get educated
• Computer programming (build a website)
• Art (pretty website)
• Social Studies (connect to cultures)
• Psychology (understand our brains)
• Business (use the web to make money)
![Page 21: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/21.jpg)
Be awesome
![Page 22: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/22.jpg)
Go make something awesome
• Write your thoughts down
• Read more than you write
• Put words into action and build it
• Demonstrate your passion
![Page 23: Making website experiences](https://reader033.vdocuments.us/reader033/viewer/2022060202/559b9f011a28ab1e448b47c2/html5/thumbnails/23.jpg)