Part 1信念
設(shè)計(jì)不等于藝術(shù);設(shè)計(jì)相對(duì)理性精密,解決用戶具體問題。
用戶體驗(yàn)設(shè)計(jì)是提升用戶體驗(yàn)而做的設(shè)計(jì);用戶體驗(yàn)是人在使用一個(gè)產(chǎn)品的主觀感受。
用戶體驗(yàn)設(shè)計(jì)首先是要解決用戶的某個(gè)實(shí)際問題,其次是讓問題變得更容易解決,最后是讓用戶留下深刻的印象,讓他在整個(gè)過程中產(chǎn)生美好的體驗(yàn)。用戶體驗(yàn)設(shè)計(jì)首先是理性的,其次才是感性的。
用戶體驗(yàn)設(shè)計(jì)的特征:嚴(yán)謹(jǐn)、理性、創(chuàng)意;提供特定問題的解決方案-考慮設(shè)計(jì)目標(biāo),帶入用戶使用場(chǎng)景;不讓用戶考慮;趣味橫生-如果一個(gè)人的存在能解決你的實(shí)際問題,你一定會(huì)對(duì)她產(chǎn)生好感,如果他還能給你帶來歡樂,那你一定會(huì)對(duì)他留下深刻的印象。
用戶體驗(yàn)的精益之道:熱愛生活,細(xì)心觀察,勇于改變;了解人,觀察人-你的想法并不能代表大眾的想法;理性的思路-問題出現(xiàn)→需要為xx人群解決這個(gè)問題→如何解決→如何增加趣味性;親自使用、體驗(yàn);多痛用戶反饋意見;留心好的設(shè)計(jì),在此基礎(chǔ)上優(yōu)化-關(guān)注設(shè)計(jì)趨勢(shì),積累,分辨。
交互設(shè)計(jì)師:通過分析用戶心理模型,設(shè)計(jì)任務(wù)流程,運(yùn)用交互知識(shí),把業(yè)務(wù)邏輯以用戶能理解的方式表達(dá)給用戶,最終實(shí)現(xiàn)產(chǎn)品戰(zhàn)略(公司需求和用戶需求的最佳平衡點(diǎn))的過程。
盡量在紙上表現(xiàn)自己的想法,而非在是軟件上。對(duì)設(shè)計(jì)師來說最重要的是解決問題的能力,而原型只是最后一步用于呈現(xiàn)想法。
用戶體驗(yàn)相關(guān)職位:交互設(shè)計(jì)師;視覺設(shè)計(jì)師(包括原畫-手繪、平面-傳達(dá)思想,具有表現(xiàn)力、運(yùn)營-抓住眼球、UI-知識(shí)全面);用戶研究員-通過分析各種研究(市場(chǎng)分析,競(jìng)品分析,創(chuàng)建人物角色,問卷調(diào)查,焦點(diǎn)小組,用戶訪談,可用性測(cè)試),深入了解用戶特征及行為習(xí)慣,為產(chǎn)品、運(yùn)營、推廣、設(shè)計(jì)決策提供必要的方向支持-需要注意研究周期控制、報(bào)告可讀性問題。
用戶體驗(yàn)設(shè)計(jì)師的價(jià)值:熱愛生活有激情有夢(mèng)想,喜歡解決問題;產(chǎn)品經(jīng)理考慮宏觀問題,更重視商業(yè)目標(biāo),考慮項(xiàng)目各種瑣事,而交互設(shè)計(jì)師更注重邏輯及創(chuàng)意、細(xì)節(jié)、設(shè)計(jì)目標(biāo)更純粹,能夠更多地考慮用戶,設(shè)計(jì)方法更專業(yè)。①用戶價(jià)值得商業(yè)價(jià)值;②項(xiàng)目價(jià)值:通過專業(yè)能力節(jié)省其他環(huán)節(jié)時(shí)間;跟進(jìn)各個(gè)環(huán)節(jié)保證產(chǎn)出物質(zhì)量;促進(jìn)統(tǒng)一化標(biāo)準(zhǔn)化,提升設(shè)計(jì)效率;促使項(xiàng)目流程更合理更有規(guī)劃;協(xié)助產(chǎn)品經(jīng)理推動(dòng)整個(gè)項(xiàng)目;③品牌價(jià)值:維護(hù)公司整體品牌形象。
入門:閱讀大量相關(guān)書籍,積累專業(yè)知識(shí),多看設(shè)計(jì)網(wǎng)站文章,爭取實(shí)習(xí)機(jī)會(huì)(大公司/小公司/虛擬項(xiàng)目-表達(dá)清楚自己的思路),及時(shí)總結(jié)項(xiàng)目寫筆記博客,畢業(yè)成為交互設(shè)計(jì)師。
求職:思維;激情;①基本的內(nèi)在素養(yǎng)即做人-溝通,性格,修養(yǎng);②項(xiàng)目經(jīng)驗(yàn)-多做項(xiàng)目,多研究競(jìng)品,多總結(jié);③專業(yè)積累-專業(yè)書籍、行業(yè)文章、同行交流。興趣-素養(yǎng)-思維-技能(設(shè)計(jì)原則,設(shè)計(jì)方法,設(shè)計(jì)流程,軟件使用)。
未來復(fù)合型的設(shè)計(jì)師比較會(huì)受歡迎,在每個(gè)方面都很專業(yè),先攻一面再向其他領(lǐng)域擴(kuò)展。垂直型/管理型/全能型/創(chuàng)業(yè)型。
Part 2技能

