破繭成蝶:用戶體驗(yàn)設(shè)計(jì)師的成長之路筆記(上)

第一篇 ? 成為用戶體驗(yàn)設(shè)計(jì)師的信念

1闸盔、什么是用戶體驗(yàn)設(shè)計(jì)

1.1設(shè)計(jì)≠藝術(shù)

藝術(shù)是感性的,而設(shè)計(jì)是相對(duì)理性遗锣、精密的货裹。藝術(shù)所表達(dá)的是創(chuàng)作者的個(gè)人意識(shí),而設(shè)計(jì)是為了解決用戶具體的問題黄伊。

1.2邂逅用戶體驗(yàn)設(shè)計(jì)

用戶體驗(yàn):你在使用一個(gè)產(chǎn)品時(shí)的主觀感受泪酱。 ? 用戶體驗(yàn)設(shè)計(jì):為了提升用戶體驗(yàn)而做的設(shè)計(jì)。

用戶體驗(yàn)設(shè)計(jì)首先要解決用戶的某個(gè)實(shí)際問題,其次是讓問題變得更容易解決墓阀,最后是給用戶留下深刻的印象毡惜,讓他在整個(gè)過程中產(chǎn)生美好的體驗(yàn)。因此斯撮,用戶體驗(yàn)設(shè)計(jì)首先應(yīng)是理性的(如解決用戶插電源的煩惱经伙、解決廁所到處是尿液的尷尬局面等),其次才是感性的(設(shè)計(jì)的美觀度勿锅,瞄準(zhǔn)“蒼蠅”的趣味性等)帕膜。

1.3用戶體驗(yàn)設(shè)計(jì)的特征

嚴(yán)謹(jǐn)、理性溢十、創(chuàng)意

提供特定問題的解決方案:在設(shè)計(jì)前先問這次設(shè)計(jì)的目標(biāo)是什么垮刹?要為什么樣的人解決什么樣的問題?如何解決张弛?

不讓用戶思考

趣味橫生

1.4用戶體驗(yàn)設(shè)計(jì)的精益之道

熱愛生活荒典,細(xì)心觀察,勇于改變

了解人吞鸭,觀察人

理性的思路

遇到問題時(shí)如何思考

親身使用寺董、體驗(yàn)

多聽用戶的反饋意見

留心好的設(shè)計(jì),在此基礎(chǔ)上優(yōu)化

2刻剥、了解用戶體驗(yàn)設(shè)計(jì)師

廣義的用戶體驗(yàn):人在使用某個(gè)產(chǎn)品時(shí)的主觀感受遮咖。在互聯(lián)網(wǎng)或軟件公司,用戶體驗(yàn)主要來自用戶和人機(jī)界面的交互過程造虏。

2.1用戶體驗(yàn)相關(guān)職位有哪些

圖解用研御吞、交互、視覺的含義


交互設(shè)計(jì)師:通過分析用戶心理模型漓藕、設(shè)計(jì)任務(wù)流程魄藕、運(yùn)用交互知識(shí),把業(yè)務(wù)邏輯(功能規(guī)格或內(nèi)容需求)以用戶能理解的方式表達(dá)給用戶撵术,最終實(shí)現(xiàn)產(chǎn)品戰(zhàn)略(公司需求和用戶需求的最佳平衡點(diǎn))的過程。 ? ? ? ? ? ?產(chǎn)出物最常見的是設(shè)計(jì)原型话瞧,其他還有競品分析文檔嫩与、用戶反饋整理、流程圖交排、設(shè)計(jì)草圖等划滋。

Balsamiq ?Mockups軟件的手繪風(fēng)格
Axure軟件繪制的線框圖

視覺設(shè)計(jì)師:原畫設(shè)計(jì)師(很強(qiáng)手繪能力,作品充滿表現(xiàn)力)埃篓;平面設(shè)計(jì)師(很好傳達(dá)思想处坪,不乏藝術(shù)感和優(yōu)秀創(chuàng)意);推廣運(yùn)營設(shè)計(jì)師(重點(diǎn)突出、快速抓住眼球同窘,內(nèi)容越直觀越好)玄帕;界面設(shè)計(jì)師(具備一定交互知識(shí),良好的審美感覺想邦,需注意積累知識(shí)裤纹,做到懂產(chǎn)品、懂用戶丧没、懂設(shè)計(jì)鹰椒,關(guān)鍵時(shí)能有條理地陳述自己的觀點(diǎn)和理由)

