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

1、關(guān)于用戶體驗(yàn)及交互設(shè)計(jì)第一張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月用戶體驗(yàn)概述第二張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月用戶體驗(yàn)(User Experience)，縮寫為UE, 或者UX。它是指用戶訪問(wèn)一個(gè)網(wǎng)站或者使用一個(gè)產(chǎn)品時(shí)的全部體驗(yàn)。用戶體驗(yàn)設(shè)計(jì)則是以此概念為中心的一套設(shè)計(jì)流程。在英語(yǔ)中常被簡(jiǎn)寫為UE Design。此流程完整的包括了有目標(biāo)用戶設(shè)定，滿意度的范圍和指標(biāo)設(shè)定，用戶需求的功能，交互研究，系統(tǒng)反饋和最終的報(bào)告與成果。UED，其目標(biāo)就是讓用戶自然愉悅地使用產(chǎn)品。以用戶為中心（UCD），用戶體驗(yàn)從產(chǎn)品開發(fā)的早期就要介入進(jìn)來(lái)，并貫穿整個(gè)流程。什么是用戶體驗(yàn)第三張，PPT共三十一

2、頁(yè)，創(chuàng)作于2022年6月互聯(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)見(jiàn)附件。 第四張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月為什么要進(jìn)行用戶體驗(yàn)用戶體驗(yàn)的目的：讓用戶在使用產(chǎn)品或?yàn)g覽網(wǎng)頁(yè)時(shí)無(wú)障礙；提高用戶使用網(wǎng)站的滿意度；留住舊用戶，發(fā)展新用戶；降低了用戶時(shí)間成本及我們的研發(fā)成本；提高用戶對(duì)網(wǎng)站品牌的忠誠(chéng)度。如果用戶體驗(yàn)不好：對(duì)產(chǎn)品產(chǎn)生負(fù)面印象及評(píng)價(jià)，連帶對(duì)于品牌的負(fù)面影

3、響。造成用戶流失，從而在行業(yè)中喪失競(jìng)爭(zhēng)力。第五張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月怎樣開展用戶體驗(yàn)劃分用戶群，確定目標(biāo)用戶。走近目標(biāo)用戶，挖掘用戶需求。在用戶需求與商業(yè)需求中尋找平衡點(diǎn)。規(guī)劃產(chǎn)品的發(fā)展策略，什么時(shí)候做什么事情?？焖僭O(shè)計(jì)、研發(fā)、測(cè)試、上線?？焖僬{(diào)整。始終提供給用戶“有用”的東西。第六張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月一致性視覺(jué)一致性：字體、顏色、圖片等元素的規(guī)格、尺寸、樣式、間距等；交互一致性：頁(yè)面跳轉(zhuǎn)、彈出對(duì)話框、鼠標(biāo)動(dòng)作（單擊、滑過(guò)）等；內(nèi)容一致性：內(nèi)容導(dǎo)向、語(yǔ)氣、角度、基調(diào)、風(fēng)格；框架一致性：頁(yè)面及模塊的結(jié)構(gòu)和樣式等。階段性網(wǎng)站發(fā)展是有階段性的，不能一蹴而就，

4、在每個(gè)階段都有既定發(fā)展目標(biāo)。產(chǎn)品設(shè)計(jì)應(yīng)符合當(dāng)前階段的戰(zhàn)略發(fā)展目標(biāo)。用戶參與性用戶提供內(nèi)容用戶參與審核與優(yōu)化用戶口碑營(yíng)銷用戶體驗(yàn)在網(wǎng)站設(shè)計(jì)中需要注意的第七張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月用戶體驗(yàn)中可能遇到的問(wèn)題用戶體驗(yàn)與“抄襲”。用戶體驗(yàn)，不能以用戶滿意為唯一目的。用戶體驗(yàn)師可能會(huì)在外部用戶與內(nèi)部部門之間“走鋼絲”。第八張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月網(wǎng)站建設(shè)步驟及理念第九張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月網(wǎng)站建設(shè)步驟第十張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月核心思想：營(yíng)銷我們要獲得的：點(diǎn)擊量（商業(yè)價(jià)值）、用戶反饋、技術(shù)能力及專業(yè)流程的積累網(wǎng)站建設(shè)理念第十一張，P

5、PT共三十一頁(yè)，創(chuàng)作于2022年6月互聯(lián)網(wǎng)交互設(shè)計(jì)方法第十二張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月什么是交互設(shè)計(jì)交互設(shè)計(jì)（IaD），人與網(wǎng)站的互動(dòng)。設(shè)計(jì)和定義使用者如何使用一產(chǎn)品達(dá)到其目標(biāo)，完成某一任務(wù)的過(guò)程。如注冊(cè)、網(wǎng)購(gòu)、聊天等。交互設(shè)計(jì)不等于用戶體驗(yàn)。交互設(shè)計(jì)是一個(gè)設(shè)計(jì)工作。交互設(shè)計(jì)是一門技術(shù)。交互設(shè)計(jì)在目前階段的主要使命是提高產(chǎn)品可用性。通過(guò)對(duì)界面和操作行為的設(shè)計(jì)提高產(chǎn)品可用性。第十三張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月變化快。質(zhì)量低。功能操作與信息傳達(dá)并重。高速創(chuàng)新從而帶來(lái)的無(wú)標(biāo)準(zhǔn)?；ヂ?lián)網(wǎng)產(chǎn)品的特點(diǎn)第十四張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月那么，互聯(lián)網(wǎng)產(chǎn)品的交互設(shè)計(jì)應(yīng)該

