慧色用戶體驗與交互設(shè)計

用戶體驗與交互設(shè)計淘寶北京UED慧色huise@

WhatISUx?定義：

原文：

theuserexperience,mostlycalled"customerexperience"whenreferringtoe-commercewebsites;thetotalityoftheexperienceofauserwhenvisitingawebsite.Theirimpressionsandfeelings.Whetherthey'resuccessful.Whethertheyenjoythemselves.Whethertheyfeellikecomingbackagain.Theextenttowhichtheyencounterproblems,confusions,andbugs.用戶體驗，我們這里主要是指所謂的“客戶體驗”，指用戶訪問一個網(wǎng)站或者使用一個產(chǎn)品時的全部體驗。他們的印象和感覺,是否成功，是否享受，是否還想再來使用。他們能夠忍受的問題，疑惑和BUG的程度。用戶

誰是用戶認識用戶給你壓力人是用戶BOSSABOSSBBOSSC?誰？用戶

技術(shù)商業(yè)關(guān)于用戶的幾句話Multipledecisionmadeinseconds往往決定點擊是在快在一秒內(nèi)的事兒Uesrarelazy用戶是懶惰的Useralwaysgiveup,theyhavemuchmorechoice用戶喜歡放棄他們有更多選擇Uesrdon’tnecessarilyreadbeforetheyclick用戶在點擊之前不進行必要的閱讀用戶體驗是競爭力商業(yè)競爭通常有三大動力：商業(yè)模式、技術(shù)、用戶體驗

當(dāng)前兩者基本沒有太大差距的時候,用戶體驗是最激烈戰(zhàn)場.有用的用戶體驗要素易用的可發(fā)現(xiàn)的可靠的創(chuàng)造性的渴望的有價值的功能性情感因素用戶體驗評估任務(wù)

耗時完成率

出錯率幫助有效性滿意度初體驗可學(xué)性

功能

易用可靠性

綜合性WhatisInteractionDesign?定義：交互設(shè)計試圖提高產(chǎn)品或系統(tǒng)的可用性和用戶體驗。它首先研究、了解某類用戶的需求，然后再通過設(shè)計來滿足甚至超出用戶的需求。隨著產(chǎn)品和操作變得越來越復(fù)雜，越需要用戶掌握更多新技能，因此設(shè)計師面臨更大的挑戰(zhàn)如何能幫助用戶提高效率。

通常，新技術(shù)對于目標(biāo)用戶來講都很復(fù)雜。交互設(shè)計試圖在保證產(chǎn)品功能的同時又能縮短用戶的學(xué)習(xí)曲線，提高任務(wù)完成的準(zhǔn)確性和效率。這能讓用戶遇到更少的阻礙，從而能有更高的效率，并感到更加滿意。

?!更少聚焦&設(shè)計多探索少評估產(chǎn)品瀑布流程調(diào)查設(shè)計開發(fā)運營概念頭腦風(fēng)暴

市場研究情境調(diào)查

定義人物角色模型用戶場景故事板概念導(dǎo)圖設(shè)計流程圖原型（紙、線框、高保、設(shè)計說明）視覺內(nèi)容清單可用性測試檢查驗收清單

MRDPRD評審

設(shè)計評審UC評審

測試用例檢查任務(wù)分析導(dǎo)航設(shè)計

頁面布局原型設(shè)計交互說明交互設(shè)計方法任務(wù)分析與產(chǎn)品經(jīng)理、運營方會議溝通并閱讀理解PRD，轉(zhuǎn)化產(chǎn)品需求為產(chǎn)品交互任務(wù)分析。任務(wù)流程（思維導(dǎo)圖、流程圖）任務(wù)列表（樹形結(jié)構(gòu)）

思維導(dǎo)圖

流程圖

描述用戶特定任務(wù)的操作步驟,理清用戶的操作步驟，對整個任務(wù)的全面了解,與其他部門溝通的有效工具，方便對工作量的預(yù)估任務(wù)列表1、賣家申請加入淘寶虛擬大額交易平臺a、申請條件不具備

（3條分支:B賣家非C賣家1個月內(nèi)退出過平臺）b、符合申請符合

簽署淘寶虛擬大額交易協(xié)議

查看平臺寶貝價格

簽署支付寶代扣協(xié)議，提交平臺預(yù)繳金

入住平臺成功2、話費直沖a、搜索商品

（單一結(jié)果、多結(jié)果）b、商品價格設(shè)置c、選擇供應(yīng)商d、發(fā)布商品……..

常見導(dǎo)航有：全局導(dǎo)航輔助導(dǎo)航面包屑

導(dǎo)航設(shè)計導(dǎo)航設(shè)計是交互設(shè)計中的關(guān)鍵,導(dǎo)航設(shè)計目的是把復(fù)的信息和頁面經(jīng)過組織清晰的展現(xiàn)給用戶。要讓用戶清楚自己處在的位置，自己可以訪問那里。導(dǎo)航設(shè)計決定了整個產(chǎn)品操作邏輯與頁面關(guān)系。常用的布局：兩列三列

頁面布局根據(jù)前面的任務(wù)分析與導(dǎo)航設(shè)計，選則適合當(dāng)前產(chǎn)品的頁面布局，把細碎的功能與導(dǎo)航粗略的排放進頁面內(nèi)。

頁面布局范例原型設(shè)計原型設(shè)計是交互設(shè)計中比較重要的產(chǎn)出物，在確認的布局中添加功能模塊細節(jié)的交互的形式。原型設(shè)計是交互設(shè)計師與產(chǎn)品經(jīng)理、開發(fā)工程師、QA溝通的最好工具。

原則上必須是交互設(shè)計師的產(chǎn)物，交互設(shè)計以用戶為中心的理念會貫穿整個產(chǎn)品。原型分為高保原型、低保原型（線框圖）

常用低保原型（線框圖）

設(shè)計說明標(biāo)明頁面里操作的各種交互狀態(tài)說明，讓視覺設(shè)計師、開發(fā)工程師可對照交互產(chǎn)出物更好的理解開發(fā)產(chǎn)品。交互設(shè)計指南任務(wù)可被完成符合用戶習(xí)慣適時幫助提醒、反饋操作一致………..特殊人群看不到任務(wù)可被完成符合用戶習(xí)慣熟悉程度020406080100100學(xué)習(xí)成本806040200熟悉程度、學(xué)習(xí)成本成反比適時幫助提醒、反饋點擊傳播確定后，沒有確認反饋，看不到傳播后的結(jié)果。操作一致幫助從錯誤中恢復(fù)自動完成提高用戶效率特殊人群設(shè)計價值1/14/20231/14/2023Q2總收入111.4萬，Q3總收入205.8萬，+84.7%航意險--Q3數(shù)據(jù)1/14/2023Q2日均為28%，Q3日均為37%，+9%機票組新人送保險大促活動結(jié)合提價33%的因素，總共多收入約88萬航意險--Q3數(shù)據(jù)給設(shè)計師的9句話用戶體驗是商業(yè)、技術(shù)、用戶三方面交集設(shè)計不僅是為了視覺美觀抓住產(chǎn)品的關(guān)鍵