用戶研究員:通過各種分析和研究,深入地了解用戶特征呕童、用戶行為習(xí)慣等漆际,從而為產(chǎn)品、運(yùn)營夺饲、推廣奸汇、設(shè)計(jì)決策等提供必要的方向和支持。 ? ? ? ? ? ? ?產(chǎn)出物主要是各種類型的用研報(bào)告钞支。更偏向于客觀和實(shí)際的研究結(jié)果茫蛹,具體要怎么解決問題,需要對(duì)報(bào)告進(jìn)行深入解讀烁挟,用戶研究員也應(yīng)通過自己理解給出一些建議婴洼。 ? ? ? ? ? ? 容易遇到的問題是研究周期過長,趕不上產(chǎn)品進(jìn)度撼嗓;用研報(bào)告太過偏重于研究過程和數(shù)據(jù)結(jié)果柬采,易讀性差;和產(chǎn)品聯(lián)系不夠緊密等且警。

2.2用戶體驗(yàn)設(shè)計(jì)師的價(jià)值

用戶體驗(yàn)設(shè)計(jì)師與產(chǎn)品經(jīng)理的差別:設(shè)計(jì)師注重創(chuàng)意及邏輯粉捻、細(xì)節(jié),設(shè)計(jì)目標(biāo)更純粹斑芜,能更好地考慮用戶肩刃,工作上更專注,設(shè)計(jì)方法更專業(yè)杏头;產(chǎn)品經(jīng)理作為產(chǎn)品負(fù)責(zé)人盈包,需考慮更宏觀的問題,聚焦的范圍比較廣醇王,更重視商業(yè)目標(biāo)呢燥,還需考慮項(xiàng)目中的很多瑣事。

用戶設(shè)計(jì)師具體的作用和價(jià)值:

用戶價(jià)值寓娩、商業(yè)價(jià)值

項(xiàng)目價(jià)值:a叛氨、通過專業(yè)能力節(jié)省其他環(huán)節(jié)的時(shí)間呼渣; ? ?b、跟進(jìn)各個(gè)環(huán)節(jié)寞埠,保證產(chǎn)出物質(zhì)量屁置; ? ?c、促進(jìn)統(tǒng)一化及標(biāo)準(zhǔn)化畸裳,提升設(shè)計(jì)效率缰犁; ? ?d、促使項(xiàng)目流程更合理怖糊,更有規(guī)劃帅容; ? ?e、協(xié)助產(chǎn)品經(jīng)理組織各個(gè)環(huán)節(jié)伍伤,是整個(gè)項(xiàng)目的有力推動(dòng)者并徘;

品牌價(jià)值

3、設(shè)計(jì)師的職業(yè)困惑

3.1我適合干這行嗎

是否熱衷于各種好玩又新奇的產(chǎn)品扰魂?平時(shí)是否喜歡用各種各樣的產(chǎn)品研究它是否好用麦乞?是否更容易發(fā)現(xiàn)使用中的各種問題,并積極想辦法解決它劝评?是否充滿各種靈感和創(chuàng)意姐直?是否喜歡思考問題,清晰羅列各種解決方案并尋找其中的邏輯關(guān)系蒋畜,并樂此不疲声畏?繪制草圖時(shí),是否有種莫名的興奮感姻成?喜歡和人交流插龄、展現(xiàn)你的想法和創(chuàng)意嗎?想法容易得到別人認(rèn)可嗎科展?會(huì)精益求精均牢,總要求自己超出預(yù)期嗎?

3.2菜鳥怎么入門

紙面原型事例

多看一些設(shè)計(jì)網(wǎng)站上的文章和書才睹,研究一些好產(chǎn)品徘跪。讀書和實(shí)戰(zhàn)項(xiàng)目不斷穿插進(jìn)行。參加交流活動(dòng):移動(dòng)互聯(lián)網(wǎng)創(chuàng)新大會(huì)琅攘、hiued真椿、阿里技術(shù)嘉年華等,還有UPA乎澄、交互設(shè)計(jì)體驗(yàn)日活動(dòng)等。

3.3去大公司测摔、小公司置济,還是設(shè)計(jì)公司

部分知名設(shè)計(jì)公司/設(shè)計(jì)團(tuán)隊(duì)

3.4什么樣的應(yīng)聘者更容易成功

側(cè)重考查設(shè)計(jì)師什么方面

用戶體驗(yàn)設(shè)計(jì)包括人文解恰、心理學(xué)、設(shè)計(jì)學(xué)浙于、工業(yè)工程學(xué)等