6、怎么做？第十五張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月互聯(lián)網(wǎng)交互設(shè)計(jì)工作信息架構(gòu)是一個(gè)整理信息，斡旋信息系統(tǒng)與使用者需求的過(guò)程，主要是要將信息變成一個(gè)經(jīng)過(guò)組織、歸類、以及具有瀏覽體系的組合結(jié)構(gòu)。網(wǎng)站的組織系統(tǒng)、標(biāo)簽系統(tǒng)、搜索系統(tǒng)，以及導(dǎo)航系統(tǒng)的組合。目的是提供可用性及可尋性。流程設(shè)計(jì)根據(jù)用戶需求分析，對(duì)用戶在網(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)出來(lái)。交互細(xì)節(jié)設(shè)計(jì)根據(jù)基本的交互設(shè)計(jì)規(guī)則，對(duì)網(wǎng)站涉及到交互功能的細(xì)節(jié)進(jìn)行文檔化要求（詳細(xì)設(shè)計(jì)文檔）。第十六張，PPT共三十一頁(yè)，創(chuàng)作于2

7、022年6月什么是信息架構(gòu)？我們可以抽象的理解為：通過(guò)一堵“墻”架起了“人”和“信息”的橋梁，使之各自找到需要的信息。這堵墻亦可以理解成一個(gè)廣義的“界面”，它就是傳說(shuō)中的“信息架構(gòu)”！第十七張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月如何進(jìn)行信息架構(gòu)？根據(jù)自己所在的組織范圍內(nèi)的具體情況，推動(dòng)商業(yè)、內(nèi)容、用戶三要素均衡發(fā)展。商業(yè)：所有的網(wǎng)站和企業(yè)網(wǎng)絡(luò)都存在于特定的商業(yè)或組織環(huán)境中。無(wú)論明顯或不明顯，每一個(gè)組織都有任務(wù)、目標(biāo)、策略、員工、流程和程序、實(shí)體基礎(chǔ)架構(gòu)和技術(shù)基礎(chǔ)架構(gòu)、預(yù)算和文化。將這幾種功能、愿景及資源混合之后，每一個(gè)組織就成為獨(dú)一無(wú)二的組織了。內(nèi)容：包括文件、應(yīng)用程序、服務(wù)、模式，以及人

