用戶體驗(yàn)課程課件

1、目錄用戶體驗(yàn)的定義12用戶體驗(yàn)的內(nèi)容3用戶體驗(yàn)操作明細(xì)4用戶體驗(yàn)案例分析用戶體驗(yàn)的定義1用戶體驗(yàn)的定義1常見(jiàn)名詞用戶體驗(yàn)的定義用戶體驗(yàn)，英文叫做User Experience，縮寫(xiě)為UE, 或者UX。 它是指用戶訪問(wèn)一個(gè)網(wǎng)站或者使用一個(gè)產(chǎn)品時(shí)所帶給他的體驗(yàn)。5 用戶體驗(yàn)是用戶的主觀感受，如果我們產(chǎn)品的設(shè)計(jì)能夠與用戶心理的期望相吻合的話，用戶就會(huì)更滿意于產(chǎn)品，用戶的滿意度越高，用戶對(duì)我們產(chǎn)品的忠誠(chéng)度就越高，我們產(chǎn)品的黏性就越大。增加產(chǎn)品對(duì)用戶的黏性：用戶產(chǎn)品 期望體驗(yàn) 體驗(yàn)結(jié)果 廣告位置與效果分析一個(gè)好的用戶體驗(yàn)包括2用戶體驗(yàn)的內(nèi)容用戶體驗(yàn)的要素戰(zhàn)略功能范圍結(jié)構(gòu)框架視覺(jué)視計(jì)用戶體驗(yàn)劃分為四個(gè)部分

2、 1.品牌(branding) 2.使用性(usability) 3.功能性(functionality) 4.內(nèi)容(content)品牌用來(lái)衡量網(wǎng)站品牌的描述包括： 1為訪問(wèn)用戶提供了有吸引力的難忘的體驗(yàn)。 2網(wǎng)站的視覺(jué)效果與品牌一致。 3圖片，附加內(nèi)容，多媒體內(nèi)容提供了體驗(yàn)過(guò)程的價(jià)值。 4網(wǎng)站傳達(dá)了品牌設(shè)定的程度。 5網(wǎng)站充分運(yùn)用了這個(gè)體驗(yàn)?zāi)芰?，加?qiáng)了或延伸了品牌。功能性 用來(lái)衡量功能性的描述包括： 功能性包括所有的技術(shù)上的及屏幕之后的流程及應(yīng)用，它伴隨著為所有最終用戶提供互動(dòng)服務(wù)。而且有時(shí)對(duì)公眾和管理員都有意義。 1 用戶及時(shí)獲得對(duì)其查詢(xún)和提交信息的反饋2 清晰的任務(wù)過(guò)程的告知（比如成功

3、頁(yè)面或郵件更新提示） 3 網(wǎng)站和應(yīng)用加上了一般的安全及個(gè)人隱私的標(biāo)準(zhǔn) 4 在線功能與離線業(yè)務(wù)結(jié)合 5 網(wǎng)站包含管理工具，加強(qiáng)管理員的效率使用性 使用性包括 一般意義上的對(duì)所有網(wǎng)站的內(nèi)容和特點(diǎn)的易用性。在可能之下的二級(jí)主題還包括導(dǎo)航的友好性。他們包括：1 網(wǎng)站防止錯(cuò)誤發(fā)生，并幫助使用從錯(cuò)誤中恢復(fù)。 2 整體頁(yè)面?zhèn)戎貞?yīng)針對(duì)主要目標(biāo)受眾優(yōu)化。 3 網(wǎng)站幫助其訪問(wèn)都達(dá)成一般性目標(biāo)和任務(wù)。 4 網(wǎng)站保持其一致性和標(biāo)準(zhǔn)。 5 網(wǎng)站能為有殘疾用戶提供特定內(nèi)容。內(nèi)容網(wǎng)站的實(shí)際內(nèi)容，文本，圖片，多媒體等，以及其結(jié)構(gòu)，信息體結(jié)構(gòu)。1 連接密度帶來(lái)的清晰度和簡(jiǎn)單的網(wǎng)站瀏覽2 內(nèi)容組織方便了用戶實(shí)現(xiàn)他們的目標(biāo) 3 內(nèi)

