用戶體驗標準范本

1、用戶體驗標準范本目錄：一、什么是用戶體驗二、衡量標準三、B/S架構(gòu)標準3.1感官體驗3.2交互體驗3.3瀏覽體驗3.4情感體驗3.5信任體驗四、APP端標準3.1感官體驗3.2交互體驗3.3瀏覽體驗3.4情感體驗3.5信任體驗一、什么是用戶體驗用戶體驗（User Experienee，簡稱UE/UX是用戶在使用產(chǎn)品過 程中建立起來的一種純主觀感受，ISO 9241-210標準將用戶體驗定 義為“人們對于針對使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認知 印象和回應(yīng)”。通俗來講就是“這個東西好不好用，用起來方不方便”。 ISO 定義的補充說明有著如下解釋：用戶體驗，即用戶在使 用一個產(chǎn)品或系統(tǒng)之前、

2、使用期間和使用之后的全部感受， 包括情感、 信仰、喜好、認知印象、生理和心理反應(yīng)、行為和成就等各個方面。 該說明還列出三個影響用戶體驗的因素：系統(tǒng)、用戶和使用環(huán)境。二、衡量標準用戶體驗沒有確切的標準，它隨著網(wǎng)站的服務(wù)色彩與針對人群不 同采取的方式也不同， 但不同類型的網(wǎng)站也會存在一些通用的用戶體 驗標準。下面是基于B/S架構(gòu)和APP端的一些通用用戶體驗標準，通 過感官體驗、交互體驗、瀏覽體驗、情感體驗和信任體驗五方面進行 說明。三、 B/S 架構(gòu)標準3.1 感官體驗感官體驗是指呈現(xiàn)給用戶視聽上的體驗，強調(diào)舒適性。1 ）設(shè)計的整體風格符合目標用戶的審美習(xí)慣，并具有良好的引 導(dǎo)性。2 ）網(wǎng)站 lo

3、go 符合目標客戶的行業(yè)特征。3 ）訪問網(wǎng)頁時，響應(yīng)速度快。4 ）頁面布局重點突出，主次分明，圖文并茂，加強對用戶視覺 上的引導(dǎo)。6） 界面風格協(xié)調(diào)一致，讓用戶有一個整體的感覺（ 可以提供換膚的功能 ） 。7 ）頁面大小適合多數(shù)瀏覽器瀏覽 （以15寸和17寸顯示器為主）8 ）導(dǎo)航條清晰明了，層級分明，且隨時轉(zhuǎn)移功能，很容易從一 個功能跳到另外一個功能。9）頁面中的圖片比例協(xié)調(diào)，顯示清晰，不變形，排列合理，不 要太過密集或疏遠。10）頁面中的圖標簡潔明了、準確易懂，與網(wǎng)頁整體風格保持一 致。11）兼容主流瀏覽器（火狐、 IE 、360、谷歌等）。12）盡量避免使用結(jié)構(gòu)復(fù)雜的表格，表格嵌套不要超過

4、三層。13）導(dǎo)航欄應(yīng)按照最普遍的邏輯或任務(wù)導(dǎo)向方式進行排序。14）通用的功能按鈕（如個人中心、幫助等）應(yīng)該在每個網(wǎng)頁的 相同位置設(shè)置以方便用戶查找。15）同一頁面下的按鈕和輸入框應(yīng)該對齊。16）提示框的停留時間應(yīng)該足夠長，給用戶查看和思考的時間。17）提示框中文字的語氣要適當，給用戶親切感。18）背景音樂和動畫等要符合網(wǎng)站的整體風格。3.2 交互體驗交互體驗是指呈現(xiàn)給用戶操作上的體驗，強調(diào)可用性和易用性。1）路徑簡短，完成某項任務(wù)所需要的操作步驟和時間為最短。2）能夠在當前頁面完成的操作盡量在當前頁面完成，盡量減少 用戶在頁面之間的跳轉(zhuǎn)。3）對于交互性的按鈕必須清晰突出， 確保用戶可以清楚地點

