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

用戶體驗(yàn)與交互設(shè)計(jì)2022/10/13淘寶北京UED慧色huise@

WhatISUx?定義：用戶體驗(yàn)，我們這里主要是指所謂的“客戶體驗(yàn)”，指用戶訪問一個(gè)網(wǎng)站或者使用一個(gè)產(chǎn)品時(shí)的全部體驗(yàn)。他們的印象和感覺,是否成功，是否享受，是否還想再來使用。他們能夠忍受的問題，疑惑和BUG的程度。

原文：

theuserexperience,mostlycalled"customerexperience"whenreferringtoe-commercewebsites;thetotalityoftheexperienceofauserwhenvisitingawebsite.Theirimpressionsandfeelings.Whetherthey'resuccessful.Whethertheyenjoythemselves.Whethertheyfeellikecomingbackagain.Theextenttowhichtheyencounterproblems,confusions,andbugs.用戶

誰是用戶認(rèn)識(shí)用戶給你壓力人是用戶?BOSSABOSSBBOSSC誰？用戶

技術(shù)商業(yè)關(guān)于用戶的幾句話Multipledecisionmadeinseconds

往往決定點(diǎn)擊是在快在一秒內(nèi)的事兒Uesrarelazy用戶是懶惰的Useralwaysgiveup,theyhavemuchmorechoice用戶喜歡放棄他們有更多選擇Uesrdon’tnecessarilyreadbeforetheyclick用戶在點(diǎn)擊之前不進(jìn)行必要的閱讀用戶體驗(yàn)是競(jìng)爭(zhēng)力商業(yè)競(jìng)爭(zhēng)通常有三大動(dòng)力：商業(yè)模式、技術(shù)、用戶體驗(yàn)

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

耗時(shí)完成率

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

功能

易用可靠性

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

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

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

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

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

MRDPRD評(píng)審

設(shè)計(jì)評(píng)審UC評(píng)審

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

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

思維導(dǎo)圖

流程圖

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

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

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

查看平臺(tái)寶貝價(jià)格

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

入住平臺(tái)成功2、話費(fèi)直沖a、搜索商品

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

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

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

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

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

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

常用低保原型（線框圖）

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