4、容及時(shí)準(zhǔn)確 4 內(nèi)容與用戶需要和商務(wù)目標(biāo)相切合 5 多語(yǔ)言的綜合性?xún)?nèi)容導(dǎo)航交互用戶體驗(yàn)策略UE與可用性過(guò)程-基于UCD的過(guò)程產(chǎn)品創(chuàng)意初步概念商業(yè)目標(biāo)與目的計(jì)劃以用戶為中心的系統(tǒng)設(shè)計(jì)產(chǎn)品構(gòu)建業(yè)務(wù)對(duì)象分析技術(shù)設(shè)計(jì)與實(shí)現(xiàn)可用性測(cè)試與監(jiān)控需求分析必要條件和用戶需求業(yè)務(wù)建模用戶和用戶背景分析用戶使用目標(biāo)分析可用性需求分析可用性設(shè)計(jì)通過(guò)原型制作概念方案設(shè)計(jì)信息架構(gòu)設(shè)計(jì)交互設(shè)計(jì)視覺(jué)設(shè)計(jì)制作UI反饋計(jì)劃下一個(gè)反復(fù)根據(jù)評(píng)估結(jié)果，制定下一迭代的目標(biāo)和計(jì)劃評(píng)估在情境中使用可用性評(píng)估商業(yè)目標(biāo)評(píng)估產(chǎn)品設(shè)計(jì)3用戶體驗(yàn)操作明細(xì)用戶體驗(yàn)分類(lèi)感官體驗(yàn)：呈現(xiàn)給用戶視聽(tīng)上的體驗(yàn)，強(qiáng)調(diào)舒適性。交互體驗(yàn)：呈現(xiàn)給用戶操作上的體驗(yàn)，強(qiáng)調(diào)易

5、用 / 可用性。情感體驗(yàn)：呈現(xiàn)給用戶心理上的體驗(yàn)，強(qiáng)調(diào)友好性。瀏覽體驗(yàn)：呈現(xiàn)給用戶瀏覽上的體驗(yàn)，強(qiáng)調(diào)吸引性。信任體驗(yàn)：呈現(xiàn)給用戶的信任體驗(yàn)，強(qiáng)調(diào)可靠性。感官體驗(yàn)1. 設(shè)計(jì)風(fēng)格：符合目標(biāo)客戶的審美習(xí)慣，并具有一定的引導(dǎo)性。網(wǎng)站在設(shè)計(jì)之前 ， 必須明確目標(biāo)客戶群體 ， 并針對(duì)目標(biāo)客戶的審美喜好 ， 進(jìn)行分析 ， 從而確定網(wǎng)站的總體設(shè)計(jì)風(fēng)格。2. 網(wǎng)站 LOGO ：確保 logo 的保護(hù)空間，確保品牌的清晰展示而又不占據(jù)過(guò)分空間。3. 頁(yè)面速度 ： 正常情況下 ， 盡量確保頁(yè)面在 5 秒內(nèi)打開(kāi) 。 如果是大 型門(mén)戶網(wǎng)站 ， 必須考慮南北互通問(wèn)題，進(jìn)行必要的壓力測(cè)試。4. 頁(yè)面布局：重點(diǎn)突出，主次分明

6、，圖文并茂。與企業(yè)的營(yíng)銷(xiāo)目標(biāo)相結(jié)合，將目標(biāo)客戶最感興趣的，最具有銷(xiāo)售力的信息放置在最重要的位置。5. 頁(yè)面色彩 ： 與品牌整體形象相統(tǒng)一 ， 主色調(diào) + 輔助色不超過(guò)三種顏色 。 以恰當(dāng)?shù)纳拭鞫群土炼?，確保瀏覽者的瀏覽舒適度。6. 動(dòng)畫(huà)效果：與主畫(huà)面相協(xié)調(diào)，打開(kāi)速度快，動(dòng)畫(huà)效果節(jié)奏適中，不干擾主畫(huà)面瀏覽。7. 頁(yè)面導(dǎo)航：導(dǎo)航條清晰明了、突出，層級(jí)分明。8. 頁(yè)面大?。哼m合多數(shù)瀏覽器瀏覽（以 15 寸及 17 寸顯示器為主 ） 。9. 圖片展示：比例協(xié)調(diào)、不變形，圖片清晰。圖片排列既不過(guò)于密集，也不會(huì)過(guò)于疏遠(yuǎn)。10. 圖標(biāo)使用：簡(jiǎn)潔、明了、易懂、準(zhǔn)確，與頁(yè)面整體風(fēng)格統(tǒng)一。11. 廣告位：避免干

7、擾視線，廣告圖片符合整體風(fēng)格，避免喧賓奪主。12. 背景音樂(lè) ： 與整體網(wǎng)站主題統(tǒng)一 ， 文件要小 ， 不能干擾閱讀 。 要設(shè)置開(kāi)關(guān)按鈕及音量控制按鈕。交互體驗(yàn)13. 會(huì)員申請(qǐng)：介紹清晰的會(huì)員權(quán)責(zé)，并提示用戶確認(rèn)已閱讀條款。14. 會(huì)員注冊(cè)：流程清晰、簡(jiǎn)潔。待會(huì)員注冊(cè)成功后，再詳細(xì)完善資料。15. 表單填寫(xiě) ： 盡量采用下拉選擇 ， 需填寫(xiě)部分需注明要填寫(xiě)內(nèi)容 ， 并對(duì)必填字段作出限制 。（如手機(jī)位數(shù)、郵編等等，避免無(wú)效信息）16. 表單提交：表單填寫(xiě)后需輸入驗(yàn)證碼，防止注水。提交成功后，應(yīng)顯示感謝提示。17. 按鈕設(shè)置：對(duì)于交互性的按鈕必須清晰突出，以確保用戶可以清楚地點(diǎn)擊。18. 點(diǎn)擊提示