5、擊。4）填寫表單時應(yīng)注明必填項（如用紅色 * 標注），并對字段的填 寫格式、字數(shù)等進行合理的限制。5）如果表單填寫錯誤，應(yīng)提示用戶錯誤原因，并保存原有填寫 內(nèi)容以減少重復(fù)工作量。 當用戶填寫內(nèi)容修改正確后， 提示信息應(yīng)立 即消失。6）當用戶完成一項操作后，應(yīng)有彈出框提示用戶操作成功或失 敗，如果失敗應(yīng)提示失敗原因。7）系統(tǒng)中的提示信息簡練準確，沒有錯別字和語法錯誤。8）彈出的提示信息樣式應(yīng)保持一致，不允許使用框架自帶的提 示信息框。9）表單的填寫采用既有輸入又有選擇的方式。10）瀏覽過的信息應(yīng)該顯示為不同的狀態(tài)及顏色以避免重復(fù)閱讀。11）對于只有圖標沒有文字的按鈕，用戶把光標定位到按鈕上就 應(yīng)

6、該顯示該按鈕的用途。12）對用戶輸入性的操作，提供快速反饋，將光標定位到第一個 要輸入的表單對象上。13）無論用戶瀏覽到哪一個層級，哪一個頁面，都可以清楚知道 自己當前的位置，使其做出下一步行動的決定。14）對信息量較大的操作要有批量處理的功能 （ 如審核、刪除、添加等）15）菜單欄的命名要與模塊內(nèi)容準確相關(guān)，簡潔清晰，不宜過于 深奧。16）登錄時提供記住用戶名和密碼的功能，減少用戶短期記憶的 負擔。17）網(wǎng)站應(yīng)該正確地預(yù)期用戶下一步可能進行的操作。18）不必要的功能（如輪播圖片、 flash 動畫等）支持手動關(guān)閉。19）用戶在注冊賬戶時應(yīng)需要輸入驗證碼。20）較長的網(wǎng)頁應(yīng)提供“返回頂部”的按

7、鈕。21）每個頁面都應(yīng)設(shè)置 “返回”按鈕，讓用戶可以中斷本次操作， 返回到上一級頁面中。22）一些表單中的輸入框應(yīng)該有事例（如日期、郵箱等） ，告訴 用戶用什么樣的格式輸入。23）光標應(yīng)該放在需要輸入的地方。24）當網(wǎng)頁中有查詢功能時，應(yīng)設(shè)置一個“重置”按鈕來清空輸 入的查詢條件，避免讓用戶一個一個手動刪除。25）搜索框的長度應(yīng)足夠容納輸入的數(shù)據(jù)，讓數(shù)據(jù)可以全部顯示 出來。26）查詢數(shù)據(jù)時應(yīng)為用戶提供模糊查詢的功能（除了部分查詢條 件必須精確查詢外）。27）視頻、動畫應(yīng)該播放流暢，可以隨時暫停、關(guān)閉。28）播放視頻時，可以記憶上一次該用戶的播放位置并支持繼續(xù)播放29）避免彈出式廣告。30）最重

8、要的信息應(yīng)該在最顯眼的地方顯示，讓用戶一眼就能看 到。31）功能的設(shè)計應(yīng)以提高用戶的使用效率為前提。32）刷新頁面后應(yīng)該仍停留在當前頁面。3.3 瀏覽體驗瀏覽體驗是指呈現(xiàn)給用戶瀏覽上的體驗，強調(diào)吸引性。1）采用易于閱讀的字體， 避免文字過小或過密造成的閱讀障礙。2）系統(tǒng)中的語言保持一致（中 / 英文）。3）系統(tǒng)中的文字大小保持一致，最好可以設(shè)置小 / 中 / 大多種字 體大小樣式供用戶使用。4）對于長篇文章和較多的數(shù)據(jù)要進行分頁瀏覽。5）圖表（柱狀圖、折線圖等）應(yīng)該清晰易懂，讓用戶易于看懂 數(shù)據(jù)。6）充分利用相對次要的位置，提高這些地方的相關(guān)性，給用戶帶來意外性的體驗升級（如看過該商品的用戶還

9、看過）。7）讓導(dǎo)航欄顯而易見，連貫一致，給用戶指明方向。8）導(dǎo)航欄應(yīng)可以讓用戶清楚地知道自己當前所處的位置。9）全局導(dǎo)航一直存在，最好可以預(yù)覽其他模塊的動態(tài)。10）有日期的地方應(yīng)默認顯示當前日期。11）分類標簽應(yīng)該準確易懂。12）當用戶把光標放在可點擊的內(nèi)容或按鈕上時，光標的狀態(tài)應(yīng) 該有明顯的變化（如變成小手形狀）。13）當用戶把光標放在有部分被省略顯示的信息上時，應(yīng)該可以 顯示出完整信息的懸浮框。14）應(yīng)該設(shè)置一個圖標（如logo ），點擊即可返回到首頁。15）放大或縮小瀏覽器窗口大小，頁面各種信息和按鈕都可以正 常、美觀第顯示。16）用戶可以自主選擇一頁顯示多少條數(shù)據(jù) （設(shè)置一頁10/20

