what works for the web

20

Upload: genevieve-howard

Post on 04-Jul-2015

74 views

Category:

Education


0 download

DESCRIPTION

Presentation for non-web-developers on best practices for websites

TRANSCRIPT

Page 1: What works for the web
Page 2: What works for the web

IntroductionWho

• Audience

What

• Message

Why

• Credibility

How

• Writing for the web

• Effective images

Page 3: What works for the web

What don’t people do on the web?

• F for fast.

• Read.

• They scan instead.

Page 4: What works for the web

What does it mean for us?

• Provide content that can be scanned.

• Avoid: “walls of text.”

• Think: “at a glance.”

• White space

• Subheads

• Bullets

Page 5: What works for the web

What do people do on the web?

In order of popularity

• Email

• Search

• Get news

• Buy products online

• Use social media

www.visioncreation.co.uk

Page 6: What works for the web

Who is it for?

• Know your audience.

Page 7: What works for the web

What do you offer?

• Information and news

• Education and instructions

• Entertainment

• Social connection

• Products and services

Page 8: What works for the web

Why your site and not another?

• Credibility

• Trust

• Quality

• Rapporthttp://www.nateshivar.com/photos/

Page 9: What works for the web

Readability

• Simple: 5th to 8th grade reading level

Page 10: What works for the web

Writing style

• Clear: avoid jargon!

“We're reaching out to leverage our ability to offer solutions. This low-hanging fruit is a game-changer, a no-brainer and a win-win situation. Let's touch base and take it to the next level!”

“The exploitation of disciplinary boundaries may be seen as the authentication of localized small-group cultures.”

Page 11: What works for the web

Prioritize your information

Page 12: What works for the web

“Happy talk must die.”—Steve Krug

• Don’t focus on how great you are with vague terms (“the best”) and self-congratulatory promotional writing.

• Specify what makes you great!

– Facts and stats

– Stories

– Real-world problems you solved

Page 13: What works for the web

Consequence of difficulties?

Page 14: What works for the web

Images

• Do they tell a story?

• Avoid clutter!

• Images needs to be compelling, distinctive, unusual, beautiful or eye-catching

Page 15: What works for the web

Images should be compelling

Photo by Kyle Spradley

Page 16: What works for the web

In contrast

thebittenword

Page 17: What works for the web

Images can be unusual

Photo by Steven Depolo. Photo Illustration by Aaron Duke

Page 18: What works for the web

Or beautiful

Photo by Kyle Spradley

Page 19: What works for the web

In conclusion

• Respond to your audience

• Understand your own message

• Affirm people’s trust

• Write for the web

• Use the strongest photos you can—or none at all if you only have weak ones

Page 20: What works for the web

Thank you!

Genevieve [email protected]

Work web: cafnr.missouri.edu

Personal web: genevievehoward.com

Twitter: @HowGen