8、 ： 點(diǎn)擊瀏覽過(guò)的信息顏色需要顯示為不同的顏色 ， 以區(qū)分于未閱讀內(nèi)容 ， 避免重復(fù)閱讀。19. 錯(cuò)誤提示 ： 若表單填寫(xiě)錯(cuò)誤 ， 應(yīng)指明填寫(xiě)錯(cuò)誤之處 ， 并保存原有填寫(xiě)內(nèi)容 ， 減少重復(fù)工作。20. 在線問(wèn)答：用戶提問(wèn)后后臺(tái)要及時(shí)反饋，后臺(tái)顯示有新提問(wèn)以確?；貜?fù)及時(shí)。21. 意見(jiàn)反饋：當(dāng)用戶在使用中發(fā)生任何問(wèn)題，都可隨時(shí)提供反饋意見(jiàn)。22. 在線調(diào)查：為用戶關(guān)注的問(wèn)題設(shè)置調(diào)查，并顯示調(diào)查結(jié)果，提高用戶的參與度。23. 在線搜索 ： 搜索提交后 ， 顯示清晰列表 ， 并對(duì)該搜索結(jié)果中的相關(guān)字符以不同顏色加以區(qū)分。24. 頁(yè)面刷新：盡量采用無(wú)刷新（ AJAX ）技術(shù)，以減少頁(yè)面的刷新率。Ajax

9、 是新興的網(wǎng)絡(luò)開(kāi)發(fā)技術(shù)的象征 。 它將 JavaScript 和 XML 技術(shù)結(jié)合在一起 ， 用戶每次調(diào)用新數(shù)據(jù)時(shí) ， 無(wú)需反復(fù)向服務(wù)器發(fā)出請(qǐng)求 ， 而是在瀏覽器的緩存區(qū)預(yù)先獲取下次可能用到的數(shù)據(jù)，界面的響應(yīng)速度因此得到了顯著提升。25. 新開(kāi)窗口 ： 盡量減少新開(kāi)的窗口 ， 以避免開(kāi)過(guò)多的無(wú)效窗口 ， 設(shè)置彈出窗口的關(guān)閉功能 。26. 資料安全：確保資料的安全保密，對(duì)于客戶密碼和資料進(jìn)行加密保存。27. 顯示路徑 ： 無(wú)論用戶瀏覽到哪一個(gè)層級(jí) ， 哪一個(gè)頁(yè)面 ， 都可以清楚知道看到該頁(yè)面的路徑。瀏覽體驗(yàn)28. 欄目的命名：與欄目?jī)?nèi)容準(zhǔn)確相關(guān)，簡(jiǎn)潔清晰，不宜過(guò)于深?yuàn)W。29. 欄目的層級(jí)：最多不

10、超過(guò)三層，導(dǎo)航清晰，運(yùn)用 JAVAscrip 等技術(shù)使得層級(jí)之間伸縮便利。30. 內(nèi)容的分類(lèi)：同一欄目下，不同分類(lèi)區(qū)隔清晰，不要互相包含或混淆。31. 內(nèi)容的豐富性：每一個(gè)欄目應(yīng)確保足夠的信息量，避免欄目無(wú)內(nèi)容情況出現(xiàn)。32. 內(nèi)容的原創(chuàng)性：盡量多采用原創(chuàng)性?xún)?nèi)容，以確保內(nèi)容的可讀性。33. 信息的更新頻率：確保穩(wěn)定的更新頻率，以吸引瀏覽者經(jīng)常瀏覽。34. 信息的編寫(xiě)方式：段落標(biāo)題加粗，以區(qū)別于內(nèi)文。采用倒金字塔結(jié)構(gòu)。35. 新文章的標(biāo)記：為新文章提供不同標(biāo)識(shí)（如 new ） ，吸引瀏覽者查看。36. 文章導(dǎo)讀 ： 為重要內(nèi)容在首頁(yè)設(shè)立導(dǎo)讀 ， 使得瀏覽者可以了解到所需信息 。 文字截取字?jǐn)?shù)準(zhǔn)確