對(duì)用戶體驗(yàn)具備濃厚的興趣

具備良好的素養(yǎng)

具備強(qiáng)大的思維能力

掌握專業(yè)的技能

某交互設(shè)計(jì)師的設(shè)計(jì)分析


某交互設(shè)計(jì)師的原型截圖

3.5未來的發(fā)展方向

復(fù)合型:先專攻一樣护盈,做到一定程度在研究另一樣。

垂直型:在專業(yè)方向上不斷晉升羞酗。

管理型:經(jīng)驗(yàn)豐富腐宋,愿承擔(dān)責(zé)任,有一定領(lǐng)導(dǎo)天分檀轨。

全能型

創(chuàng)業(yè)型



第二篇 ?修煉用戶體驗(yàn)設(shè)計(jì)師的技能

4胸竞、設(shè)計(jì)流程---設(shè)計(jì)師具體做什么

4.1設(shè)計(jì)師如何參與一個(gè)具體的項(xiàng)目

用戶體驗(yàn)設(shè)計(jì)目標(biāo):解決用戶需求,減少用戶理解和操作的成本参萄,給用戶留下美好而深刻的印象卫枝。

設(shè)計(jì)師如何參與一個(gè)具體的項(xiàng)目

4.2在項(xiàng)目中設(shè)計(jì)師容易遇到的問題

團(tuán)隊(duì)成員的專業(yè)能力、外界因素的影響讹挎、團(tuán)隊(duì)凝聚力校赤。

5、需求分析---拿回產(chǎn)品的主導(dǎo)權(quán)

5.1和產(chǎn)品經(jīng)理一起做需求分析

5.2傾聽用戶的聲音

5.3設(shè)計(jì)師的逆襲

扎實(shí)的基本功和良好的心態(tài)筒溃、積極的行為

6马篮、設(shè)計(jì)規(guī)劃---從需求到設(shè)計(jì)草圖

根據(jù)需求確定應(yīng)該提供哪些必要信息給用戶,然后對(duì)信息分門別類怜奖、有效地組織起來浑测,并以導(dǎo)航的形式展現(xiàn)在界面上,讓用戶可以快速找到自己想要的信息烦周。

同時(shí)尽爆,根據(jù)需求來設(shè)計(jì)相應(yīng)的任務(wù),排列任務(wù)優(yōu)先級(jí)读慎,并在界面上通過一些列引導(dǎo)漱贱,幫助用戶快速完成任務(wù)。復(fù)雜的任務(wù)簡單化夭委,信息量過大的重點(diǎn)突出幅狮。

用戶既要獲取信息,又要完成任務(wù)株灸。

需求到界面設(shè)計(jì)

根據(jù)需求來設(shè)計(jì)相關(guān)信息和任務(wù)崇摄,通過組織信息結(jié)構(gòu)、引導(dǎo)用戶完成任務(wù)得到一些列相關(guān)聯(lián)的界面草圖慌烧;然后細(xì)化草圖為具體界面逐抑,在過程中考慮如何讓用戶輕松、愉悅屹蚊、高效地瀏覽和操作厕氨;最后进每,賦予界面一些魔力,讓用戶難以忘記使用產(chǎn)品的體驗(yàn)命斧。

6.1從需求到界面田晚,隔著一扇窗

信息的組織和任務(wù)的設(shè)定

6.2設(shè)計(jì)友好而易用的界面

6.3捕獲用戶的芳心

6.4快速表達(dá)我的想法---紙面原型

紙面原型目的:為了溝通、測試国葬,盡快地解決那些不確定的問題贤徒。確定大致方案時(shí),也確定了產(chǎn)品的框架汇四、主要流程接奈、基本信息和功能等。

使用的工具:鉛筆船殉,紙張鲫趁,馬克筆,雙頭畫筆利虫,尺子等挨厚,想表達(dá)交互效果,可用便簽紙和小卡片糠惫。成套的紙面原型工具疫剃,包括繪圖模板、設(shè)計(jì)繪畫本硼讽、圖標(biāo)模具巢价、標(biāo)準(zhǔn)交互組件等

需要表達(dá)什么:框架、流程固阁、基本功能和內(nèi)容壤躲,可忽略設(shè)計(jì)細(xì)節(jié)。

7备燃、設(shè)計(jì)標(biāo)準(zhǔn)---好的設(shè)計(jì)需要表達(dá)

7.1什么是原型

原型的由來---設(shè)計(jì)方案的表達(dá)

