making website experiences

23
Making Awesome Website Experiences By Stephen Morrissey

Upload: stephen-morrissey

Post on 07-Jul-2015

120 views

Category:

Internet


0 download

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

Making Awesome Website Experiences

By Stephen Morrissey

Page 2: Making website experiences

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

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

What makesa good website good experience?

It is easy (and pleasurable) to accomplish your task

Page 5: Making website experiences

What tasks? Let’s look at some examples…

Page 6: Making website experiences

Planning a vacation

Page 7: Making website experiences

Looking at cute cat pictures

Page 8: Making website experiences

Video game tips

Page 9: Making website experiences

Help with math homework

Page 10: Making website experiences

How do I make a good website experience?

Page 11: Making website experiences

Don’t start building just yet

Page 12: Making website experiences

Interviews

Page 13: Making website experiences

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

Audits

Page 15: Making website experiences

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

Experience(mistakes)

Page 17: Making website experiences

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

How can you make website experiences?

Page 19: Making website experiences

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

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

Be awesome

Page 22: Making website experiences

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