第一篇 ? 成為用戶體驗(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ì)心觀察,勇于改變
了解人吞鸭,觀察人
理性的思路
親身使用寺董、體驗(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ì)草圖等划滋。
視覺設(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ì)公司
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è)的技能
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):解決用戶需求,減少用戶理解和操作的成本参萄,給用戶留下美好而深刻的印象卫枝。
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ù)株灸。
根據(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á)
為什么要學(xué)習(xí)原型制作:它是項(xiàng)目開發(fā)的標(biāo)準(zhǔn)和依據(jù)碉克。
低保真原型與高保真原型:低...,用Axure并齐、visio漏麦,移動(dòng)端可用PowerPoint來繪制
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)