理想情況下 原型的由來
現(xiàn)實(shí)情況下原型的由來

為什么要學(xué)習(xí)原型制作:它是項(xiàng)目開發(fā)的標(biāo)準(zhǔn)和依據(jù)碉克。

低保真原型與高保真原型:低...,用Axure并齐、visio漏麦,移動(dòng)端可用PowerPoint來繪制

Axure可制作一些復(fù)雜的動(dòng)態(tài)效果


ppt的動(dòng)畫功能

7.2標(biāo)準(zhǔn)的原型應(yīng)該包含什么內(nèi)容

簡要說明與信息結(jié)構(gòu)

變更日志

版本說明:以版本號(hào)為單位

信息結(jié)構(gòu):不同需求文檔中的信息結(jié)構(gòu),在需求文檔階段况褪,更多體現(xiàn)產(chǎn)品的邏輯結(jié)構(gòu)撕贞;原型搞中的信息結(jié)構(gòu),是被設(shè)計(jì)加工過的產(chǎn)物测垛,綜合考慮產(chǎn)品邏輯結(jié)構(gòu)和用戶習(xí)慣而得到的結(jié)果

任務(wù)流程與頁面流程:

任務(wù)流程指使用產(chǎn)品時(shí)捏膨,每一步操作會(huì)遇到的情況、系統(tǒng)的反饋等食侮。與需求文檔中的業(yè)務(wù)流程不同号涯,業(yè)務(wù)流程偏向業(yè)務(wù)限制熬北、后臺(tái)邏輯等,不過分注重操作邏輯诚隙;任務(wù)流程需關(guān)注用戶如何操作、界面如何反饋等起胰,從而引導(dǎo)用戶完成目標(biāo)久又。 ??

頁面流程比任務(wù)流程更清晰、具體效五。

線框圖&交互說明:線框圖代表靜態(tài)部分地消,交互圖代表動(dòng)態(tài)部分。

交互說明類型:

限制:包含范圍值畏妖、極限值等脉执。

范圍值指數(shù)據(jù)的取值范圍

極限值指數(shù)據(jù)的顯示限制

狀態(tài):包含默認(rèn)狀態(tài)、常見狀態(tài)戒劫、特殊狀態(tài)等

默認(rèn)狀態(tài)指默認(rèn)顯示的文字半夷、數(shù)據(jù)、選項(xiàng)等

常見狀態(tài)指針對(duì)某一個(gè)模塊迅细,經(jīng)常遇到的一些狀態(tài)。

特殊狀態(tài)指非正常情況下的樣式、文案梭伐、說明等

操作:包含常見操作医窿、特殊操作、誤操作统阿、手勢操作等

常見操作指正常操作時(shí)得到的反饋狀態(tài)

特殊操作指一些極端情況下的操作彩倚。

手勢滑動(dòng)指用戶使用移動(dòng)產(chǎn)品時(shí)的操作方式

反饋指用戶操作后得到的反饋動(dòng)作,包含提示扶平、跳轉(zhuǎn)帆离、動(dòng)畫等

跳轉(zhuǎn)指點(diǎn)擊某個(gè)連接后,頁面跳轉(zhuǎn)到哪里蜻直。需注明跳轉(zhuǎn)時(shí)是”原頁面刷新“還是”新頁面打開“盯质,跳轉(zhuǎn)時(shí)的專場方式,不同位置不同手勢操作會(huì)跳哪里概而。

動(dòng)畫指用戶操作后呼巷,系統(tǒng)通過動(dòng)畫的方式反饋用戶。

總言之赎瑰,除靜態(tài)頁面外王悍,還需考慮各種動(dòng)態(tài)情況;除正常情況外餐曼,還需考慮特殊和錯(cuò)誤情況压储。

7.3你真的會(huì)畫線框圖嗎

通過明暗對(duì)比表達(dá)

不使用截圖與顏色

合理的布局

遵守柵欄規(guī)范:

標(biāo)記第一屏高度

表達(dá)清楚UI邏輯

考慮視覺實(shí)現(xiàn)后的效果

了解視覺趨勢

7.4寫交互說明的訣竅

盡量使用真實(shí)鲜漩、符合邏輯的數(shù)據(jù)內(nèi)容

不遺漏特殊狀態(tài)的描述

避免過長的說明

避免流水賬式的說明

流程圖代替文字說明

用表格羅列各種狀態(tài)

巧妙組織文字說明

制作動(dòng)態(tài)效果

