闡述網站設計的9個細節 網站設計的細節有哪些?

若想設計出用戶體驗優越的網站 , 設計師需要對細節傾注全副心力 。 但這并非易事 , 因為網站設計的過程涉及到許多不同的方面 , 有的細節能為用戶提供極大的便利 , 卻容易被設計師所忽略 。 以下我列出了一些非常重要 , 也最常被大多數網站忽視的設計細節 。 這些細節如果處理不好 , 不但會令用戶感到沮喪 , 更可能導致網站用戶的流失 。 所以 , 當你設計網站時 , 不妨對照著檢查一下自己處理這些細節的方式是否完美 。
已訪問過的內容用不同顏色顯示
如果網站不能顯示出用戶已經察看過的內容 , 用戶在瀏覽網頁時便會多出很多麻煩 。 相反 , 如果用戶訪問過的內容都能被清晰地標出 , 他們便不會錯誤地多次點擊同一個鏈接了 。 對用戶來說 , 一個網頁上往往存在不止一個鏈接 , 如果沒有特殊的方式顯示已訪問過的內容的話 , 他們很難記住哪些鏈接是自己已經點擊過的 , 哪些沒有 。 針對這個問題 , 可以使用不同的顏色來區分已訪問和未訪問的內容 。 已訪問內容的顯示顏色與未訪問內容的顏色應該接近但又略有不同 。 例如 , 用紫色來標注已訪問的內容不失為一種可行的辦法 , 因為與藍黑色相比較 , 紫色給人一種“消退”的感覺 , 用戶會有“這個鏈接我已經點擊過了”的印象 。
不必點擊“關閉”按鈕也能取消浮窗
在各個類型的網站中 , 彈出式窗口都是一個很常見的應用 。 大多數浮窗在右上角留有一個"X"號 , 用戶可以通過點擊它來關閉窗口 。 但是普通用戶要想成功點擊到這個小小的“X”號可沒那么容易 。 當用戶關閉浮窗時 , 他們點擊到的往往是作為廣告的背景 。 因此 , 當用戶不得不費九牛二虎之力去關閉浮窗時 , 用戶體驗自然也大大降低了 。 浮窗中的“X”按鈕往往格外地小 , 用戶要花費許多額外的時間和力氣才能成功關掉浮窗 。 如果在設計中能讓用戶點擊背景或浮窗邊緣就可以關掉浮窗的話 , 用戶體驗自然也會不一樣 。
填寫表格時光標自動顯示在輸入區域
當用戶看到在屏幕上出現的表格時 , 他們的第一反應通常是“現在需要從鼠標切換到鍵盤了” 。 如果此時能將光標顯示在第一個需要填寫的區域內 , 用戶操作起來就會感到更加便利 。 這樣的話 , 他們就省卻了“移動鼠標--點擊輸入框”這一步驟 , 而可以直接在表格內填寫內容了 。 誰不希望填寫表格時更簡便一些呢?
敲擊“Enter”鍵提交表格
說到表格 , 另一個常被忽視的細節就是“允許用戶敲擊Enter鍵直接提交表格” 。 這樣一來 , 用戶便可以更快 , 更便捷地提交表單 。 這個細節在登錄界面顯得尤其實用 , 因為在很多網站中 , 用戶在輸入用戶名和密碼之后 , 還得用鼠標點擊“登錄”按鈕 。 每次都強迫用戶去鎖定和點擊登錄按鈕會令他們感到厭煩 , 同時也會降低他們對網站的熱情 。
為圖標添加自動提示
在網站中 , 圖標可以優雅而簡潔地將某個特定的動作信息傳達給用戶 。 但是要牢記 , 不是所有用戶都能立刻明白圖標所代表的意義 。 因此 , 當用戶將鼠標置于圖標之上時 , 隨即顯示關于這一圖標所代表的功能就顯得尤為必要 。 有了這個細節 , 網站的新用戶即便不明白圖標的含義 , 也不會因胡亂點擊而導致錯誤了 。
為博客類頁面設置“回到主頁”選項
許多網站都有一個特定的博客頁面 。 有時 , 網站會為某個具體化的WordPress博客設置一個次域名(如blog.website.com) 。 一個常被遺漏的小小細節便是在博客頁面中添加一個“回到主頁”的選項 。 如果沒有這個選項 , 用戶就只能清空地址欄 , 然后重新輸入主頁的地址 , 這將使他們不勝其煩 。 一個指向主頁的鏈接設置起來十分容易 , 但許多網站卻沒有留意到這一點 。
在“放大”選項下顯示放大的圖象
有的網站允許用戶點擊查看放大后的圖象 。 但當用戶點擊“放大”按鈕時 , 有些網站卻錯誤地將同樣大小的圖象呈現給用戶 , 盡管換了一個不同顏色的背景 。 當點擊“放大”按鈕時 , 用戶期待看到的是一張大圖 , 哪怕這張圖只是比縮略圖大那么一點點 。 如果圖象大小依然沒有變 , 在深色背景中顯示它并不能使用戶更愉快 。
允許用戶編輯評論內容
設置了評論區的網站設計者應該明白 , 用戶并非完人 , 他們在發表評論時常會犯錯 。 許多網站卻不允許用戶編輯自己已經發布的評論 。 當用戶在發評論的過程中出現錯誤時---無論是發錯了評論區 , 添加了錯誤的鏈接 , 或只是打字不正確---這樣的設計都無疑會令他們無比沮喪 。 一個簡單的“編輯”功能會使用戶有機會修正自己的錯誤 , 從而更加享受發帖的過程 , 也會使他們發布的內容更為完美 。

推薦閱讀