10、/30 條等）。17）當數(shù)據(jù)的標題等字段的字節(jié)數(shù)過多時，應(yīng)只截取部分字節(jié)， 其余字節(jié)省略顯示，保持頁面顯示美觀。18）避免出現(xiàn)空白頁，頁面中也不要有大片空白。19）頁腳統(tǒng)一，顯示美觀。3.4情感體驗情感體驗是指呈現(xiàn)給用戶心理上的體驗，強調(diào)友好性。1）客戶分類：將不同的瀏覽者進行劃分（如消費者、經(jīng)銷商、 內(nèi)部員工），為客戶提供不同的服務(wù)。2）友好提示：對于每一個操作進行友好提示，以增加瀏覽者的 親和度。3）會員交流：提供便利的會員交流功能（如論壇），增進會員感 情。4）售后反饋：定期進行售后的反饋跟蹤，提高客戶滿意度。5）會員優(yōu)惠：定期舉辦會員優(yōu)惠活動，讓會員感覺到實實在在 的利益。6）會員推薦

11、：根據(jù)會員資料及購買習(xí)慣，為其推薦適合的產(chǎn)品 或服務(wù)。7）鼓勵用戶參與：提供用戶評論、投票等功能，讓會員更多地 參與進來。8）會員活動：定期舉辦網(wǎng)上會員活動，提供會員網(wǎng)下交流機會。9）專家答疑：為用戶提出的疑問進行專業(yè)解答。10）郵件/短信問候：針對不同客戶，為客戶定期提供郵件/短信 問候，增進與客戶間感情。11）好友推薦：提供郵件推薦功能。12）網(wǎng)站地圖：為用戶提供清晰的網(wǎng)站指引。3.5信任體驗信任體驗是指呈現(xiàn)給用戶的信任感，體現(xiàn)可靠性。1）搜索引擎：查找相關(guān)內(nèi)容可以顯示在搜索引擎前列。2）公司介紹：真實可靠的信息發(fā)布，包括公司規(guī)模、發(fā)展狀況、 公司資質(zhì)等。3）投資者關(guān)系：上市公司需為股民提

12、供真實準確的年報，財務(wù) 信息等。4）服務(wù)保障：將公司的服務(wù)保障清晰列出，增強客戶信任。5）頁面標題：準確地描述公司名稱及相關(guān)內(nèi)容。6）文章來源：為摘引的文章標注摘引來源，避免版權(quán)糾紛。7）文章編輯作者：為原創(chuàng)性文章注明編輯或作者，以提高文章 的可信度。8）聯(lián)系方式：準確有效的地址、電話等聯(lián)系方式，便于查找。9）服務(wù)熱線：將公司的服務(wù)熱線列在醒目的地方，便于客戶查 找。10）有效的投訴途徑：為客戶提供投訴或建議郵箱或在線反饋。11）安全及隱私條款：對于交互式網(wǎng)站，注明安全及隱私條款可 以減少客戶顧慮，避免糾紛。12）法律聲明：對于網(wǎng)站法律條款的聲明可以避免企業(yè)陷入不必 要的糾紛中。13）網(wǎng)站備案

13、：讓瀏覽者確認網(wǎng)站的合法性。14）相關(guān)鏈接：對于集團企業(yè)及相關(guān)企業(yè)的鏈接，應(yīng)該具有相關(guān) 性。15）幫助中心：對于流程較復(fù)雜的服務(wù)，必須具備幫助中心進行 服務(wù)介紹。四、APP端標準3.1感官體驗感官體驗是指呈現(xiàn)給用戶視聽上的體驗，強調(diào)舒適性。1）產(chǎn)品能夠充分滿足目標用戶的實際需求。2）產(chǎn)品信息結(jié)構(gòu)簡便清晰，讓用戶可以通過簡單的使用就可以 形成基本結(jié)構(gòu)化的印象。3）設(shè)計的整體風格符合目標用戶的審美習(xí)慣，并具有良好的引 導(dǎo)性。4 ）產(chǎn)品 logo 符合目標客戶的行業(yè)特征。5）盡量減少網(wǎng)頁中超鏈接的數(shù)據(jù)。6）頁面布局重點突出，主次分明，圖文并茂，加強對用戶視覺 上的引導(dǎo)。7）頁面背景和色彩與 logo

