用戶體驗(yàn)及交互設(shè)計(jì)

關(guān)于用戶體驗(yàn)及交互設(shè)計(jì)用戶體驗(yàn)概述第2頁,共31頁，2024年2月25日，星期天用戶體驗(yàn)(UserExperience)，縮寫為UE,或者UX。它是指用戶訪問一個(gè)網(wǎng)站或者使用一個(gè)產(chǎn)品時(shí)的全部體驗(yàn)。用戶體驗(yàn)設(shè)計(jì)則是以此概念為中心的一套設(shè)計(jì)流程。在英語中常被簡寫為UEDesign。此流程完整的包括了有目標(biāo)用戶設(shè)定，滿意度的范圍和指標(biāo)設(shè)定，用戶需求的功能，交互研究，系統(tǒng)反饋和最終的報(bào)告與成果。UED，其目標(biāo)就是讓用戶自然愉悅地使用產(chǎn)品。以用戶為中心（UCD），用戶體驗(yàn)從產(chǎn)品開發(fā)的早期就要介入進(jìn)來，并貫穿整個(gè)流程。什么是用戶體驗(yàn)第3頁,共31頁，2024年2月25日，星期天互聯(lián)網(wǎng)的用戶體驗(yàn)類型感官體驗(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)：呈現(xiàn)給用戶瀏覽上的體驗(yàn)，強(qiáng)調(diào)吸引性。信任體驗(yàn)：呈現(xiàn)給用戶的信任體驗(yàn)，強(qiáng)調(diào)可靠性。76個(gè)點(diǎn)見附件。第4頁,共31頁，2024年2月25日，星期天為什么要進(jìn)行用戶體驗(yàn)用戶體驗(yàn)的目的：讓用戶在使用產(chǎn)品或?yàn)g覽網(wǎng)頁時(shí)無障礙；提高用戶使用網(wǎng)站的滿意度；留住舊用戶，發(fā)展新用戶；降低了用戶時(shí)間成本及我們的研發(fā)成本；提高用戶對網(wǎng)站品牌的忠誠度。如果用戶體驗(yàn)不好：對產(chǎn)品產(chǎn)生負(fù)面印象及評價(jià)，連帶對于品牌的負(fù)面影響。造成用戶流失，從而在行業(yè)中喪失競爭力。第5頁,共31頁，2024年2月25日，星期天怎樣開展用戶體驗(yàn)劃分用戶群，確定目標(biāo)用戶。走近目標(biāo)用戶，挖掘用戶需求。在用戶需求與商業(yè)需求中尋找平衡點(diǎn)。規(guī)劃產(chǎn)品的發(fā)展策略，什么時(shí)候做什么事情。快速設(shè)計(jì)、研發(fā)、測試、上線?？焖僬{(diào)整。始終提供給用戶“有用”的東西。第6頁,共31頁，2024年2月25日，星期天一致性視覺一致性：字體、顏色、圖片等元素的規(guī)格、尺寸、樣式、間距等；交互一致性：頁面跳轉(zhuǎn)、彈出對話框、鼠標(biāo)動作（單擊、滑過）等；內(nèi)容一致性：內(nèi)容導(dǎo)向、語氣、角度、基調(diào)、風(fēng)格；框架一致性：頁面及模塊的結(jié)構(gòu)和樣式等。階段性網(wǎng)站發(fā)展是有階段性的，不能一蹴而就，在每個(gè)階段都有既定發(fā)展目標(biāo)。產(chǎn)品設(shè)計(jì)應(yīng)符合當(dāng)前階段的戰(zhàn)略發(fā)展目標(biāo)。用戶參與性用戶提供內(nèi)容用戶參與審核與優(yōu)化用戶口碑營銷用戶體驗(yàn)在網(wǎng)站設(shè)計(jì)中需要注意的第7頁,共31頁，2024年2月25日，星期天用戶體驗(yàn)中可能遇到的問題用戶體驗(yàn)與“抄襲”。用戶體驗(yàn)，不能以用戶滿意為唯一目的。用戶體驗(yàn)師可能會在外部用戶與內(nèi)部部門之間“走鋼絲”。第8頁,共31頁，2024年2月25日，星期天網(wǎng)站建設(shè)步驟及理念第9頁,共31頁，2024年2月25日，星期天網(wǎng)站建設(shè)步驟第10頁,共31頁，2024年2月25日，星期天核心思想：營銷我們要獲得的：點(diǎn)擊量（商業(yè)價(jià)值）、用戶反饋、技術(shù)能力及專業(yè)流程的積累網(wǎng)站建設(shè)理念第11頁,共31頁，2024年2月25日，星期天互聯(lián)網(wǎng)交互設(shè)計(jì)方法第12頁,共31頁，2024年2月25日，星期天什么是交互設(shè)計(jì)交互設(shè)計(jì)（IaD），人與網(wǎng)站的互動。設(shè)計(jì)和定義使用者如何使用一產(chǎn)品達(dá)到其目標(biāo)，完成某一任務(wù)的過程。如注冊、網(wǎng)購、聊天等。交互設(shè)計(jì)不等于用戶體驗(yàn)。交互設(shè)計(jì)是一個(gè)設(shè)計(jì)工作。交互設(shè)計(jì)是一門技術(shù)。交互設(shè)計(jì)在目前階段的主要使命是提高產(chǎn)品可用性。通過對界面和操作行為的設(shè)計(jì)提高產(chǎn)品可用性。第13頁,共31頁，2024年2月25日，星期天變化快。質(zhì)量低。功能操作與信息傳達(dá)并重。高速創(chuàng)新從而帶來的無標(biāo)準(zhǔn)。互聯(lián)網(wǎng)產(chǎn)品的特點(diǎn)第14頁,共31頁，2024年2月25日，星期天那么，

互聯(lián)網(wǎng)產(chǎn)品的交互設(shè)計(jì)應(yīng)該怎么做？第15頁,共31頁，2024年2月25日，星期天互聯(lián)網(wǎng)交互設(shè)計(jì)工作信息架構(gòu)是一個(gè)整理信息，斡旋信息系統(tǒng)與使用者需求的過程，主要是要將信息變成一個(gè)經(jīng)過組織、歸類、以及具有瀏覽體系的組合結(jié)構(gòu)。網(wǎng)站的組織系統(tǒng)、標(biāo)簽系統(tǒng)、搜索系統(tǒng)，以及導(dǎo)航系統(tǒng)的組合。目的是提供可用性及可尋性。流程設(shè)計(jì)根據(jù)用戶需求分析，對用戶在網(wǎng)站中需要完成的任務(wù)流程進(jìn)行設(shè)計(jì)。目的是使流程清晰合理并使用戶根據(jù)適當(dāng)?shù)囊龑?dǎo)順利完成任務(wù)。界面設(shè)計(jì)網(wǎng)站原型設(shè)計(jì)、網(wǎng)站藍(lán)圖設(shè)計(jì)。將內(nèi)容與功能的安排直觀體現(xiàn)出來。交互細(xì)節(jié)設(shè)計(jì)根據(jù)基本的交互設(shè)計(jì)規(guī)則，對網(wǎng)站涉及到交互功能的細(xì)節(jié)進(jìn)行文檔化要求（詳細(xì)設(shè)計(jì)文檔）。第16頁,共31頁，2024年2月25日，星期天什么是信息架構(gòu)？我們可以抽象的理解為：通過一堵“墻”架起了“人”和“信息”的橋梁，使之各自找到需要的信息。這堵墻亦可以理解成一個(gè)廣義的“界面”，它就是傳說中的“信息架構(gòu)”！第17頁,共31頁，2024年2月25日，星期天如何進(jìn)行信息架構(gòu)？根據(jù)自己所在的組織范圍內(nèi)的具體情況，推動商業(yè)、內(nèi)容、用戶三要素均衡發(fā)展。商業(yè)：所有的網(wǎng)站和企業(yè)網(wǎng)絡(luò)都存在于特定的商業(yè)或組織環(huán)境中。無論明顯或不明顯，每一個(gè)組織都有任務(wù)、目標(biāo)、策略、員工、流程和程序、實(shí)體基礎(chǔ)架構(gòu)和技術(shù)基礎(chǔ)架構(gòu)、預(yù)算和文化。將這幾種功能、愿景及資源混合之后，每一個(gè)組織就成為獨(dú)一無二的組織了。內(nèi)容：包括文件、應(yīng)用程序、服務(wù)、模式，以及人們要找到你的網(wǎng)站時(shí)所需要的元數(shù)據(jù)。真要采用某個(gè)專業(yè)術(shù)語的話，可以說就是構(gòu)成你的網(wǎng)站的“材料”。用戶：現(xiàn)實(shí)世界中顧客喜好和行為的差異，在網(wǎng)站和企業(yè)網(wǎng)絡(luò)的情境中就會被轉(zhuǎn)化成不同的信息需求和信息搜尋行為。第18頁,共31頁，2024年2月25日，星期天信息架構(gòu)的類型靜態(tài)展示型例如新浪、搜狐等門戶型網(wǎng)站；華爾街日報(bào)等新聞?lì)惥W(wǎng)站。交互型例如開心網(wǎng)等社區(qū)交互型網(wǎng)站；淘寶、當(dāng)當(dāng)?shù)菳2C電子商務(wù)網(wǎng)站。第19頁,共31頁，2024年2月25日，星期天信息架構(gòu)的表現(xiàn)形式網(wǎng)站的組織系統(tǒng)、標(biāo)簽系統(tǒng)、搜索系統(tǒng)，以及導(dǎo)航系統(tǒng)的組合。第20頁,共31頁，2024年2月25日，星期天即功能流程的設(shè)計(jì)。例如注冊流程、電子商務(wù)網(wǎng)站中的購物流程封裝設(shè)計(jì)等。通過流程交互設(shè)計(jì)，可以簡化不必要的邏輯步驟，減少用戶操作次數(shù)。流程最好采用線性，明晰流程的起點(diǎn)與終點(diǎn)?？刂屏鞒虄?nèi)的任務(wù)范圍，過于龐雜的任務(wù)會形成干擾，容易讓用戶心生恐懼。流程設(shè)計(jì)第21頁,共31頁，2024年2月25日，星期天范例：某添加賬戶的流程設(shè)計(jì)之前的設(shè)計(jì)（7個(gè)步驟、8次提交）：1。進(jìn)入“系統(tǒng)設(shè)置”；2。進(jìn)入帳戶管理；2.1。選擇“添加帳戶”；3。輸入郵箱名稱；4。輸入郵箱地址和密碼；5。填寫手機(jī)號和簽名（可跳過）；6。設(shè)置郵件服務(wù)器；7。提交完成。之后的設(shè)計(jì)（考慮了用戶體驗(yàn)、安全問題與商業(yè)價(jià)值，常規(guī)提交4次）：第22頁,共31頁，2024年2月25日，星期天交互設(shè)計(jì)中的界面設(shè)計(jì)，又稱藍(lán)圖設(shè)計(jì)或原型設(shè)計(jì)。使用一定的原型設(shè)計(jì)軟件，對功能和內(nèi)容進(jìn)行組織和表達(dá)，其目的在于直觀地呈現(xiàn)設(shè)計(jì)思想，并起到有效的信息傳達(dá)的作用。方法一：自然語言法。方法二：結(jié)構(gòu)圖法。界面設(shè)計(jì)第23頁,共31頁，2024年2月25日，星期天更少的信息量更好。結(jié)構(gòu)化更易于理解。信息的表達(dá)應(yīng)該清楚、明確、直接。操作可識別。操作前，結(jié)果可預(yù)知。操作時(shí)，操作有反饋。操作后，操作可撤銷。讓用戶知道身處何地。避免內(nèi)容看上去象廣告。不提供多余的功能。相同的功能，在不同的頁面中應(yīng)保持一致性。措辭統(tǒng)一。界面設(shè)計(jì)—頁面表達(dá)原則第24頁,共31頁，2024年2月25日，星期天具體操作：第一步.概括待表達(dá)的信息第二步.將概括好的信息排序第三步.使用界面語言翻譯適用于較明確的線性流程設(shè)計(jì)。界面設(shè)計(jì)—自然語言法第25頁,共31頁，2024年2月25日，星期天界面設(shè)計(jì)—結(jié)構(gòu)圖法具體操作：第一步.總結(jié)歸納全部待表達(dá)的信息。第二步.畫樹狀圖。第三步.畫頁面草圖，演示。(其中包含：頁面標(biāo)題、導(dǎo)航、重要的鏈接和按鈕。)第26頁,共31頁，2024年2月25日，星期天界面設(shè)計(jì)—結(jié)構(gòu)圖法第27頁,共31頁，2024年2月25日，星期天重點(diǎn)在于文檔化。網(wǎng)站設(shè)計(jì)中應(yīng)當(dāng)遵循的基本原則。交互細(xì)節(jié)設(shè)計(jì)第28頁,共31頁，2024年2月25日，星期天交互設(shè)計(jì)的主要任務(wù)是：通過清晰、準(zhǔn)確、簡潔的表達(dá)進(jìn)而實(shí)現(xiàn)人機(jī)交互。