關(guān)于重復(fù)出現(xiàn)的模塊

如原型有修改,不要口頭溝通集惋,而要更新交互說明并告知大家

7.5關(guān)于設(shè)計(jì)規(guī)范

設(shè)計(jì)規(guī)范:對(duì)設(shè)計(jì)的具體細(xì)節(jié)孕似、技術(shù)要求,是設(shè)計(jì)工作的規(guī)則和界限刮刑,包含交互規(guī)范喉祭、色彩規(guī)范、UI圖標(biāo)規(guī)范雷绢、控件規(guī)范等

沒有規(guī)范會(huì)出現(xiàn)的問題

不同頻道/模塊獨(dú)立設(shè)計(jì)

同類功能組件存在多種樣式

同類元素多樣性

設(shè)計(jì)效率低下

設(shè)計(jì)質(zhì)量難以把控

規(guī)范解決了什么問題

“一致性”形成鮮明的產(chǎn)品特征泛烙,增強(qiáng)用戶粘度

提高易用性

滿足團(tuán)隊(duì)協(xié)作需求

其他:避免重復(fù)勞動(dòng)、提高工作效率翘紊、提升設(shè)計(jì)質(zhì)量蔽氨、降低培訓(xùn)和支持成本、減少團(tuán)隊(duì)成員錯(cuò)誤的幾率等

設(shè)計(jì)規(guī)范的分類

縱向:分交互規(guī)范和視覺規(guī)范帆疟,交互規(guī)范一般先于視覺規(guī)范鹉究。

橫向:分產(chǎn)品戰(zhàn)略方向的大規(guī)范及單個(gè)項(xiàng)目中的設(shè)計(jì)小規(guī)范。

產(chǎn)品戰(zhàn)略級(jí)方向的規(guī)范:包含兩內(nèi)容鸯匹,一是整個(gè)公司或一級(jí)部門主打產(chǎn)品的設(shè)計(jì)方向坊饶,如主色調(diào),整套的VI系統(tǒng)吉祥物殴蓬,門戶頁面風(fēng)格布局等匿级,即品牌規(guī)范;另外就是達(dá)成共識(shí)的染厅,恒古不變的內(nèi)容:如基本控件的設(shè)計(jì)規(guī)范痘绎,基本交互的規(guī)范等

單個(gè)項(xiàng)目中的設(shè)計(jì)規(guī)范:每個(gè)公司會(huì)有不同性質(zhì)的產(chǎn)品,設(shè)計(jì)風(fēng)格會(huì)有所區(qū)別肖粮。如門戶類孤页、社交類、游戲類涩馆、電子商務(wù)類產(chǎn)品行施。根據(jù)不同的產(chǎn)品類別設(shè)計(jì)不同的規(guī)范,為每個(gè)產(chǎn)品設(shè)計(jì)詳細(xì)的規(guī)格說明書魂那,如流程說明蛾号、交互模型、圖標(biāo)規(guī)范涯雅、界面設(shè)計(jì)規(guī)范鲜结、界面實(shí)現(xiàn)規(guī)范、控件設(shè)計(jì)規(guī)范等。

什么時(shí)候開始設(shè)計(jì)規(guī)范

大型且重要的產(chǎn)品精刷。

產(chǎn)品結(jié)構(gòu)拗胜、頁面類型、UI組件相對(duì)較單一怒允,可復(fù)用的內(nèi)容較多埂软。

項(xiàng)目人手充足、時(shí)間較寬裕纫事。

品牌風(fēng)格仰美、主題風(fēng)格以確定完畢,品牌備忘和梳理勢在必行儿礼。

產(chǎn)品線日益豐富,后續(xù)設(shè)計(jì)一致性和可循環(huán)的要求被提高庆寺。

產(chǎn)品結(jié)構(gòu)壯大蚊夫,新人不斷涌入,溝通和執(zhí)行效率有待提升懦尝。

制定設(shè)計(jì)規(guī)范的原則

設(shè)計(jì)規(guī)范一般遵循從大到小的原則知纷,即:先制定大的設(shè)計(jì)方向,在制定項(xiàng)目中單個(gè)詳細(xì)的說明陵霉,先制定團(tuán)隊(duì)合作的規(guī)范琅轧,在制定個(gè)人操作上的規(guī)范,

?

規(guī)范的執(zhí)行及注意事項(xiàng)

8踊挠、項(xiàng)目跟進(jìn)---保障設(shè)計(jì)效果的