14、 相統(tǒng)一。8）界面風格協(xié)調(diào)一致，讓用戶有一個整體的感覺。9）保證產(chǎn)品的穩(wěn)定性和可靠性。10）頁面中的圖片比例協(xié)調(diào)，顯示清晰，不變形，排列合理，不 要太過密集或疏遠。11）頁面中的圖標簡潔明了、準確易懂，與網(wǎng)頁整體風格保持一 致。12）兼容 Android 和 IOS 系統(tǒng)。13）產(chǎn)品打開時間快，讓用戶無需過多等待，保持網(wǎng)絡(luò)順暢。14）能給讓用戶第一眼就看到自己想要的東西，激發(fā)用戶繼續(xù)使 用的興趣。15）兼容多種主流瀏覽器（QQ瀏覽器、UC瀏覽器等）。16）登錄頁面要有自己的特色，可以在用戶等待時設(shè)計一些有特色的頁面，讓用戶忘記等待時間（如登錄騰訊客戶端會出現(xiàn)廣告頁面）17）導(dǎo)航欄應(yīng)按照最普遍的

15、邏輯或任務(wù)導(dǎo)向方式進行排序。18）通用的功能按鈕（如個人中心、幫助等）應(yīng)該在每個網(wǎng)頁的相同位置設(shè)置以方便用戶查找。19）同一頁面下的按鈕和輸入框應(yīng)該對齊。20）提示框的停留時間應(yīng)該足夠長，給用戶查看和思考的時間。21）提示框中文字的語氣要適當，給用戶親切感。22）背景音樂、動畫等應(yīng)符合 APP的整體設(shè)計風格。23）最重要的信息應(yīng)顯示在最重要的位置。3.2 交互體驗交互體驗是指呈現(xiàn)給用戶操作上的體驗，強調(diào)可用性和易用性。1）用戶操作流程簡單流暢，讓用戶的每一個命令，每一步操作都能基本符合他的預(yù)期，讓用戶少犯錯誤，流暢地完成操作任務(wù)。2）登錄時提供記住用戶名和密碼的功能，減少用戶短期記憶的 負擔。

16、3）操作控件清晰突出且足夠大，控件之間留有一定的空隙，確 保用戶可以清楚并容易地點擊。4）填寫表單時， 盡量減少用戶的輸入需要， 剔除不必要的字段，在合適的地方自動補全和調(diào)用個人數(shù)據(jù)。5）填寫表單時應(yīng)注明必填項（如用紅色 *標注） ，并對字段的填 寫格式、字數(shù)等進行合理的限制6）如果表單填寫錯誤，應(yīng)提示用戶錯誤原因，并保存原有填寫 內(nèi)容以減少重復(fù)工作量。 當用戶填寫內(nèi)容修改正確后， 提示信息應(yīng)立 即消失。7）當用戶完成一項操作后，應(yīng)有彈出框提示用戶操作成功或失 敗，如果失敗應(yīng)提示失敗原因。8）系統(tǒng)中的提示信息簡練準確，沒有錯別字和語法錯誤。9）彈出的提示信息樣式應(yīng)保持一致，不允許使用框架自帶的

17、提 示信息框。10）表單的填寫采用既有輸入又有選擇的方式。11）瀏覽過的信息應(yīng)該顯示為不同的狀態(tài)及顏色以避免重復(fù)閱讀。12）對信息量較大的操作要有批量處理的功能（ 如審核、刪除、添加等）。13）設(shè)置“幫助”按鈕為用戶解決常見的問題。14）在編輯功能中自動保存用戶的輸入成果。15）基于手的操控范圍進行設(shè)計。操作控件擺放位置合理，可以 根據(jù)用戶觸控屏幕的分布區(qū)域來決定哪些控件應(yīng)該在何位置。16）充分利用手機的特定功能（如 GPS通訊錄等），讓產(chǎn)品可以 利用這些特定功能實現(xiàn)更好的移動體驗。17）盡量減少頁面的滾動和點擊。18）不必要的功能 （如輪播圖片、 flash 動畫等） 支持手動關(guān)閉。19）用

