it is important to start from scratch and ask yourself key questions:
* What is our website for? Is there an offline equivalent?
* Who are we aiming at? Define user groups or construct profile
* What do they each want?
And what do we want them to have achieved having been to the site?
* What are our competitors doing and what can we learn from it?
* What are partner organisations doing?
Is there anything you should be joining in with or linking to?
* Set deadlines, budgets, responsibilities
網站規劃的三個階段:
1. Site view - Site Map
Depending on how complex your structure is, use colour, positioning, shape etc.
to distinguish different elements and include a key.
2. Page view - the layout and content of individual pages
You should confirm grouping and separation of elements but not the design, positioning, colour etc.
3. User view - the functionality
each function(searches, forms, filters, animation etc.) should be specified in this detail.
As a rule of thumb, keep pages to no more than 3 screens high;
you can add more pages or downloads if you need to.
Your information should be tailored to how people read websites:
* Skimmers – want a brief overview of everything
* Dunkers – will go straight for the specific piece of information they want and then leave
* Swimmers – are looking for detailed information
Web Design's three levels:
* Interface design
* Visual design
* Content design
Accessibility is an important topic for modern websites.
The key principle is to separate structure, presentation and behaviour.
將樣式與內容分開,結合圖片構成網頁。
this will make the site more compatible with mobiles and handhelds(尤其手機上網已成為趨勢)
and more search engine compatible.
Search Engine Optimisation is highly connected with accessibility along with:
* External links to your site, and their ranking
* Internal links within the site. Some experts suggest linking to and from every page.
* Keywords within text
* Search-engine friendly page titles and URLs (i.e. they use keywords, they describe what is on the page, and they are consistent with each other).
在不同環境下測試:IE6/7 & Firefox為主要的瀏覽器
配合Web 2.0 technology的應用,例如Blog.
An additional, two-way communication channel with your audience
Make use of e-flyers and e-bulletins with one or two messages each
From:
Maximising your Online Presence - SUMO
No comments:
Post a Comment