New Page 3

Klariti Home Page

Download Templates Online

About Us Free Tools Tips Templates Affiliates Site Map

MS Word template

Creating User-Focused Site Designs

For your site to succeed, arrange the content around the user’s needs.

Many novice web designers underestimate the difficulty in designing an effective site structure, especially one that will be appreciated by novice and experienced users.

We are trained in childhood to retrieve data in certain ways. For example, in libraries we refer to chronological orders, subject categories, and alphabetical listings. We also use these methods to retrieve data on the Internet.

Thus, before any coding starts, gather, sort and organize your content. The more time spent on this, the more success visitors will have on your site.

Card Sorting

Card sorting is a popular ways to organize groups of information. Get a set of blank cards and do as follows:

  • Create cards for all topics on the site. For example, on a sport site, create cards for Football, Basketball, and Hockey etc.

  • Sub-divide these categories into Leagues, Players, and Venues and so forth.

  • Label these and cross-reference cards that overlap.

  • Create the optimum navigation structure based on your cards.

  • Test it by performing mock tasks, such as how do I find information on Tiger Woods between 1999-2001.

Flowcharts
Use these to outline the site structure, identify pages, navigation paths and content labels. Flowcharts offer an advantage in that everyone in the development process can see the site’s structure and make suggestions to alter or delete sections where necessary.

Breakdown Each Page

For each section, prepare an itemized list of contents. Include all text, images, sounds, video clips, audio clips, applets and downloadable items. List all links and their destination pages.

Separate links which appear on all pages from those appearing on specific pages only. Use Excel or Word to create this list as you can use color-codes for reference.

By breaking down each page, you also clarify each pages objectives and role.

Design for Breadth
Usability research shows that users get disorientated after the third level of depth on a site.

Therefore, help users find content within three clicks. If you can’t achieve this with the current design, start again — the rewards will be worth the efforts.


Biz Templates: Proposal Template  Project Management  Employee Handbook  Procedures Business Case Process Design

IT Templates: Software Development  Testing Templates  Training Plan  User Guide Change Management Plan

Sales Templates: White Paper Case Study Business Plan Marketing Plan Cost Benefit Analysis Action Plan

$ 9.99: Acceptance Test Plan  Design Document  Requirements  Test Plan  Feasibility Study Risk Management Plan


Ads

Follow me on Twitter  Facebook  YouTube

T e m p l a t e   S h o p


Software Development Templates

T e m p l a t e   S h o p

Acceptance Test Plan

Acquisition Plan

Action Plan

Audience Analysis

Availability Plan

Bill of Materials Template

Business Case

Business Continuity Plan

Business Plan

Business Process Design

Business Requirements

Business Rules

Capacity Plan

Case Study Templates

Change Management Plan

Communication Plan

Concept Proposal

Configuration Management Plan

Conversion Plan

Concept of Operations

Cost Benefit Analysis

Data Sheet Template

Database Design Document

Deployment Plan

Design Document

Disaster Recovery

Documentation Plan

Employee Handbook

Error Message Guide

Expression of Interest

Fact Sheet Template

Feasibility Study

FAQ Template

Functional Requirements

Grant Template

Installation Plan

Interface Control Document

Invitation To Tender

Maintenance Plan

Marketing Plan

Needs Statement

Operations Guide

Policy Manual

Project Management

Project Plan

Proposal Template

Proposal Forms and Checklists

Request For Proposal

Release Notes

Risk Management Plan

Service Level Agreement

Setup Guide

Statement of Work

Software Development Templates

Software Testing (QA) Templates

Software Requirements Specification

Standard Operating Procedure

System Admin Guide

System Boundary Document

System Design

System Specifications

Security Plan

Test Plan

Technical Writing Templates

Training Plan

Transition Plan

User Guide Template

Use Case Templates

Verification Plan

White Paper Templates

How to Write

Business Documents

Case Studies

Grants Applications

Process Design

Proposals and RFPs

Project Management

Technical Documents & FrameMaker

White Papers

Writing for the Web

Business Process Templates
Project Management Templates

Standard Operating Procedures

Employee Handbook

Policy Manual

Grant Proposal

Training Plan

Statement of Work

Sponsors
 

 



Forms, Checklists, & Templates - Updated Daily

I'm Ivan Walsh, the person behind this site. I help people improve how they write, publish and extend their business assets.

You can email me here or connect with me at Twitter @ivanwalsh, Disqus, Facebook, LinkedIn, Delicious & Google.

Endorsements | About Us | Contact Us | Site Map | Privacy| License | T&Cs | FAQs | Klariti

^^^ Return to top of page ^^^