11、，避免斷章取義。37. 精彩內(nèi)容的推薦：在頻道首頁(yè)或文章左右側(cè)，提供精彩內(nèi)容推薦，吸引瀏覽者瀏覽。38. 相關(guān)內(nèi)容的推薦 ： 在用戶瀏覽文章的左右側(cè)或下部 ， 提供相關(guān)內(nèi)容推薦 ， 吸引瀏覽者瀏覽。39. 收藏夾的設(shè)置：為會(huì)員設(shè)置收藏夾，對(duì)于喜愛(ài)的產(chǎn)品或信息，可進(jìn)行收藏。40. 欄目的訂閱：提供 Rss 或郵件訂閱功能41. 信息的搜索：在頁(yè)面的醒目位置，提供信息搜索框，便于查找到所需內(nèi)容。42. 頁(yè)面打印：允許用戶打印該頁(yè)資料，以便于保存。43. 文字排列：標(biāo)題與正文明顯區(qū)隔，段落清晰。44. 文字字體 ： 采用易于閱讀的字體 ， 避免文字過(guò)小或過(guò)密造成的閱讀障礙 。 可對(duì)字體進(jìn)行大中小設(shè)置

12、，以滿足不同的瀏覽習(xí)慣。45. 頁(yè)面底色：不能干擾主體頁(yè)面的閱讀。46. 頁(yè)面的長(zhǎng)度：設(shè)置一定的頁(yè)面長(zhǎng)度，避免頁(yè)面過(guò)長(zhǎng)而影響閱讀。47. 分頁(yè)瀏覽：對(duì)于長(zhǎng)篇文章 進(jìn)行分頁(yè)瀏覽。48. 語(yǔ)言版本：為面向不同國(guó)家的客戶提供不同的瀏覽版本。49. 快速通道：為有明確目的的用戶提供快速入口。情感體驗(yàn)50. 客戶分類(lèi)：將不同的瀏覽者進(jìn)行劃分（如消費(fèi)者、經(jīng)銷(xiāo)商、內(nèi)部員工 ） ，為客戶提供不同的服務(wù)。51. 友好提示：對(duì)于每一個(gè)操作進(jìn)行友好提示，以增加瀏覽者的親和度。52. 會(huì)員交流：提供便利的會(huì)員交流功能（如論壇 ） ，增進(jìn)會(huì)員感情。53. 售后反饋：定期進(jìn)行售后的反饋跟蹤，提高客戶滿意度。54. 會(huì)員優(yōu)

13、惠：定期舉辦會(huì)員優(yōu)惠活動(dòng)，讓會(huì)員感覺(jué)到實(shí)實(shí)在在的利益。55. 會(huì)員推薦：根據(jù)會(huì)員資料及購(gòu)買(mǎi)習(xí)慣，為其推薦適合的產(chǎn)品或服務(wù)。56. 鼓勵(lì)用戶參與：提供用戶評(píng)論、投票等功能，讓會(huì)員更多地參與進(jìn)來(lái)。57. 會(huì)員活動(dòng)：定期舉辦網(wǎng)上會(huì)員活動(dòng)，提供會(huì)員網(wǎng)下交流機(jī)會(huì)。58. 專(zhuān)家答疑：為用戶提出的疑問(wèn)進(jìn)行專(zhuān)業(yè)解答。59. 郵件 / 短信問(wèn)候：針對(duì)不同客戶，為客戶定期提供郵件 / 短信問(wèn)候，增進(jìn)與客戶間感情。60. 好友推薦：提供郵件推薦功能。61. 網(wǎng)站地圖：為用戶提供清晰的網(wǎng)站指引。62. 搜索引擎：查找相關(guān)內(nèi)容可以顯示在搜索引擎前列。63. 公司介紹：真實(shí)可靠的信息發(fā)布，包括公司規(guī)模、發(fā)展?fàn)顩r、公司資質(zhì)等。64. 投資者關(guān)系：上市公司需為股民提供真實(shí)準(zhǔn)確的年報(bào)，財(cái)務(wù)信息等。65. 服務(wù)保障：將公司的服務(wù)保障清晰列出，增強(qiáng)客戶信任。66. 頁(yè)面標(biāo)題：準(zhǔn)確地描述公司名稱(chēng)及相關(guān)內(nèi)容。67. 文章來(lái)源：為摘引的文章標(biāo)注摘引來(lái)源，避免版權(quán)糾紛。68. 文章編輯作者：為原創(chuàng)性文章注明編輯或作者，以提高文章的可信度。69. 聯(lián)系方式：準(zhǔn)確有效的地址、電話等聯(lián)系方式，便于查找。70. 服務(wù)熱線：將公司的服務(wù)熱線列在醒目的地方，便