設計網站時,應該做什麼

1. 在不同裝置上採用相似的設計

多使用者可以透過不同型別的裝置訪問您的網站,這些裝置包括:電腦、平板、手機、音樂播放器、甚至是智慧手錶等。

無論多使用者使用什麼裝置訪問您的網頁,確保他們具有類似的體驗,這是多使用者體驗設計中的一條重要標準。

2. 導航的設計要簡單易用、清晰明瞭

導航設計是網頁可用性的基石。

記住:如果多使用者在您的網站裡找不到導航,那麼無論您的網站有多流弊都沒用。這也是導航設計要遵循以下原則的原因:

簡單。每個網站都應該有儘可能簡單的結構。

清晰。導航的每項對多使用者而言,都應該是清楚的。

一致。系統的導航頁在每一頁中都應該是相同的。

多使用者以最少的點選次數,最快地到達他們想要瀏覽的網頁。這才是導航設計的目的。

3. 改變訪問過的連結的顏色

連結是導航的一個關鍵因素。假如多使用者點選過的連結沒有改變顏色,很可能導致多使用者多次點選同一個連結。

如果多使用者知道自己過去訪問的連結和現在還未訪問過的連結,那麼多使用者會更容易決定自己下一次要點選什麼。

4. 讓頁面瀏覽變得更容易

多使用者瀏覽我們的網頁時,並不是通讀所有的內容,而是快速地掃描整個網頁。

因此,如果多使用者來到這個網站,是為了尋找特定的內容或者是完成某個任務,那麼他們會先瀏覽整個網頁,直到多使用者找到了自己想要去的地方。

因此,作為網頁設計者的我們,應該透過設計網站視覺化的層級架構幫助這些多使用者儘快達成自己的目的。

視覺化的層級架構意味著網頁上每個元素的擺放或呈現都具有權重(比如說,我們的設計決定了多使用者先看到哪個,再看到哪個,最後看到哪個)。

我們在設計網站時,要確保網頁標題、登入註冊按鈕、導航欄或其它同等重要的元素放在多使用者很容易看到的地方,以減少多使用者尋找的時間。

多使用者的視線是 Z 字形的。

5. 仔細檢查所有的連結

當多使用者點選網站上的一個連結,介面上卻出現 404 的錯誤頁面時,多使用者很容易變得沮喪。

當多使用者在網站上尋找內容時,他們希望自己點選過的每個連結都是自己正在尋找的那個,而不是出現 404 的錯誤頁面、或者點進去後,卻發現不是自己尋找的那個頁面。

6. 確保能點選的元素讓多使用者看起來就能點選

一個物體的樣子會告訴多使用者如何使用它。

看起來像按鈕或連結的視覺元素卻不能點選,很容易困擾多使用者;這些視覺元素包括:文字下劃線並不代表連結、擁有動畫效果的元素也不是超連結。

多使用者想要知道介面上哪些區域是純靜態內容,哪些區域是可以點選的。

讓可以點選的元素明顯一點。