What works for the web
-
Upload
genevieve-howard -
Category
Education
-
view
75 -
download
0
description
Transcript of What works for the web
![Page 1: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/1.jpg)
![Page 2: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/2.jpg)
IntroductionWho
• Audience
What
• Message
Why
• Credibility
How
• Writing for the web
• Effective images
![Page 3: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/3.jpg)
What don’t people do on the web?
• F for fast.
• Read.
• They scan instead.
![Page 4: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/5.jpg)
What do people do on the web?
In order of popularity
• Search
• Get news
• Buy products online
• Use social media
www.visioncreation.co.uk
![Page 6: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/6.jpg)
Who is it for?
• Know your audience.
![Page 7: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/7.jpg)
What do you offer?
• Information and news
• Education and instructions
• Entertainment
• Social connection
• Products and services
![Page 8: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/8.jpg)
Why your site and not another?
• Credibility
• Trust
• Quality
• Rapporthttp://www.nateshivar.com/photos/
![Page 9: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/9.jpg)
Readability
• Simple: 5th to 8th grade reading level
![Page 10: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/11.jpg)
Prioritize your information
![Page 12: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/12.jpg)
“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](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/13.jpg)
Consequence of difficulties?
![Page 14: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/15.jpg)
Images should be compelling
Photo by Kyle Spradley
![Page 16: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/16.jpg)
In contrast
thebittenword
![Page 17: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/17.jpg)
Images can be unusual
Photo by Steven Depolo. Photo Illustration by Aaron Duke
![Page 18: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/18.jpg)
Or beautiful
Photo by Kyle Spradley
![Page 19: What works for the web](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022042715/559757871a28ab963c8b462c/html5/thumbnails/20.jpg)
Thank you!
Genevieve [email protected]
Work web: cafnr.missouri.edu
Personal web: genevievehoward.com
Twitter: @HowGen