8.1做設(shè)計(jì)評(píng)審的主導(dǎo)者

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

檢驗(yàn)?zāi)繕?biāo):是否達(dá)成最初確定的目標(biāo)

發(fā)現(xiàn)問題:設(shè)計(jì)是否存在缺陷乍桂、技術(shù)是否可行、有無其他風(fēng)險(xiǎn)點(diǎn)等

達(dá)成共識(shí):順利進(jìn)行下一個(gè)環(huán)節(jié)效床,還讓相關(guān)人員熟悉整個(gè)設(shè)計(jì)睹酌,確保大家理解和設(shè)計(jì)稿的表達(dá)是一致的

評(píng)審前的充足準(zhǔn)備

事先考慮所有可能的方案

準(zhǔn)備各種設(shè)計(jì)依據(jù):在評(píng)審會(huì)前將用戶調(diào)研的結(jié)果、支撐的數(shù)據(jù)剩檀、競品分析憋沿、設(shè)計(jì)實(shí)施前制定的目標(biāo)等都準(zhǔn)備充分,并在評(píng)審時(shí)闡述清楚沪猴。

做好會(huì)議邀請(qǐng)工作

如何在評(píng)審中掌握主導(dǎo)權(quán)

主導(dǎo)流程:評(píng)審時(shí)辐啄,設(shè)計(jì)師首先要明確產(chǎn)品定位或設(shè)計(jì)目標(biāo)。將評(píng)審前準(zhǔn)備的用驗(yàn)結(jié)果运嗜、支撐數(shù)據(jù)壶辜、競品分析等資料展示給大家,在評(píng)審人員都了解設(shè)計(jì)的原委后洗出,展示設(shè)計(jì)方案士复,語速不能過快。找出大家不認(rèn)同方案的原因:是設(shè)計(jì)表現(xiàn)的問題,還是從需求上產(chǎn)生了問題阱洪?找到解決這些問題的成本最低的辦法

提高效率便贵,控制話題:在方案已經(jīng)細(xì)化了的設(shè)計(jì)評(píng)審階段,再來重新討論創(chuàng)意方面的問題冗荸,會(huì)使項(xiàng)目成員又要從頭開始糾結(jié)承璃。可以在會(huì)后在考慮這些問題蚌本,在通過郵件或當(dāng)面討論的方式盔粹,最終確定結(jié)果。在設(shè)計(jì)方向和大的功能點(diǎn)上達(dá)成一致程癌,對(duì)于細(xì)節(jié)問題可以求同存異舷嗡,收集有價(jià)值的反饋后再來考慮。?

區(qū)分和收集有價(jià)值的反饋意見:只需闡明這樣設(shè)計(jì)的原因即可嵌莉,因?yàn)闆]哪種設(shè)計(jì)方案時(shí)可以迎合所有人的口味的进萄。應(yīng)該收集客觀、明確锐峭、可操作的反饋意見中鼠,來指導(dǎo)后續(xù)改進(jìn)。

評(píng)審后的分析與跟進(jìn):在評(píng)審收集了反饋意見后沿癞,設(shè)計(jì)師需要整理總結(jié)這些意見援雇。對(duì)于還沒達(dá)成一致的設(shè)計(jì)細(xì)節(jié),繼續(xù)進(jìn)行完善細(xì)化椎扬。在根據(jù)反饋意見完善設(shè)計(jì)稿之后惫搏,將最終設(shè)計(jì)方案發(fā)送給項(xiàng)目組成員。將精力放在設(shè)計(jì)規(guī)劃蚕涤、設(shè)計(jì)評(píng)審晶府、后續(xù)推動(dòng)跟進(jìn)上,不要以為畫線框圖钻趋。

8.2如何審核視覺稿

正確理解和傳遞信息是最重要的事川陆,忽略內(nèi)容而關(guān)注形式是不可取的。所以交互設(shè)計(jì)師要注意視覺稿是不是和交互稿傳達(dá)的信息一致蛮位,是否傳達(dá)到位较沪、重點(diǎn)突出且層次分明。

對(duì)交互稿理解是否正確:需注意改變是否合理失仁,有無違背交互邏輯尸曼,會(huì)不會(huì)引起用戶的歧義。下圖萄焦,“下載”是一個(gè)執(zhí)行操作控轿,“熱門”會(huì)跳轉(zhuǎn)到一個(gè)新界面冤竹。合并會(huì)對(duì)用戶產(chǎn)生一些誤導(dǎo)作用。