項(xiàng)目流程中的設(shè)計(jì)師參與
需求分析:考慮商業(yè)、用戶、技術(shù)的平衡。

產(chǎn)品定位
需求文檔基本構(gòu)成:文檔修改審核記錄/目錄/背景描述/用戶類型特征/項(xiàng)目時(shí)間安排/信息結(jié)構(gòu)/整體業(yè)務(wù)流程說明/(每一條)需求詳細(xì)說明/需求迭代評(píng)審。
用戶傾聽注意事項(xiàng):目標(biāo)用戶尋找及抽象/用戶所說非所想/沒有表達(dá)真實(shí)需求/不是目標(biāo)用戶/用戶意見不專業(yè)。所以應(yīng)當(dāng)根據(jù)目標(biāo)用戶、項(xiàng)目資源、產(chǎn)品定位、用戶目標(biāo)、使用場(chǎng)景綜合考慮用戶意見。
產(chǎn)品經(jīng)理:應(yīng)當(dāng)信任團(tuán)隊(duì),讓專業(yè)的人做專業(yè)的事,關(guān)注大局和項(xiàng)目。做人是第一位的,產(chǎn)品經(jīng)理與團(tuán)隊(duì)成員是合作而非行政領(lǐng)導(dǎo)關(guān)系。
可以根據(jù)設(shè)計(jì)目標(biāo)/競(jìng)品分析等重新定義需求。
如何對(duì)待競(jìng)品:用心可以出于藍(lán)而勝于藍(lán),避免重復(fù)發(fā)明輪子,用戶視角認(rèn)真體驗(yàn),反推需求。
設(shè)計(jì)規(guī)劃的過程:根據(jù)需求來設(shè)計(jì)相關(guān)的信息和任務(wù),通過組織信息結(jié)構(gòu)、引導(dǎo)用戶完成任務(wù)得到一些列相關(guān)聯(lián)的界面草圖;然后細(xì)化草圖為具體界面,在這個(gè)過程中考慮如何讓用戶輕松、愉悅高效地瀏覽和操作;最后賦予界面魔力,讓用戶難以忘記使用產(chǎn)品的體驗(yàn)。
需求→信息的組織與任務(wù)的設(shè)定→界面。
信息分類:邏輯歸類法/卡片分類法。導(dǎo)航的組織:注意深廣度平衡,,用戶需求與業(yè)務(wù)目標(biāo)平衡,為重要及常用功能設(shè)置快捷入口。
任務(wù)設(shè)計(jì):先主線后支線,主線是指把雜亂無章的功能點(diǎn)根據(jù)用戶期望及目標(biāo)以正確的次序組織起來的過程。
突出主要任務(wù)的方法:分解用戶任務(wù)(為子任務(wù)),排列任務(wù)優(yōu)先級(jí)(依據(jù)一定的標(biāo)準(zhǔn)維度),組織合并相關(guān)任務(wù)(一級(jí)任務(wù)一級(jí)展現(xiàn),二級(jí)任務(wù)二級(jí)展現(xiàn))。
引導(dǎo)用戶完成任務(wù):相似性引導(dǎo)(大小、色彩、形態(tài)、視覺元素相似),方向性引導(dǎo),運(yùn)動(dòng)元素引導(dǎo),向?qū)Э丶?/p>
設(shè)計(jì)友好易用界面:①簡化復(fù)雜操作-減少冗余步驟和干擾項(xiàng)、將復(fù)雜操作轉(zhuǎn)移給系統(tǒng)、簡化操作方式、優(yōu)化操作過程(及時(shí)反饋、提供默認(rèn)值);②大量信息處理-頁面層次化(邏輯相關(guān)的為一組,重要程度不同的體現(xiàn)差異,有邏輯包含關(guān)系則進(jìn)行嵌套),讓重點(diǎn)信息跳出來-字體、色彩、背景色、按鈕、對(duì)比;將次要信息藏起來-使用“更多”按鈕;③理性的規(guī)劃+感性的頁面-以人為本做設(shè)計(jì),幫用戶找到東西,吸引無目標(biāo)用戶,符合用戶心理模型。
捕獲用戶芳心:①運(yùn)用來自真實(shí)世界的靈感:擬物化視覺-雖扁平化是趨勢(shì),但娛樂型應(yīng)用仍然適用擬物化的情感體驗(yàn);擬物化不是100%還原,而是抽象提取原有物體,簡化處理;隱喻化操作;②貼心的設(shè)計(jì):可控的感受-形成操作預(yù)期,透露接下來發(fā)生的事情;積極的反饋-增強(qiáng)用戶信心,鼓勵(lì)新用戶提升其成就感;貼心的提醒;③調(diào)動(dòng)用戶情感:互動(dòng)-雙向表達(dá),滿足用戶參與感、被尊重感(如創(chuàng)意閃屏、幽默404頁面);驚喜-超出預(yù)期(如特殊日期彩蛋);情景烘托-視覺、動(dòng)畫、音效,適合在活動(dòng)頁面設(shè)計(jì)。
運(yùn)用紙面原型快速表達(dá)想法:紙面原型是為了溝通測(cè)試以盡快解決不確定的問題,可快速修改重建,以探索和舍棄。
設(shè)計(jì)標(biāo)準(zhǔn):原型、線框圖、交互說明、設(shè)計(jì)規(guī)范。
原型:讓外行驚呼,讓內(nèi)行有好感,是項(xiàng)目開發(fā)的標(biāo)準(zhǔn)和依據(jù)。
原型包含內(nèi)容:①簡要說明與信息結(jié)構(gòu):變更日志,版本說明,信息結(jié)構(gòu)(綜合考慮產(chǎn)品結(jié)構(gòu)和用戶習(xí)慣);②任務(wù)流程(更關(guān)注用戶操作方法和反饋)與頁面流程;③線框圖與交互說明(交互說明包括:限制如范圍值、極限值,狀態(tài)如默認(rèn)狀態(tài)、常見狀態(tài)、特殊狀態(tài),操作如常見操作、特殊操作、誤操作、手勢(shì)操作,反饋如提示、跳轉(zhuǎn)、動(dòng)畫。交互說明除靜態(tài)頁面還需考慮動(dòng)態(tài)頁面,除正常情況還需考慮特殊和錯(cuò)誤情況)。
線框圖:通過明暗對(duì)比來表達(dá);不使用截圖與顏色;提前與視覺設(shè)計(jì)師溝通;遵守柵格規(guī)范(10像素最小間距);標(biāo)記第一屏高度(1024x768設(shè)置為570);表達(dá)清楚UI邏輯(操作優(yōu)先級(jí)大于鏈接,鏈接優(yōu)先級(jí)大于文本,用按鈕表示重要操作);考慮實(shí)現(xiàn)后效果(占位符圖片并非真實(shí)圖片);了解視覺設(shè)計(jì)趨勢(shì)(少,留白,清爽)。
交互說明寫作技巧:盡量用真實(shí)和符合邏輯的數(shù)據(jù)內(nèi)容;不遺漏特殊狀態(tài)的描述;避免過長的說明(過長多是由于方案有問題);避免流水賬式說明(用表格羅列狀態(tài),巧妙組織文字說明,制作動(dòng)態(tài)效果);重復(fù)出現(xiàn)的模塊(模塊化思維,留個(gè)空位取個(gè)名);原型有修改應(yīng)當(dāng)更新交互說明并通知所有人(而非口頭溝通,可通過郵件)。
設(shè)計(jì)規(guī)范:是設(shè)計(jì)工作的規(guī)則和界限,是設(shè)計(jì)的具體細(xì)節(jié)、技術(shù)要求,是模板化應(yīng)用的方法;設(shè)計(jì)規(guī)范解決了以下問題:提升一致性,形成鮮明的產(chǎn)品特征,增強(qiáng)用戶黏度,提高易用性,滿足團(tuán)隊(duì)協(xié)作需求;設(shè)計(jì)規(guī)范從大到小制定。
項(xiàng)目跟進(jìn):做設(shè)計(jì)評(píng)審的主導(dǎo)者:①評(píng)審目的在于檢驗(yàn)?zāi)繕?biāo),發(fā)現(xiàn)問題,達(dá)成共識(shí);②評(píng)審前做好準(zhǔn)備-事先考慮各種方案,準(zhǔn)備各種設(shè)計(jì)依據(jù),做好邀請(qǐng)工作(應(yīng)當(dāng)已獲得主要成員認(rèn)可,大方向?qū)Γc意見領(lǐng)袖達(dá)成一致,寫邀請(qǐng)信附上設(shè)計(jì)稿,提醒提前熟悉想問題,會(huì)上記錄討論不出結(jié)果的問題會(huì)后解決);如何掌握主導(dǎo)權(quán):主導(dǎo)流程-明確設(shè)計(jì)方向,杉樹設(shè)計(jì)分析,展示設(shè)計(jì)方案,引導(dǎo)討論;提高效率,控制話題,不限于細(xì)節(jié)爭論;區(qū)分和收集有價(jià)值意見,去掉主觀、不明確、不可操作的意見;如何審核視覺稿:理解角度上交互更注重邏輯和用戶引導(dǎo),視覺更注重美觀性,要做好平衡;拒絕毫無發(fā)揮的視覺稿;關(guān)注層次是否清晰;關(guān)注交互細(xì)節(jié)和狀態(tài)標(biāo)注,在審美上不需要過分干涉;開發(fā)階段應(yīng)注意:持續(xù)溝通,100%還原,設(shè)計(jì)走查。
成果檢驗(yàn):上線前可用性測(cè)試和A/B測(cè)試,上線后產(chǎn)品反饋和用戶數(shù)據(jù)。
可用性測(cè)試:定性分析。給目標(biāo)而非給操作,切忌引導(dǎo)性過強(qiáng)或有明顯喜好性問題,貼近真實(shí)情境,選擇有代表性的用戶,用戶行為是重點(diǎn),語言反饋可能有欺騙性,不糊時(shí)現(xiàn)場(chǎng)反應(yīng),感謝參與者,給予報(bào)酬。問題分析與改進(jìn):從問題頻數(shù)、嚴(yán)重等級(jí)、優(yōu)先級(jí)、違反的可用性原則等角度分析。可用性測(cè)試可以很簡易,應(yīng)多次使用以減少上線后再改的損失。
A/B測(cè)試:定量分析,樣本量大,便于了解關(guān)鍵指標(biāo)。應(yīng)設(shè)定衡量標(biāo)準(zhǔn),對(duì)同一用戶呈現(xiàn)相同頁面,保證單一變量,保證兩個(gè)版本同時(shí)測(cè)試;灰度發(fā)布是A/B測(cè)試的延伸方式。
定性的用戶反饋和定量的產(chǎn)品數(shù)據(jù):反饋渠道有用戶反饋入口、論壇、問卷、應(yīng)用市場(chǎng)等,應(yīng)主動(dòng)獲??;分析應(yīng)從內(nèi)容、功能、使用流程、設(shè)計(jì)、新功能建議等方面進(jìn)行。
Part 3價(jià)值
好的設(shè)計(jì)師的修養(yǎng):對(duì)設(shè)計(jì)充滿興趣和激情,有天分,執(zhí)行力強(qiáng)不怕阻礙(情商高,超出預(yù)期,有條理,有上進(jìn)心,眼界開闊知識(shí)面廣,樂于分享),敢于宣傳和溝通,推進(jìn)方案。
如何提升:專業(yè),溝通,流程。學(xué)會(huì)思考可以事半功倍:Why為什么(是否是本質(zhì)需求),What深層次解讀,How如何做到更好。在否定中積極成長:學(xué)會(huì)忍耐和付出只有變強(qiáng)才能獲得尊重,與你平等對(duì)話;進(jìn)度慢是因?yàn)椴皇炀殹⒔?jīng)驗(yàn)不足;識(shí)別真相:同事對(duì)你說的不一定是真實(shí)的想法,應(yīng)洞察其潛臺(tái)詞;適度妥協(xié),以小博大,不重要的地方放過,重要的地方堅(jiān)持;超越自我,比上次有進(jìn)步。
易忽略的工作意識(shí):①品牌意識(shí),保證一致性:應(yīng)用內(nèi)一致,可使用標(biāo)準(zhǔn)控件來降低風(fēng)險(xiǎn);平臺(tái)內(nèi)一致,與同平臺(tái)其它應(yīng)用一樣遵守通用規(guī)則,不挑戰(zhàn)基本規(guī)則下創(chuàng)新;平臺(tái)間一致;追求獨(dú)特性:獨(dú)特風(fēng)格,亮眼的細(xì)節(jié),不浪費(fèi)空間宣傳品牌。②溝通意識(shí):根據(jù)范圍、速度、嚴(yán)謹(jǐn)度、人際關(guān)系、重要緊急程度等來考慮溝通方式的選擇;不要忘了表揚(yáng);敢于直言;不要單向溝通;以不同視角不同思維方式考慮問題,溝通積極性要高,放平心態(tài),換位思考,積極主動(dòng)。③流程意識(shí):需求分析→信息架構(gòu)→任務(wù)流程→頁面草圖→標(biāo)準(zhǔn)原型。排期應(yīng)詢問各個(gè)環(huán)節(jié)負(fù)責(zé)人時(shí)間而非設(shè)想理想時(shí)間。
為什么而設(shè)計(jì):平衡商業(yè)價(jià)值與用戶需求之間的關(guān)系;明白客戶潛在需求,超出其預(yù)期。
設(shè)計(jì)四步驟:識(shí)別需求有效性→重塑需求→梳理結(jié)構(gòu)流程→設(shè)計(jì)界面。

完整的項(xiàng)目流程