8、們要找到你的網(wǎng)站時(shí)所需要的元數(shù)據(jù)。真要采用某個(gè)專業(yè)術(shù)語(yǔ)的話，可以說(shuō)就是構(gòu)成你的網(wǎng)站的“材料”。用戶：現(xiàn)實(shí)世界中顧客喜好和行為的差異，在網(wǎng)站和企業(yè)網(wǎng)絡(luò)的情境中就會(huì)被轉(zhuǎn)化成不同的信息需求和信息搜尋行為。第十八張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月信息架構(gòu)的類型靜態(tài)展示型例如新浪、搜狐等門戶型網(wǎng)站；華爾街日?qǐng)?bào)等新聞?lì)惥W(wǎng)站。交互型例如開心網(wǎng)等社區(qū)交互型網(wǎng)站；淘寶、當(dāng)當(dāng)?shù)菳2C電子商務(wù)網(wǎng)站。第十九張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月信息架構(gòu)的表現(xiàn)形式網(wǎng)站的組織系統(tǒng)、標(biāo)簽系統(tǒng)、搜索系統(tǒng)，以及導(dǎo)航系統(tǒng)的組合。第二十張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月即功能流程的設(shè)計(jì)。例如注冊(cè)流程、電子商務(wù)網(wǎng)

9、站中的購(gòu)物流程封裝設(shè)計(jì)等。通過(guò)流程交互設(shè)計(jì)，可以簡(jiǎn)化不必要的邏輯步驟，減少用戶操作次數(shù)。流程最好采用線性，明晰流程的起點(diǎn)與終點(diǎn)?？刂屏鞒虄?nèi)的任務(wù)范圍，過(guò)于龐雜的任務(wù)會(huì)形成干擾，容易讓用戶心生恐懼。流程設(shè)計(jì)第二十一張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月范例：某添加賬戶的流程設(shè)計(jì)之前的設(shè)計(jì)（7個(gè)步驟、8次提交）：1。進(jìn)入“系統(tǒng)設(shè)置”；2。進(jìn)入帳戶管理；2.1。選擇“添加帳戶”；3。輸入郵箱名稱；4。輸入郵箱地址和密碼；5。填寫手機(jī)號(hào)和簽名（可跳過(guò)）；6。設(shè)置郵件服務(wù)器；7。提交完成。之后的設(shè)計(jì)（考慮了用戶體驗(yàn)、安全問(wèn)題與商業(yè)價(jià)值，常規(guī)提交4次）：第二十二張，PPT共三十一頁(yè)，創(chuàng)作于2022年6

10、月交互設(shè)計(jì)中的界面設(shè)計(jì)，又稱藍(lán)圖設(shè)計(jì)或原型設(shè)計(jì)。使用一定的原型設(shè)計(jì)軟件，對(duì)功能和內(nèi)容進(jìn)行組織和表達(dá)，其目的在于直觀地呈現(xiàn)設(shè)計(jì)思想，并起到有效的信息傳達(dá)的作用。方法一：自然語(yǔ)言法。方法二：結(jié)構(gòu)圖法。界面設(shè)計(jì)第二十三張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月更少的信息量更好。結(jié)構(gòu)化更易于理解。信息的表達(dá)應(yīng)該清楚、明確、直接。操作可識(shí)別。操作前，結(jié)果可預(yù)知。操作時(shí)，操作有反饋。操作后，操作可撤銷。讓用戶知道身處何地。避免內(nèi)容看上去象廣告。不提供多余的功能。相同的功能，在不同的頁(yè)面中應(yīng)保持一致性。措辭統(tǒng)一。界面設(shè)計(jì)頁(yè)面表達(dá)原則第二十四張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月具體操作：第一步. 概括待表達(dá)的信息第二步. 將概括好的信息排序第三步. 使用界面語(yǔ)言翻譯適用于較明確的線性流程設(shè)計(jì)。界面設(shè)計(jì)自然語(yǔ)言法第二十五張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月界面設(shè)計(jì)結(jié)構(gòu)圖法具體操作：第一步. 總結(jié)歸納全部待表達(dá)的信息。第二步. 畫樹狀圖。第三步. 畫頁(yè)面草圖，演示。(其中包含：頁(yè)面標(biāo)題、導(dǎo)航、重要的鏈接和按鈕。)第二十六張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月界面設(shè)計(jì)結(jié)構(gòu)圖法第二十七張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月重點(diǎn)在于文檔化。網(wǎng)站設(shè)計(jì)中應(yīng)當(dāng)遵循的基本原則。交互細(xì)節(jié)設(shè)計(jì)第二十八張，PPT共三十一頁(yè)，創(chuàng)作于2022年6月交互設(shè)計(jì)的主要任