拒絕毫無發(fā)揮的視覺設(shè)計(jì):交互設(shè)計(jì)更多的是表達(dá)邏輯和傳達(dá)信息茬射,而在美化界面鹦蠕、渲染氣氛方面,視覺設(shè)計(jì)則發(fā)揮重要作用在抛。下圖視覺設(shè)計(jì)發(fā)揮地方過少钟病,導(dǎo)致整個(gè)界面沒一點(diǎn)購彩氛圍,難激起用戶的興趣刚梭。視覺設(shè)計(jì)不僅要把交互稿的邏輯和信息正確傳達(dá)出來肠阱,還要發(fā)揮出創(chuàng)造力,把界面設(shè)計(jì)得更美觀朴读,更有氛圍屹徘。

修改后的視覺稿

關(guān)注視覺層次是否清晰:

審核視覺稿時(shí),一定不要忘記交互細(xì)節(jié)和狀態(tài)的標(biāo)注衅金。

在審美方面不要過分干涉:

8.3開發(fā)階段缘回,設(shè)計(jì)師該做些什么

首先,注意溝通到位典挑,其次,規(guī)范自己的設(shè)計(jì)稿啦吧,與前端采用相同的標(biāo)準(zhǔn)您觉,在進(jìn)行設(shè)計(jì)時(shí)提前預(yù)測前端實(shí)現(xiàn)時(shí)會(huì)遇到哪些問題,并在設(shè)計(jì)稿中注明授滓。

勤于溝通:

統(tǒng)一的規(guī)范和標(biāo)準(zhǔn):如果設(shè)計(jì)師標(biāo)注行高時(shí)琳水,標(biāo)注的是文字之間的距離,而前端寫頁面般堆,行高的標(biāo)準(zhǔn)是文字高度+上下空隙高度在孝,那么前端看設(shè)計(jì)師標(biāo)注的尺寸時(shí),還要換成自己需要的尺寸淮摔。

設(shè)計(jì)走查:

9私沮、成果檢驗(yàn)---設(shè)計(jì)優(yōu)劣可以判斷

可用性測試

通過觀察用戶使用產(chǎn)品,發(fā)現(xiàn)產(chǎn)品存在的問題的一種方法和橙。

設(shè)計(jì)測試任務(wù)該注意什么

給出使用目標(biāo)仔燕,而不是直接地操作

盡量選擇最重要、最頻繁的任務(wù)進(jìn)行測試:測試盡量控制在1小時(shí)內(nèi)魔招,一般測試任務(wù)的時(shí)間為30~50分晰搀,選5~8個(gè)功能點(diǎn)進(jìn)行測試,設(shè)計(jì)任務(wù)要以涵蓋產(chǎn)品核心操作為主办斑。

符合正常的操作流程

測試用戶的選擇

選擇有代表性的用戶:注意關(guān)注產(chǎn)品使用經(jīng)驗(yàn)和行為(如與該產(chǎn)品相關(guān)的經(jīng)驗(yàn)外恕、與相似產(chǎn)品相關(guān)的經(jīng)驗(yàn)、用戶的網(wǎng)絡(luò)使用經(jīng)驗(yàn)等),選擇最有價(jià)值的測試用戶鳞疲。

用戶數(shù)量的選擇

測試過程中的注意事項(xiàng)

切忌引導(dǎo)性過強(qiáng)

操作行為永遠(yuǎn)是重點(diǎn):應(yīng)減少語言對(duì)用戶的干擾罪郊,更多地去關(guān)注用戶行為〗ㄉィ可采用“出聲思維法”排龄,即要求用戶在操作時(shí),將完成任務(wù)時(shí)所有的思考翎朱、行為橄维、感受都描述出來。

不要忽視現(xiàn)場反應(yīng):細(xì)微反應(yīng)也值得注意拴曲,如表情争舞、操作時(shí)發(fā)出的聲音和下意思的動(dòng)作等。注意用戶發(fā)出“咦”"哦"澈灼,眉頭緊皺或撓頭思考竞川,都代表產(chǎn)品的易用性不是很好。

考慮使用場景:web端產(chǎn)品叁熔,只需一間安靜的房間就可以進(jìn)行測試委乌,在測試中,工作人員一般會(huì)描述真實(shí)的使用場景荣回; ? ?移動(dòng)端產(chǎn)品遭贸,一定要考慮到移動(dòng)場景的多樣性,最好走進(jìn)真實(shí)環(huán)境心软,去測試產(chǎn)品

問題的分析與改進(jìn)

