建站常識
Web可用性設(shè)計的247條指導(dǎo)方針
2009-07-16 08:39:00
譯序:Userfocus是英國一家專門從事網(wǎng)站可用性設(shè)計的咨詢培訓(xùn)公司。它為我們分享了247條Web可用性設(shè)計的指導(dǎo)方針,并把它們清晰的分為六個大類:首頁可用性設(shè)計、任務(wù)導(dǎo)向、導(dǎo)航和信息架構(gòu)、表單和數(shù)據(jù)輸入、可信度、寫作和內(nèi)容質(zhì)量、頁面布局和視覺設(shè)計、搜索可用性、幫助反饋和容錯。如Userfocus所說,“雖然易用性系統(tǒng)的設(shè)計遠不止應(yīng)用一些簡單的指導(dǎo)方針,但是它們卻可以為獲取穩(wěn)定性和好的實踐提供有意義的幫助?!?/P>
譯者:IIduce,轉(zhuǎn)載請務(wù)必以鏈接形式注明來源。
原文地址:http://www.userfocus.co.uk/resources/guidelines.html
目錄:
- 首頁可用性設(shè)計(20條評估首頁可用性的方針)
- 任務(wù)導(dǎo)向(44條評估網(wǎng)站對用戶任務(wù)支持程度的方針)
- 導(dǎo)航和信息架構(gòu)(29條評估導(dǎo)航和信息架構(gòu)的方針)
- 表單和數(shù)據(jù)輸入(23條評估表單和數(shù)據(jù)輸入的方針)
- 可信度(13條評估可信度的方針)
- 寫作和內(nèi)容質(zhì)量(23條評估寫作和內(nèi)容質(zhì)量的方針)
- 頁面布局和可視設(shè)計(38條評估頁面布局和可視設(shè)計的方針)
- 搜索可用性(20條評估搜索可用性設(shè)計的方針)
- 幫助、反饋和容錯(37條評估幫助、反饋和容錯的方針)
首頁可用性設(shè)計
- 首頁元素要清晰的關(guān)注用戶的關(guān)鍵任務(wù)(避免“增加功能傾向(featuritis)”)
- 如果網(wǎng)站比較大,那么首頁應(yīng)包含搜索輸入框
- 首頁要十分清楚的提供產(chǎn)品(內(nèi)容)分類
- 在首頁或首頁內(nèi)一次點擊展示有用的內(nèi)容
- 信息展示時應(yīng)當是簡單的、自然的、符合邏輯順序的
- 在首頁展示真實網(wǎng)站內(nèi)容的優(yōu)秀示例
- 首頁上的鏈接以最重要的關(guān)鍵詞作為起始(例如:“Sun holidays”而不是“Holidays in the sun”)
- 在首頁提供一個最近的特色項列表,并提供存檔內(nèi)容的鏈接
- 首頁導(dǎo)航不要過度格式化(修飾),確保用戶不會把它誤認為廣告
- 在首頁清晰的聲明價值取向(例如一個標志性的口號或歡迎語)
- 在首頁包含有意義的圖案設(shè)計,而非無關(guān)的剪貼畫或繪畫作品
- 導(dǎo)航選項按邏輯性或用戶導(dǎo)向方式排序(把次要的公司信息放在底部)
- 首頁標題(title)可以為諸如google等搜索引擎提供良好可見度
- 所有公司相關(guān)信息安排在一個顯著區(qū)域(例如:“關(guān)于我們(About Us)”)
- 用戶可以了解到價值取向
- 一看到首頁,第一次訪問的人就知道從何處開始
- 在首頁展示出所有主要的操作選項
- 首頁擁有一個易記的URL
- 首頁需經(jīng)過專業(yè)設(shè)計,以給用戶良好的第一印象
- 首頁的設(shè)計要能激發(fā)用戶探索站點的興趣
- 首頁就要像一個首頁,不能讓用戶把它與二級頁面混淆
任務(wù)導(dǎo)向
- 網(wǎng)站應(yīng)避免出現(xiàn)不相干的、多余的或讓用戶分心的信息
- 避免過多的使用腳本、小應(yīng)用程序(applets)、視頻音頻文件、圖案和圖片
- 網(wǎng)站應(yīng)避免不必要的登記
- 關(guān)鍵人物路徑必須是清晰的,無干擾的(例如:購買、捐獻)
- 信息以簡單的、自然的(natural)、符合邏輯順序的方式展示
- 應(yīng)盡量縮減每個任務(wù)需要的屏幕數(shù)量
- 應(yīng)減量減少頁面滾動(scrolling)和點擊
- 網(wǎng)站應(yīng)正確的預(yù)期和提示用戶下一步可能的動作
- 展示圖表時,確保用戶可以看到真實數(shù)據(jù)(例如在柱狀圖上標明數(shù)字注解)
- 當分配給用戶任務(wù)時,應(yīng)充分利用計算機的優(yōu)勢(例如搜索輸入的自動完成功能)
- 用戶可以快速完成普通任務(wù)
- 當必要時,應(yīng)為當前任務(wù)提供數(shù)據(jù)對比功能(例如:商品比較)
- 任務(wù)順序應(yīng)當與用戶日常工作順序一致
- 網(wǎng)站可以保證用戶的工作比不使用它時更輕松快捷
- 最重要的或經(jīng)常使用的主題、特征或功能應(yīng)放在頁面中央附近的位置,而不是特別靠左邊或右邊
- 確保用戶不會重復(fù)輸入相同的信息
- 重要的、頻繁使用的主題或任務(wù)應(yīng)接近網(wǎng)站的“表面”
- 保持最少的錄入(例如購買過程中),并為用戶提供加速器
- 任何給定任務(wù)路徑應(yīng)當有一個合理的步驟長度(2-5次點擊)
- 當一個任務(wù)有多步時,網(wǎng)站要告訴用戶完成任務(wù)需要的所有步驟,并為用戶當前步驟所在的位置提供反饋
- 在每個產(chǎn)品后面緊跟它的價格
- 可以非常容易的找到網(wǎng)站的隱私策略,尤其是在那些要求填寫個人信息的頁面。隱私策略應(yīng)當是簡單的、清晰的
- 網(wǎng)站用戶不需要記住從一個地方到另一個地方的信息
- 隱喻的使用可以被典型用戶輕松理解
- 數(shù)據(jù)格式應(yīng)當遵循文化常規(guī)
- 軟件的內(nèi)部工作細節(jié)不要暴露給用戶
- 應(yīng)當迎合用戶那些之前已經(jīng)養(yǎng)成的那些小的互聯(lián)網(wǎng)習(xí)慣
- 網(wǎng)站應(yīng)當易于用戶瀏覽,在執(zhí)行前可以自己嘗試其它的功能操作
- 第一次到訪的典型用戶應(yīng)當可以在不需幫助的情況下完成最常用的功能
- 當用戶回到網(wǎng)站時,用戶可以記得如何執(zhí)行主要任務(wù)
- 那些新穎設(shè)備(novel device controls)的功能應(yīng)當是顯而易見的
- 在購物車頁面,在頁面的頂部或底部應(yīng)當清晰的展示”處理結(jié)賬”按鈕
- 重要的操作入口(例如“添加到購物車”)應(yīng)當非常清晰可見
- 操作按鈕(例如“提交”)應(yīng)當由用戶觸發(fā),而非在完成所有選項時系統(tǒng)自動觸發(fā)
- 命令或操作項英以按鈕的形式的展示(而非例如鏈接)
- 如果用戶在事務(wù)處理中中途退出,用戶在稍后返回站點時可以繼續(xù)他退出之前的工作
- 當頁面展示大量信息時,用戶可以排序和過濾信息
- 按鈕或圖標上的圖像應(yīng)當與內(nèi)容相關(guān)
- 當用戶被系統(tǒng)自動注銷時應(yīng)當提示用戶,并且自動注銷的時間間隔要恰當
- 不必要的功能(例如flash動畫)可以被關(guān)閉或跳過(skip)
- 網(wǎng)站應(yīng)當是健壯的,并且所有關(guān)鍵功能可正常工作(例如不應(yīng)有javascript頁面異常、CGI報錯或死鏈接)
- 網(wǎng)站通過不同程度的說明來支持新手用戶和專家用戶(例如幫助信息、錯誤信息)
- 網(wǎng)站允許用戶重新填寫一些信息項(例如更改發(fā)貨地址、更改賬戶信息)
- 網(wǎng)站允許用戶自定義操作時間參數(shù)(例如自動退出的時間)
- 關(guān)聯(lián)頁面或區(qū)域間的跳轉(zhuǎn)移動應(yīng)當是方便的、顯而易見的,并且可以容易的回到首頁
- 在絕大部分頁面都可以輕松的導(dǎo)航至用戶最可能需要的信息
- 導(dǎo)航選項按照最常用邏輯或任務(wù)導(dǎo)向方式排序
- 導(dǎo)航系統(tǒng)應(yīng)當是內(nèi)容寬泛并層級較淺的,而非有比較深的層級
- 站點結(jié)構(gòu)是簡單的,有一個清晰的概念模型,沒有不必要的層次
- 在所有頁面都可以到達網(wǎng)站主要部分(持久導(dǎo)航persistent navigation),導(dǎo)航過程不會中斷
- 導(dǎo)航標簽放在頁面頂端,而且要設(shè)計成看上去可以點擊的樣子
- 要有一個站點地圖用來提供整個站點內(nèi)容的概況
- 在任何頁面都可以鏈接到站點地圖
- 站點地圖提供一個簡潔的網(wǎng)站概貌,而非主要導(dǎo)航的重復(fù)或各主題的簡單羅列
- 提供良好的導(dǎo)航反饋(例如顯示當前位置)
- 分類標簽應(yīng)當能準確描述該分類的信息
- 鏈接或?qū)Ш綐撕灠脩粢_到目標所尋找的“觸發(fā)字眼(trigger words)”
- 術(shù)語和常規(guī)(例如鏈接顏色)應(yīng)當(近似地)與互聯(lián)網(wǎng)習(xí)慣用法保持一致
- 在網(wǎng)站各個組成部分中的鏈接樣子應(yīng)當一致
- 產(chǎn)品頁面應(yīng)當包含與當前產(chǎn)品相似或互補產(chǎn)品的鏈接,以實現(xiàn)交叉營銷
- 導(dǎo)航項和鏈接中的用詞應(yīng)當是無歧義的,并且使用術(shù)語
- 用戶可以排序和過濾目錄頁面(例如按價格排序或最熱門排序)
- 當鼠標放在某個可點擊的元素上時,元素應(yīng)當有明顯變化(包括光標的變化)
- 重要內(nèi)容可以通過不止一個鏈接訪問到(不同的用戶有可能需要不同的鏈接標簽)
- 僅用于導(dǎo)航的頁面(例如首頁)可以再不滾動的情況下瀏覽
- 觸發(fā)事件的超鏈接應(yīng)當與鏈接到其它頁面的超鏈接(例如:下載)在外觀上有明顯區(qū)分
- 網(wǎng)站允許用戶控制交互速度和順序
- 在網(wǎng)站每個頁面清晰標注退出入口,允許用戶從當前任務(wù)中推出,而不必通過一個額外的對話框
- 網(wǎng)站不可禁用瀏覽器的“后退”按鈕,“后退”按鈕應(yīng)當在每個頁面的瀏覽器工具欄上都有顯示
- 用戶點擊瀏覽器后退按鈕時,總能回到他之前所在頁面
- 購物車(basket)和結(jié)賬(checkout)鏈接應(yīng)當在每個頁面中都可以看的十分清楚
- 如果網(wǎng)站有打開新窗口,那么這個動作不應(yīng)使用戶困惑(例如:新窗口應(yīng)該是一個設(shè)定大小的對話框或并可以輕松關(guān)閉)
- 菜單的使用說明、提示、相關(guān)信息應(yīng)當在每個屏幕的同一位置顯示
表單和數(shù)據(jù)輸入
- 數(shù)據(jù)輸入框在適當?shù)臅r候應(yīng)當包含默認值,顯示要填的數(shù)據(jù)格式和輸入框允許輸入的長度
- 如果任務(wù)設(shè)計源文件(例如紙張形式),那么界面應(yīng)當與源文件的規(guī)格一致
- 網(wǎng)站能自動完成格式化數(shù)據(jù)的輸入(例如貨幣符號等),用戶不需要輸入類似? 或 %的符號
- 表單域的標簽應(yīng)當清楚的說明該輸入框希望輸入什么
- 表單中的文本框應(yīng)該為預(yù)期答案設(shè)定合理長度
- 表單中的必填項和選填項應(yīng)當有明顯的區(qū)分
- 登陸和注冊應(yīng)當用相同的表單(就像Amazon一樣)
- 如果完成表單需要外部信息的話應(yīng)當提前告知用戶,例如護照編號
- 表單中的問題項(輸入框)應(yīng)當按邏輯分組,并且每組都有一個標題
- 表單域應(yīng)包含提示、示例或樣例答案,告知用戶輸入框期望輸入什么
- 如果輸入框的標簽以表單問題的方式提出,那么這些問題應(yīng)當是陳述清晰、簡單的
- 在表單中,相對于文本輸入框,應(yīng)當優(yōu)先使用下拉菜單、單選按鈕、復(fù)選框(文本輸入框不應(yīng)當使用過度)
- 在數(shù)據(jù)輸入頁面,光標應(yīng)當被放置在需要輸入的地方
- 數(shù)據(jù)輸入(例如日期)和輸出(例如數(shù)值單位)的格式應(yīng)當被清晰標明
- 用戶可以在進輸入一些基本必要信息就可以完成簡單的任務(wù)(系統(tǒng)可以默認補充一些不重要的信息)
- 表單允許用戶盡可能久的保持一種簡單的交互方式(例如,用戶不必在鍵盤鼠標間不停的切換)
- 用戶可以更改表單域的默認值
- 文本輸入框需指出要輸入數(shù)據(jù)的數(shù)量和格式
- 表單在提交前執(zhí)行數(shù)據(jù)驗證
- 在數(shù)據(jù)輸入界面,在適當?shù)臅r間執(zhí)行表單域級別驗證和表單級別驗證
- 網(wǎng)站應(yīng)可以輕松地更正輸入錯誤(例如,當驗證表單未完成,應(yīng)當將光標放置在需要輸入的位置)
- 數(shù)據(jù)輸入和數(shù)據(jù)顯示應(yīng)當保持一致性
- 表單域標簽應(yīng)當靠近輸入域(例如:標簽右對齊)
- 內(nèi)容應(yīng)當是最新的、權(quán)威的、可信賴的
- 網(wǎng)站有第三方(例如引用、第三方使用見證)來說明信息的準確性
- 應(yīng)當清晰標明網(wǎng)站的幕后有真實的組織(例如:提供一個真實地址或辦公室照片)
- 公司有一些認證專家(可以使用一些憑證)
- 網(wǎng)站應(yīng)避免廣告,尤其是彈出式廣告
- 在結(jié)賬的最一開始就突出提示運送費用
- 網(wǎng)站應(yīng)當避免空洞的營銷辭令(marketing waffle)
- 每個頁面都應(yīng)當清晰顯示站點標識,保證用戶確認他仍然在同一個網(wǎng)站上
- 通過網(wǎng)站可以輕松聯(lián)系到某人以獲取幫助,并可盡快得到回復(fù)
- 內(nèi)容是新鮮的,網(wǎng)站應(yīng)經(jīng)常更新,總包含最近的內(nèi)容
- 網(wǎng)站應(yīng)當避免版式錯誤和拼寫錯誤
- 用可視化設(shè)計來補充商品和線下營銷信息
- 網(wǎng)站組織應(yīng)當有一些真實的人,他們是誠實的、可信賴的
- 網(wǎng)站有能引起別人興趣的、獨一無二的內(nèi)容
- 正文是簡明的,沒有不必要的說明和歡迎辭令
- 每個內(nèi)容頁應(yīng)以內(nèi)容結(jié)論或內(nèi)容意義啟示作為開端,正文以倒金字塔方式書寫
- 相對于敘述式的文本,網(wǎng)頁應(yīng)當優(yōu)先使用無序列表和有序列表
- 列表應(yīng)當以簡短的說明作為開始,幫助用戶意識到該列表是如何與其它關(guān)聯(lián)起來的
- 那些最重要的列表項應(yīng)當放在列表的前面
- 信息應(yīng)當分層次組織,從一般的到具體的,組織結(jié)構(gòu)應(yīng)當是清晰的、符合邏輯的
- 內(nèi)容應(yīng)當專門為互聯(lián)網(wǎng)(Web)創(chuàng)建(web pages do not comprise repurposed material from print publications such as brochures)
- 產(chǎn)品展示頁面應(yīng)當包含購買須了解的信息,用戶可縮放產(chǎn)品圖片
- 使用超文本適當?shù)亟M織內(nèi)容
- 以主動語態(tài)書寫語句
- 網(wǎng)頁應(yīng)當易于快速瀏覽,充分使用標題、副標題和較短的段落
- 相對于文本式的語言,優(yōu)先使用地圖、圖表、圖形、流程圖和其它視覺元素
- 每個網(wǎng)頁都應(yīng)有描述信息,以及有用的標題,用以支持書簽
- 鏈接及鏈接描述(title)應(yīng)當具有描述性或推測性,不應(yīng)當出現(xiàn)“點擊我(Click here)”這樣的鏈接
- 標題不應(yīng)當故作風雅、故作聰明或含義隱晦
- 鏈接文本應(yīng)當與目標頁面的標題(title)相符,這樣用戶就可以在到達目標頁面時心里有數(shù)
- 按鈕文本及鏈接文本以動詞開頭
- 標題和副標題應(yīng)當是簡短的、直截了當?shù)?、具有描述性?
- 遣詞造句及用到的概念應(yīng)當為典型用戶所熟悉
- 有序列表從1開始,而不是0
- 第一次使用的縮寫詞匯應(yīng)當加以說明
- 文本鏈接應(yīng)當足夠長以便于理解、又應(yīng)當足夠短以保證最少換行(尤其被用作導(dǎo)航列表時)
- 網(wǎng)線數(shù)應(yīng)當適于目標用戶和他們的任務(wù)
- 布局可以幫助用戶把注意力集中在下一步要做的東西上
- 在所有頁面,最重要的信息(例如經(jīng)常用的主題、特色和功能)放在屏幕的第一個滿屏
- 網(wǎng)站在不水平滾動的情況下就可以使用
- 可點擊的元素(例如按鈕),應(yīng)當設(shè)計成明顯可點擊的樣子
- 不能點擊的元素
- 按鈕或控件的功能從他們的標簽或設(shè)計上就可以明顯看出來
- 可點擊圖片包含多余文本標簽(Clickable images include redundant text labels (i.e. there is no ‘mystery meat’ navigation))
- 超文本鏈接可以輕松被辨認(例如下劃線),而不需要大面積掃視。
- 網(wǎng)站字體使用應(yīng)當具有一致性
- 控件和它所具備的操作之間的關(guān)系是顯而易見的
- 圖標和圖形是標準的和(或)直觀的(具體的和為人熟悉的)
- 在每一個頁面上都應(yīng)有一個清晰的視覺“起點”
- 網(wǎng)站的每個頁面共享一致的布局
- 網(wǎng)頁為打印格式化,或者有一個為打印準備的版本
- 按鈕或鏈接能顯示出他們被點擊過了
- 圖形用戶界面(GUI)組件(例如單選按鈕和復(fù)選框)應(yīng)當被適當?shù)厥褂?
- 所用字體應(yīng)當是可閱讀的
- 網(wǎng)站應(yīng)當避免使用斜體字,并只為超文本添加下劃線
- 信息密度和留白應(yīng)當有一個良好的平衡
- 網(wǎng)站看上去應(yīng)是讓人愉悅的
- 網(wǎng)頁應(yīng)避免出現(xiàn)“滾動障礙物(scroll stoppers)”(標題或其它頁面元素給用戶造成在頁面頂部或底部的錯覺)
- 網(wǎng)站應(yīng)當避免大量使用大寫文本
- 網(wǎng)站應(yīng)當有一致性的、清晰可識別的外觀和感覺,以吸引用戶
- 深藍色避免使用在細節(jié)地方(Saturated blue is avoided for fine detail)(例如文本、細線和符號)
- 借助顏色組織和分組頁面元素
- 網(wǎng)站圖形不應(yīng)當與banner廣告混雜不清
- 對于重要的主題分類加重顯示(em)
- 在標準寬度的瀏覽器窗口中,內(nèi)容頁面一行不要太短(小于50字)也不要太長(大于100字)
- 頁面依據(jù)柵格設(shè)計,所有頁面元素和部件水平對齊、垂直對齊
- 有意義的文本標簽,令人印象深刻的背景配色,邊框和留白的恰當使用,這些一起來幫助用戶把網(wǎng)頁元素分別出不相關(guān)聯(lián)的功能區(qū)域
- 網(wǎng)頁配色合理搭配,避免過于復(fù)雜的背景設(shè)計/li>
- 較為獨立的網(wǎng)頁應(yīng)當避免雜亂不相干的信息
- 標準頁面元素(例如頁面標題、站點導(dǎo)航、頁面導(dǎo)航、隱私策略等)可輕松找到
- 組織logo放置在每個頁面的相同位置,點擊logo后返回最合情理的頁面(比如首頁)
- 吸引人注意力的特色元素(例如動畫、醒目的色調(diào)、明顯的字體大小差異)應(yīng)當保守的使用,并只在恰當?shù)牡胤绞褂?
- 圖標(icons)要在視覺上和概念上有所區(qū)分,但又要與頁面和諧。
- 相關(guān)信息和功能集中放置,每一組可以在一個視野瀏覽到(大約直徑為4.4厘米的屏幕區(qū)域)
- 默認搜索應(yīng)當是可以直觀地配置(沒有布爾操作符no Boolean operators)
- 在搜索結(jié)果頁面向用戶展示搜索到的內(nèi)容,并且在該頁可以編輯檢索詞并重新提交搜索
- 檢索結(jié)果應(yīng)是清晰地、有用的、并依據(jù)相關(guān)度分級
- 檢索結(jié)果頁面應(yīng)清晰告訴用戶檢索到多少條記錄,每一頁顯示的記錄數(shù)可以由用戶配置
- 如果沒有返回結(jié)果,系統(tǒng)依據(jù)用戶輸入的檢索詞存在的可辨認問題提供建議和可選輸入項
- 搜索引擎可以優(yōu)雅地處理空檢索串的情況
- 最常用的檢索串可以獲得有用的結(jié)果
- 搜索引擎應(yīng)當提供模板、示例或提示來幫助用戶高效使用它
- 網(wǎng)站應(yīng)當包含一個功能更強大的搜索頁面,幫助用戶更加完善他們的檢索(可以把它叫做“修改檢索 revise search”或“精確檢索 refine search”,而非“高級檢索 advanced search”)
- 檢索結(jié)果頁面不顯示重復(fù)結(jié)果(無論是能感知到的重復(fù)還是實際的重復(fù))
- 檢索輸入框應(yīng)當足夠長,可以應(yīng)對常用檢索詞的長度
- 檢索應(yīng)當覆蓋整個站點,而不是站點的一部分
- 如果網(wǎng)站允許用戶創(chuàng)建復(fù)合檢索,那么這些檢索應(yīng)當是可保存,定期被執(zhí)行的(這樣用戶就可以跟蹤動態(tài)信息的最新動態(tài))
- 檢索界面應(yīng)當放置在用戶期望的地方(一般是頁面的右上區(qū)域)
- 檢索框及他的控件應(yīng)清晰列出(多檢索框可能會難以理解)
- 站點既可以滿足那些想隨便瀏覽的用戶,也可滿足想搜索的用戶
- 在檢索結(jié)果頁面應(yīng)當明確當前檢索的范圍,并且用戶可以約束這個范圍(如果該任務(wù)需要的話)
- 結(jié)果頁面顯示有用的元信息(meta-information),例如文檔的大小、創(chuàng)建的日期、文件類型(word、pdf等)
- 搜索引擎提供自動的拼寫檢查,并提供復(fù)數(shù)詞和同義詞查找
- 索索引擎提供相似檢索選項(例如 “更多相似” 鏈接)
- 常見問題解答或在線幫助提供循序漸進地指導(dǎo),幫助用戶完成最重要的任務(wù)
- 在恰當?shù)牡胤胶颓‘數(shù)臅r間可以輕松獲取幫助
- 提示應(yīng)當是簡潔的、表達清楚的
- 用戶不需要求助于用戶手冊或其它外部信息來使用站點
- 網(wǎng)站有一個定制的404頁面,該頁面包含如何找到要找頁面的提示,并包含主頁和和檢索頁面的鏈接
- 網(wǎng)站在必要時(例如校驗時)提供良好的反饋信息(例如進度提示或一些信息)
- 用戶在選擇商品時可獲取到幫助
- 用戶在執(zhí)行由潛在“危險”操作(例如刪除什么)之前提供用戶確認
- 用戶確認頁面是清晰地
- 錯誤信息包含先一步該做什么的清晰指示
- 在提交購買的前一個時刻,網(wǎng)站向用戶清晰地展示概覽頁面,這個頁面應(yīng)當與購買確認頁面區(qū)分開來
- 當用戶需要在不同的選項(例如在一個對話框)前抉擇時,這些選項應(yīng)當是明確的
- 在網(wǎng)站響應(yīng)時間時產(chǎn)生的不可避免的延遲應(yīng)當告知用戶(例如授權(quán)信用卡交易時)
- 錯誤信息以非嘲弄的語氣書寫,并且不要責怪用戶的錯誤
- 頁面可以快速加載(5秒或更短)
- 網(wǎng)站提供對用戶輸入或其他操作的及時反饋
- 在加載比較慢的大頁面應(yīng)當提示用戶(例如:“正在加載……”),最重要的信息應(yīng)當首先顯示
- 當使用工具提示條(tool tips)時,應(yīng)當提示對用戶有用的額外幫助,而不是簡單的重復(fù)圖標、鏈接或字段域標簽中的文本
- 當給用戶一些幫助提示時,告訴他們要做什么,而不是避免做什么
- 網(wǎng)站在適當?shù)牡胤较蛴脩粽故救绾巫龀R娙蝿?wù)(例如:提供網(wǎng)站的功能示例)
- 網(wǎng)站通過提供反饋信息(例如“您知道嗎?”),幫助用戶了解怎樣使用網(wǎng)站
- 網(wǎng)站提供上下文敏感幫助
- 幫助應(yīng)當是直截了當?shù)?,用直白簡單的方式表達,避免使用行話和流行語
- 當一個任務(wù)成功完成后,網(wǎng)站提供清晰地反饋信息
- 必要時重要提示信息應(yīng)當在屏幕上保留,使用戶有足夠時間記錄下這些信息
- 遵循“菲茨法則”(控件之間的距離和控件的大小應(yīng)當是適宜的,大小與距離成比例)
- 目標對象間有足夠空間,防止用戶點擊了多個目標或錯誤的目標
- 可點擊元素之間至少有兩個像素的距離
- 當網(wǎng)站發(fā)生錯誤時,應(yīng)當是顯而易見的(例如,當表單未完成,高亮未完成的表單域)
- 網(wǎng)站提供適當?shù)倪x擇方式(例如下拉列表)來代替用戶輸入
- 網(wǎng)站應(yīng)努力把防止用戶出錯的工作做好
- 網(wǎng)站在糾正用戶錯誤輸入前提示用戶(例如,google的“您是不是要查找…”)
- 網(wǎng)站應(yīng)當確保任務(wù)不是令人困惑的
- 錯誤信息應(yīng)當用直白的語言描述,并給與問題足夠的解釋
- 用戶在一個任務(wù)中可以推遲解決錯誤至一個較晚的時間
- 如果有必要的話,網(wǎng)站提供錯誤信息更多的細節(jié)
- 可以非常容易撤銷(或取消)、重做(Redo)操作
延伸閱讀:
- 使用jQuery及Bing API實現(xiàn)簡易搜索引擎
- 從W3C School整理的最全的Web開發(fā)chm手冊
- CSS中文速查表(CSS Cheat Sheet)
- 好書推薦:《Google API大全:編程·開發(fā)·實例》,即將上市
- 實現(xiàn)文字高亮功能的兩種解決方案(Javascript/Jquery)
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2009-06-11 08:16:00] 低成本提高web可用性的幾個細節(jié)(一)
- [2009-06-11 08:19:00] 低成本提高web可用性的幾個細節(jié)(二)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
官網(wǎng)網(wǎng)站建設(shè) 扁平化設(shè)計 集團公司網(wǎng)站建設(shè) 官網(wǎng)建設(shè) 用戶界面 青島高端網(wǎng)站設(shè)計公司哪家好 膠南網(wǎng)站建設(shè)公司 青島開發(fā)區(qū)建站公司 青島輪胎網(wǎng)站設(shè)計 IT資訊 手機網(wǎng)站 頁面設(shè)計 企業(yè)網(wǎng)站設(shè)計 H5定制設(shè)計 新的元素 H5 良好的導(dǎo)航 網(wǎng)站視覺 青島網(wǎng)站設(shè)計哪家好 中小型企業(yè)網(wǎng)站建設(shè) SEO 青島網(wǎng)頁設(shè)計 青島網(wǎng)絡(luò)公司 青島海洋投資集團 圖形網(wǎng)格 robots 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 海信網(wǎng)絡(luò)科技 建站常識 青島網(wǎng)頁制作