18、戶在注冊賬戶時應(yīng)需要輸入驗證碼。20）較長的網(wǎng)頁應(yīng)提供“返回頂部”的按鈕21）讓用戶始終停留在APP中，不要把用戶帶到瀏覽器中去。22） 一些表單中的輸入框應(yīng)該有事例（如日期、郵箱等），告訴 用戶用什么樣的格式輸入。23）光標應(yīng)該放在需要輸入的地方。24）當網(wǎng)頁中有查詢功能時，應(yīng)設(shè)置一個“重置”按鈕來清空輸 入的查詢條件，避免讓用戶一個一個手動刪除。25）搜索框的長度應(yīng)足夠容納輸入的數(shù)據(jù)，讓數(shù)據(jù)可以全部顯示 出來。26）查詢數(shù)據(jù)時應(yīng)為用戶提供模糊查詢的功能（除了部分查詢條 件必須精確查詢外） 。27）視頻、動畫應(yīng)該播放流暢，可以隨時暫停、關(guān)閉。28）播放視頻時，可以記憶上一次該用戶的播放位置并

19、支持繼續(xù) 播放。29）功能的設(shè)計應(yīng)以提高用戶的使用效率為前提。30）刷新頁面后應(yīng)該仍停留在當前頁面。3.3 瀏覽體驗瀏覽體驗是指呈現(xiàn)給用戶瀏覽上的體驗，強調(diào)吸引性。1 ）充分利用相對次要的位置，提高這些地方的相關(guān)性，給用戶帶來意外性的體驗升級（如看過該商品的用戶還看過）。2）讓導(dǎo)航欄顯而易見，連貫一致，給用戶指明方向。3）導(dǎo)航欄應(yīng)可以讓用戶清楚地知道自己當前所處的位置4）全局導(dǎo)航一直存在，最好可以預(yù)覽其他模塊的動態(tài)。5）采用易于閱讀的字體，文本內(nèi)容清晰明了，易于閱讀，避免 文字過小或過密造成的閱讀障礙。6）系統(tǒng)中的語言保持一致（中 / 英文）。7）系統(tǒng)中的文字大小保持一致。8）對于長篇文章和較

20、多的數(shù)據(jù)要進行分頁瀏覽。9）一個頁面只關(guān)注一個主要目標，讓用戶更能集中注意了，不 被其他噪音干擾。10）在設(shè)計手機端網(wǎng)頁大小時，能夠以滑動屏幕的方式來閱讀網(wǎng) 頁，適應(yīng)不同尺寸的屏幕。11）不要將網(wǎng)頁端的經(jīng)驗直接復(fù)用到 APP端 （如下劃線鏈接，應(yīng) 避免在APP中的文本上使用瀏覽器模式下的下劃線鏈接）。12）有日期的地方應(yīng)默認顯示當前日期。13）圖表（柱狀圖、折線圖等）應(yīng)該清晰易懂，讓用戶易于看懂 數(shù)據(jù)。14）分類標簽應(yīng)該準確易懂。15）點擊手機的“返回”按鈕，可以返回到上一級頁面。16）應(yīng)避免彈出式廣告。17）用戶可以自主選擇一頁顯示多少條數(shù)據(jù) （設(shè)置一頁 10/20/30條等）。18）當數(shù)據(jù)的標題等字段的字節(jié)數(shù)過多時，應(yīng)只截取部分字節(jié)， 其余字節(jié)省略顯示，保持頁面顯示美觀19）避免出現(xiàn)空白頁，頁面中也不要有大片空白。3.4情感體驗情感體驗是指呈現(xiàn)給用戶心理上的體驗，強調(diào)友好性。1）客戶分類：將不同的瀏覽者進行劃分（如消費者、經(jīng)銷商、 內(nèi)部員工），為客戶提供不同的服務(wù)。2）友好提示：對于每一個操作進行友好提示，以增加瀏覽者的 親和度。3）會員交流：提供便利的會員交流功能（如論壇），增進會員感 情。4）售后反饋：定期進行售后的反饋跟蹤，提高客戶滿意度。5）會員優(yōu)惠：定期舉辦會員優(yōu)惠活動，讓會員感覺