Klariti Small Business Tips and Tools

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.



software testing templates

standard operating procedure templates

white paper templates

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

Action Plan Template

Audience Analysis Template

Availability Plan Template

Bill of Materials Template

Business Case Template

Business Continuity Plan Template

Business Plan Template

Business Process Design Template

Business Requirements Specification Template

Business Rules Template

Capacity Plan Template

Case Study Templates

Change Management Plan Template

Communication Plan Template

Concept of Operations Template

Configuration Management Plan Template

Conversion Plan Template

Datasheet Template

Deployment Plan Template

Disaster Recovery Template

Disposition Plan Template

Documentation Plan Template

Employee Handbook Template

Expression of Interest Template

Free

Grant Proposal Template

Implementation Plan Template

Invitation To Tender Template

Market Research Templates

Marketing Plan Template

Operations Guide Template

Policy Manual Template

Project Plan Template

Proposal Manager Templates

Proposal Template

Release Notes Template

Request For Proposal Template

Risk Management Plan Template

Scope of Work Template

Service Level Agreement (SLA) Template

Small Business Video

Social Media Policy Templates

Software Development Lifecycle Templates

Software Testing Templates

Standard Operating Procedures Template

Statement of Work Template

System Administration Guide Template

Technical Writing Templates

technical writing templates

Test Plan Template

Training Plan Templates

Training Plan Templates

Troubleshooting Guide Template

Use Case Template

User Guide Template

White Papers

Work Instruction Templates

How to Write

Action Plans

Business Writing

Business Proposals

Case Studies

Process Design

Project Management

Standard Operating Procedures Course

White Papers

Write for the Web

Grant Writing

Software Development Templates

 



Email Me Here

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