靈活運(yùn)用可用性測試

9.2A/B測試

為同一個(gè)目標(biāo)設(shè)計(jì)2個(gè)方案壕吹,一部分用戶使用A方案,另一部分使用B方案删铃,通過用戶的使用情況耳贬,衡量哪個(gè)方案更優(yōu)

設(shè)定衡量標(biāo)準(zhǔn)

從產(chǎn)品目標(biāo)的角度出發(fā),可將PV猎唁、UV咒劲、點(diǎn)擊量、轉(zhuǎn)化率诫隅、跳出率缎患、二次返回率等數(shù)據(jù)作為衡量標(biāo)準(zhǔn)。對(duì)電子商務(wù)類網(wǎng)站阎肝,考量下單數(shù)挤渔、支付數(shù)、支付金額等风题。

對(duì)同一個(gè)用戶呈現(xiàn)相同的頁面

保證兩個(gè)版本同時(shí)測試

單一變量

通常選取按鈕判导、標(biāo)題或說明方案嫉父、產(chǎn)品頁面上的圖片、頁面的結(jié)構(gòu)布局或色彩風(fēng)格等因素作為變量眼刃。

A/B測試的延伸yy---灰度發(fā)布

將舊版本作為方案A绕辖,新版本作為方案B,讓一部分用戶繼續(xù)使用舊版本擂红,一部分用戶切換到新版本仪际,然后觀察用戶反饋和產(chǎn)品數(shù)據(jù)。如果用戶反應(yīng)很好昵骤,可以逐步擴(kuò)大范圍树碱,直至全部升級(jí)。如果部分用戶在使用新版本的過程中發(fā)現(xiàn)一些問題变秦,可及時(shí)優(yōu)化成榜。

9.3定性的用戶反饋和定量的產(chǎn)品數(shù)據(jù)

收集和讀懂用戶反饋

收集用戶反饋:在線上產(chǎn)品上放“用戶反饋”入口,可通過電子郵件蹦玫、首頁鏈接等方式主動(dòng)發(fā)放調(diào)查問卷赎婚,收集用戶意見;如果有在線客服或產(chǎn)品論壇等樱溉,可將咨詢最多的問題匯集挣输;應(yīng)用市場,如App Store福贞,Google Play撩嚼,豌豆莢,應(yīng)用助手等

分析用戶反饋:包含用戶ID肚医、反饋問題、時(shí)間向瓷、來源等信息肠套,需要進(jìn)行過濾和歸類、整理

用數(shù)據(jù)檢驗(yàn)產(chǎn)品目標(biāo)


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末猖任,一起剝皮案震驚了整個(gè)濱河市你稚,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌朱躺,老刑警劉巖刁赖,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異长搀,居然都是意外死亡宇弛,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門源请,熙熙樓的掌柜王于貴愁眉苦臉地迎上來枪芒,“玉大人彻况,你說我怎么就攤上這事【俗伲” “怎么了纽甘?”我有些...
    開封第一講書人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長抽碌。 經(jīng)常有香客問我悍赢,道長,這世上最難降的妖魔是什么货徙? 我笑而不...
    開封第一講書人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任左权,我火速辦了婚禮,結(jié)果婚禮上破婆,老公的妹妹穿的比我還像新娘涮总。我一直安慰自己,他們只是感情好祷舀,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開白布瀑梗。 她就那樣靜靜地躺著,像睡著了一般裳扯。 火紅的嫁衣襯著肌膚如雪抛丽。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,155評(píng)論 1 299
  • 那天饰豺,我揣著相機(jī)與錄音亿鲜,去河邊找鬼。 笑死冤吨,一個(gè)胖子當(dāng)著我的面吹牛蒿柳,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播漩蟆,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼垒探,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了怠李?” 一聲冷哼從身側(cè)響起圾叼,我...
    開封第一講書人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎捺癞,沒想到半個(gè)月后夷蚊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡髓介,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年惕鼓,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片唐础。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡呜笑,死狀恐怖夫否,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情叫胁,我是刑警寧澤凰慈,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站驼鹅,受9級(jí)特大地震影響微谓,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜输钩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一豺型、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧买乃,春花似錦姻氨、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至功戚,卻和暖如春娶眷,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背啸臀。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來泰國打工届宠, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人乘粒。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓豌注,卻偏偏與公主長得像,于是被迫代替她去往敵國和親灯萍。 傳聞我的和親對(duì)象是個(gè)殘疾皇子轧铁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容