10 Tips for building a better Website

Slides:



Advertisements
Similar presentations
Communicative Writing Week 8 MMC120 Instructed by Hillarie Zimmermann MMC120 Instructed by Hillarie Zimmermann.
Advertisements

Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Writing for the web Web Authors Group Meeting 20 November 2003.
Writing for the web Jo Spiller & Ross Ward Learning Technology Section College of Medicine and Veterinary Medicine University of Edinburgh.
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.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
Module Code CT1H01NI: Study Skills For Communication Technology Lecture for Week Autumn.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
CREATING AND SHAPING Web Page Design Chapter 2. Text Matters  Even though when thinking about building Web pages people think of design first, the heart.
Blogging Webinar LEARN THE BENEFITS OF BLOGGING & HOW TO GET STARTED!
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
STANFORD UNIVERSITY INFORMATION TECHNOLOGY SERVICES A Book Review of Letting Go of the Words by Janice (Ginny Reddish) DDD Self –Directed Time January.
Online Copywriting eMarketing: The Essential Guide to Online Marketing
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Research Skills for Your Essay Where to begin…. Starting the search task for real Finding and selecting the best resources are the key to any project.
10 Tips for building a better Website Making Web sites involves three very different kinds of skill—technical, visual, and editorial—and the three must.
LB160 (Professional Communication Skills For Business Studies)
By Vicky Vickers Summarized by Mr. Parslow Webpage Design.
Section 2 Effective Groupwork Online. Contents Effective group work activity what is expected of you in this segment of the course: Read the articles.
Thinking Web > CONTENT DEVELOPMENT
Section 6.1 Section 6.2 Write Web text Use a mission statement
Why Peer Review? Rationale #4
Finding Magazine & Newspaper Articles in a Library Database
LEARNING SERVICES. LEARNING SERVICES Learning Resources As a student of Edge Hill University you have a wealth of resources available to help you complete.
PeerWise Student Instructions
Accessible materials.
Finding Scholarly Articles in a Library Database
Westmidland Websites Birmingham Office
Section 7.1 Section 7.2 Identify presentation design principles
INTRODUCTION TO TYPOGRAPHY DESIGN
L A B E L Marina Karapetyan.
PowerPoint: Tables and Charts
Possible texts for writing
Year 7 E-Me Web design.
First-Year Writing Portfolio Project
ENGLISH TEST 45 Minutes – 75 Questions
keys to STRONG graphic design
Session 8 Exam techniques
Getting the Word Out: How to Write a News Release
INTRODUCTION TO TYPOGRAPHY DESIGN
Writing for the Web.
New PowerPoint Template
MicroSoft Word 2007 The purpose of this PowerPoint presentation is to show you some of the major differences in Word 2007 from the version we had here.
VERBS AND VERB TENSE.
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Corporate Web Development Training:
INTRODUCTION TO TYPOGRAPHY DESIGN
New PowerPoint Template
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Writing for online/mobile
INTRODUCTION TO TYPOGRAPHY DESIGN
Writing for Communication on the Web
ICT Communications Lesson 4: Creating Content for the Web
Inspired by the Center for Teaching and Learning
Usable Content.
Homepage and taglines.
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Cornell Notes Note-taking strategy that will
Elements of Effective Web Design
Tips on good web site Design
Designing Pages and Documents
INTRODUCTION TO TYPOGRAPHY DESIGN
TEST TAKING STRATEGIES: Reading Strategies
INTRODUCTION TO TYPOGRAPHY DESIGN
Accessibility Guide.
Lecture 1: General Communication Skills
Reading and effective note-making
INTRODUCTION TO TYPOGRAPHY DESIGN
Presentation transcript:

10 Tips for building a better Website Making Web sites involves three very different kinds of skill—technical, visual, and editorial—and the three must work together, which is why it is so difficult. So, here are my 10 tips.

1. Start at the bottom When we're planning a new Web site, we tend to start by thinking what will go on the homepage, then decide what goes into the next level, and so on down. I suggest you do it the other way round. Start at the bottom and work up. If your homepage introduces everything that is in the site, how can you decide what to put on it before you have decided what should be in your site? Plan your pages and the sections or categories you are going to put them in, then write the pages and finally write the home page with all the contents in mind.

2. Break up your information A Web site that my company worked on recently had a lot of information on very few pages. The information was there; it just wasn't very easy to find. When we broke the pages into smaller chunks and put them on different pages with more specific headings, the site appeared to be richer. The information was much the same as before, but it was easier to find the particular bit you wanted. I think users prefer clicking to scrolling, in other words moving laterally rather than vertically, and they want the task made easy. Breaking up information makes more work for the writer or editor, but there is not much point having lots of useful information "somewhere" in your site if the user can't find it.

