Amazon, Ebay, Google, Apple, all avoid reverse text.
Consumer products“How it works”Location, statistics, etc. Skype
Letting go of the words – an overview
Letting Go of the Words – An OverviewPart 1<br />IswaryaMurali<br />12th March, 2010<br />
Importance of Writing Good Content<br />Communicate with the Audience<br />Focus on Essential Messages<br />Designing Web Pages for Easy Use<br />Tuning up your Sentences<br />Effective Use of Illustrations<br />Press Releases<br />AGENDA<br />
Importance of Writing Good Content<br />“66% of visitors don’t rarely –if ever – return to a site once they’ve had a bad experience.”<br />People come to websites for specific goals to <br />(i) get tasks done <br />(ii) to find answers <br />They ‘skim’ through content to find information.<br />Usability Tests<br />Test early<br />Test often<br />Test small (iteratively)<br />
List your audience and gather information about them<br />List major characteristics – what is each visitor looking for?<br />Difference in experience, emotions, technology, knowledge, values, demographics, etc.<br />Create ‘personas’ and have them in mind while designing and writing content.<br />Use sample scenarios<br />Communicate with the Audience<br />
Focus on Essential Messages<br /><ul><li>Start with the key point. Write in an Inverted Pyramid Style that matches readership</li></ul>Main Point<br />Supporting information<br />History and background<br /><ul><li>Give the audience only what they need
At the same time, don’t leave out what is essential to be clear</li></li></ul><li>Focus on Essential Messages<br />Make text easy on the eye <br />Large paragraphs and blocks of text ×<br />Unnecessary technical jargon ×<br />Asterisk/Footnotes ×<br />Lists and bullets <br />Market by giving useful information<br />Web is essentially a “pull” technology, when compared to traditional marketing<br />Take advantage of “marketing moments” – after the visitor is partially satisfied.<br />For instance, after a really useful/impressive piece of information direct them what to do next<br />Case study in Usability Testing shows that all participants preferred bullet points<br />
Focus on Essential Messages<br />Layer from an information page to more pages<br />Layer from brief description to the full article<br />Layer from part of the page to a short explanation<br />Pathway Page: Scan, select and Move on<br />Information Page: scan and get information<br />Home<br />Other information page – more details<br />Other information page – more details<br />
Designing Web Pages for Easy Use<br />Design consistency across the site:<br />Elements such as Company name, logo, Search box, segregation of header and text, navigation menus – should follow the same pattern across the site<br />The entire site should have the same design and alignment (for instance, placement of images, header, menus, colors)<br />Integrate content and design from the beginning<br />Make various page elements ‘obvious’ <br />Use templates for each ‘page type’<br />
Designing Web Pages for Easy Use<br />Working with specific page elements – Do’s: <br /><ul><li>Use active spacing for Titles, between lists and bullets, introductory paragraphs, etc. – to make it stand out.
Choose a Sans Serif font and the right font size (if possible let visitors adjust text size)
Choose colors wisely – taking into account cultural and other factors.
Use fluid layouts, with medium line lengths. </li></li></ul><li>Working with specific page elements – Don’ts:<br /><ul><li>Avoid false bottoms/horizontal lines at the end of the page – test in different resolutions
Don’t let headings float – align them closer to the paragraph they ‘head’ than to the previous paragraph.
Avoid centered text, all upper case text, underlining and italicizing too much.
Don’t use unnecessary text such as “Click here to know..” Underlined text is self explanatory as a link
Avoid ‘big words’ – always try to talk in the words of your user.
Don’t put action into the nouns; use verbs</li></ul>Tuning up your Sentences<br />
Types of pictures<br />Picture of exact item<br />Picture to illustrate process or concept <br />Chart/graph/map<br />‘Mood’ picture <br />Effective Use of Illustrations<br />
Effective Use of Illustrations<br />General guidelines<br />Don’t distract the audience with an abstract picture<br />Support, don’t hide content<br />Differentiate content from ads<br />Avoid blinking, rolling ads<br />Don’t make people wait for Flash/animation<br />Use animation only when absolutely necessary<br />In pictures of people, show diversity<br />
Break into sections with bold headings<br />Use short paragraphs, lists, bullets, graphics<br />Give relevant links to additional information<br />Indicate persons to contact, email, etc.<br />Press Releases<br />