introduction to web writing

Slides:



Advertisements
Similar presentations
Support.ebsco.com EBSCOhost Mobile Tutorial. Welcome to the EBSCOhost Mobile tutorial, a guide to the most popular EBSCOhost features available for use.
Advertisements

Support.ebsco.com Nursing Reference Center Tutorial.
Support.ebsco.com Small Business Reference Center Tutorial.
Support.ebsco.com Legal Information Reference Center Tutorial.
Web Design, Usability, and Aesthetics 3
Web Design, Usability, and Aesthetics 1 Notes from book “Don’t Make Me Think: A Common Sense Approach to Web Usability” by Steve Krug.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Writing for the Web Leslie Hilbert Department of Web Communications Chair, University Web Committee.
Writing for the web Jo Spiller & Ross Ward Learning Technology Section College of Medicine and Veterinary Medicine University of Edinburgh.
Presented by Linda Joiner Technology Specialist, HHMS Spring 2012.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
“Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Eric Schwartz Date : November 6, 2007.
Don’t Make Me Think Steve Krug Dean Steuer MFC 215.
Website Publishing Guidelines How to write website content to optimise traffic.
Web Site Usability: Chapter 3 Billboard Design Summary Notes on Steve Krug Don’t Make Me Think New Riders, 2 nd Edition Ben Hunt Web 2.0 How to Design.
Unstated Requirements And useability 1. Many UI decisions End up being made by the technical development/implementation staff End up being made by the.
Mark Turner Cuesta College Faculty Web Pages: Elegant Design with Students in Mind.
Using the Internet for Work Medline: National Library of Medicine site (PubMed) Medline site Medline site good online help guide + can be downloaded /printed.
“The Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Jeff Wenck Source:
Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.
Sandra A. Rogers University of South Alabama.  “No otherwise qualified individual with a disability …shall, solely by reason of her or his disability,
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Jakob Nielsen’s “Top Ten Guidelines for Homepage Usability” Presented by Oyeniyi Ogunde
Animal Shelter Activity 2.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
Search Engine Optimization (SEO)  Some simple HINTS & TIPS for the Beginner.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
DON’T MAKE ME THINK Ryan O’Mara. Key Ideas  Navigation  Usability  User Tendencies  Design For Users  Testing  Navigation  Usability  User Tendencies.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
User-Centered Design September 14th, Doug Ward, The Centech Group Certified Advanced ColdFusion Developer
CLEAR CONTENT IS KING Sasha Im Web Content Strategist
Web coordinator workshop. Introduction Meet and greet –Who are you and what was the last website you visited? Comms team – here for support + our role.
ACES User Interface Workshop #1 Prototype Inspection 22. November 2011.
Online Portfolios: The New Way to Market Yourself Donna Love & Leslie Martin Gaston College.
1 January 31, Documenting Software William Cohen NCSU CSC 591W January 31, 2008.
Legal Information Reference Center
ECS – Storyboarding and Introduction to Web Design
Making Your Website Shine: Writing for the web and other tips ____________________________________________________ Tonya Moyle, White Whale Web Services.
Academic writing.
The Business Source Databases Advanced Searching
Creating Website Content CS Programming Languages for Web Applications
Navigation CS 4640 Programming Languages for Web Applications
Creating an Account on Wikieducator
Creating Accessible PDFs from Word Docs
Website design Emma Purnell.
Online Portfolios: The New Way to Market Yourself
Wikispaces for Teachers A Guide to Using Them in Your Classroom
Getting started on informaworld™
Krug Chapter 2 How We Really Use the Web and Web Site Design
Welcome to the European Shoemaker e-learning platform introduction
CHAPTER 4 PROPOSAL.
CHAPTER 4 PROPOSAL.
A few tricks to take you beyond the basics of Microsoft Office 2010
Krug Chapter 3 Billboard Design 101 and Chapter 4 Mindless Choices
Writing reports Wrea Mohammed
What is ‘Survey Monkey’?
Information Systems 337 Prof. Harry Plantinga Usability.
Creating Website Content CS Programming Languages for Web Applications
Introduction to RefWorks
YOUR text YOUR text YOUR text YOUR text
Research 101 How to research & tips.
Navigation CS 4640 Programming Languages for Web Applications
CONTENTS     Enter text Enter text Enter text Enter text
Creating Website Content CS Programming Languages for Web Applications
Your title Enter your subtitle Reporting Person:.
Navigation CS 4640 Programming Languages for Web Applications
Presentation transcript:

introduction to web writing Michał Prysłopski

I. Basic rules of web design People don't have time nor interest to read your website — they might at most scan it for a second Even if people read your site they wouldn't try to understand it — they don't consider your website's structure nor design conventions worth learning Good content is everything If people must find information on your website, they will find some surprising way to get it

II. Webwriting guidelines Use informative, straightforward language People won't click just to find out what you meant by some funny phrase Bad idea: „Your colleague's pocket” Good idea: „Check how much people earn” Remember who you are writing for — avoid a natural tendency to use your professional or corporate slang or obscure acronyms Bad idea: „3-day EOTW forecast” Good idea: „Weather for the weekend”

When everything is important, nothing is People expect the Web to be a concise encyclopaedia — no one reads long or ornate texts Bad idea: „The most thorough investigation of the subject of gender-related differences in work environment and effective salary.” Good idea: „The gender gap at work: in-depth review” When everything is important, nothing is Bad idea: „CLICK HERE FOR BEST DEALS!!! *CAR BUYER'S GUIDE *READ MORE ON CARS!!!” Good idea: „*Best deals on cars *Buyer's guide +more on cars”

Add examples wherever possible It is a good practice to use imperative statements like "Enter your salary", "Click when ready" Bad idea: „The rest of the story” Good idea: „Read more” Add examples wherever possible Bad idea: „Enter adjectives describing required car features or options included:” Good idea: „Specify details (red, ABS, leather):”

Conduct usability tests People get interested if they see words "sex", "free" and peoples' names (preferably their own) Bad idea: „A well known orange juice options' dealer finds his way into custody” Good idea: „Jim Balouba arrested” Conduct usability tests

III. Links made easy Links should clearly and permanently stand out from the rest of the text Avoid using words like "click here" — make object names clickable Bad idea: „To see our best offers click here” Good idea: „See our best offers”

If a link leads to some non-html content (PDF, RTF), make it clear: add an icon or at least the format name and preferably the size of the file Bad idea: „Annual report” Good idea: „Annual report (PDF, 1.3MB)” More of what? Bad idea: „*Shirts *Trousers *Socks +more” Good idea: „*Shirts *Trousers *Socks +more garment categories”

IV. Further reading Don't Make Me Think! by Steve Krug Homepage Usability by Jakob Nielsen and Marie Tahir