用戶體驗及交互設計

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

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