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

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

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

完整的項目流程