3. Lead users to what they want If users are to find what they are looking for, and not waste time reading information they are not interested in, they need to be led step by step to what they want. For the writer, this means offering choices—and not too many—that make sense to the user, narrowing the range at each step, so that the user does not have to read pages that do not interest him. It means giving the specific information—an article, for example—a heading on the page, summarizing it on the page above, headlining it on the page above that and putting it in one of the sections or categories that appear in the main navigation. Again, the writer needs to think from the bottom up, so that the user can find his way from the top down. Writing summaries, headlines, and links are essential Web writing skills.

4. Keep the navigation simple Users are easily confused, so make the navigation as easy as you can. This mean using terms that the user will immediately understand. One of the problems that commercial Web sites have is that promoting the brand names of their products conflicts with making their Web sites easy to navigate. Users should not need to know the brand names of, for example, a range of suitcases before they can look for one that is the size or type that they want. The words used for top-level links should be generic terms. They should also in many cases be the same as the terms used in other Web sites. "About us" might not be your first choice for a phrase to label the section describing your organization, but it is understood by everyone, which is a big advantage. If you try to be clever and use something different, you simply add to the potential confusion.

5. Anticipate users' questions A Web site exists, or should exist, to answer users' questions. In the perfect Web site, as soon as a question arises in the user's mind there will be a link to provide the answer. We may never achieve perfection, but if our starting point is always the user's needs, we can get some way toward it. Links in the text, also known as contextual links, are helpful to users and they should be carefully written to match the main navigation. As far as possible, they should use the same words as the links in the menus. Even small variations can raise a doubt in the user's mind and that doubt may mean the end of the visit. For example, if the link in the menu is "Register," does the link in the text that says "fill in our registration form" lead to the same page? Using the same words for both links gives users confidence that they know where they are going.

6. Make it look easy Your text should look easy to read. However well you write, if you present your readers with a slab of continuous text, you will put them off. Text should be divided into paragraphs of two or three sentences with white space around them. Informative subheadings should be written above your paragraphs to enable a user who is scanning the page to see a list of contents. Columns should be wide enough for the shape of phrases and sentences to be clear, but not so wide as to force the eyes to travel more than half way across the screen to find the beginning of the next line. Text should be in a readable font and in a color that contrasts strongly with the background. Users should be able to alter the size of the font on their computers to suit their own needs.

7. Put your best bits first On the Web, writers need to be more like journalists than academics or novelists. Given that users are impatient, and have many other options if your Web site doesn't give them what they want, it pays to put your most important information at the top, where users are likely to look first. This is often referred to as the "inverted pyramid" style of writing, in contrast to academic writing, which conventionally put the conclusion at the end and was described as a pyramid. Journalists put the latest and most important information first and then go on to give detail, background information, and explanation. If Web writers do the same, users can decide straight away whether a page is what they are interested in and not waste time reading to the end to find out.

8. Use more verbs The Web requires concise writing because users don't want to waste time. As a general rule, choosing a verb rather than a noun to convey your idea produces a more concise sentence. Rather than using the noun "investigation," as in "carry out an investigation," why not just "investigate"? Nouns often require linking phrases, such as "in terms of" or "with regard to" that make your sentences verbose. Rather than talking about "the date of inheritance with regard to the property," say "the date you inherited the property." The Web requires dynamic writing because users are active. Much of what you write on a Web site is aimed at offering the user choices of action, so your words need to embody that dynamism, as in "Find out," "Read about," "Buy online," and so on.

9. Check your style If users of Web sites are easily confused, writers can help them by using words as consistently as possible. There are many reasons for having a style guide—identity, ethics, professionalism—but nearly all involve consistency. Consistency is perhaps even more important on a Web site than in print, because users move quickly from one page to another in no particular order. They are easily thrown by inconsistencies in terminology, spelling, and presentation. It's probably not a good idea to draw up a style guide from scratch: You may never finish the job. Several respected media organizations publish their style guides. Choose one of them and adapt it to your needs, adding style points of your own as questions arise or inconsistencies are spotted.

10. Write with search engines in mind Writing for the Web is about writing both for users and for searchers. I start from the assumption that it is in the interest of search engines to produce accurate and informative results, which should mean that technical sleight of hand that brings no benefit to users will not work in the long run. So writing for searchers means using words and phrases they are likely to enter into a search engine to find your site. This is more likely to work if each page has distinctive content that is reflected in the title of the page (<title> in HTML), the <description> in the metadata, and to a lesser extent the key words and phrases, <keywords>, in the metadata. Your links, which tend to attract the attention of search engines, should be informative rather than mechanical—avoid "click here"—and if possible contain important words and phrases.