用戶體驗(yàn)五要素，從戰(zhàn)略到表現(xiàn)，作為初中級(jí)的界面設(shè)計(jì)師，更多關(guān)注于表現(xiàn)層的視覺(jué)層面及框架層的組件設(shè)計(jì)。隨著工作年限增長(zhǎng)對(duì)于自身業(yè)務(wù)嫻熟，聚焦于用戶而非像素，著手戰(zhàn)略層，范圍層，結(jié)構(gòu)層層面，過(guò)渡成為體驗(yàn)設(shè)計(jì)師。

注：本文所涉及的圖片均為作者輸出，請(qǐng)勿挪用！

從界面設(shè)計(jì)過(guò)渡到體驗(yàn)設(shè)計(jì)，需要具備哪些思維？

1. 全局觀

告別像素，跳脫于組件與視覺(jué)，關(guān)注用戶與數(shù)據(jù)，設(shè)計(jì)思維與大數(shù)據(jù)結(jié)合，從方法論出發(fā)以數(shù)據(jù)支持決策。體驗(yàn)設(shè)計(jì)師核心能力在于商業(yè)策略，關(guān)注商業(yè)設(shè)計(jì)價(jià)值。結(jié)合體驗(yàn)與數(shù)據(jù)驅(qū)動(dòng)，推動(dòng)設(shè)計(jì)策略快速落地。形成全鏈路的工作流，深入洞察用戶需求到商業(yè)訴求。

關(guān)注大局以未來(lái)為導(dǎo)向，關(guān)注行業(yè)動(dòng)態(tài)與戰(zhàn)略發(fā)展方向及時(shí)調(diào)整。打破職業(yè)邊界，持續(xù)發(fā)展混合型思維，對(duì)未知的東西感興趣，并通過(guò)創(chuàng)造性方法和分析法將其明確。

創(chuàng)新思維：

創(chuàng)新思維是立足于創(chuàng)新產(chǎn)品的根本，設(shè)計(jì)思維工具箱是一整套創(chuàng)新設(shè)計(jì)。通過(guò)試錯(cuò)與接受失誤來(lái)學(xué)習(xí)掌握創(chuàng)新型和分析型工具。創(chuàng)新思維以不同的設(shè)計(jì)視角打造創(chuàng)新型產(chǎn)品。通過(guò)移情，定義，概念，原型，測(cè)試流程快速的輸出MVP，協(xié)同共創(chuàng)的方式敏捷迭代。

2. 不可或缺的理論背書(shū)

體驗(yàn)設(shè)計(jì)師必備的理論知識(shí)，首先了解需要具備的基礎(chǔ)業(yè)務(wù)能力：

• UCD策略，有說(shuō)服力設(shè)計(jì)；
• 用戶研究，行為洞察力，可用性測(cè)試；
• 用戶旅程圖，體驗(yàn)圖，任務(wù)和過(guò)程分析；
• 信息架構(gòu)，可訪問(wèn)性，安全性；
• 交互設(shè)計(jì)，交互式原型草圖，線框圖，微交互設(shè)計(jì)；
• 視覺(jué)設(shè)計(jì)，創(chuàng)造力，UI細(xì)節(jié)和設(shè)計(jì)系統(tǒng)；
• 設(shè)計(jì)協(xié)作，概念表達(dá)與論證。

書(shū)籍：

• 《服務(wù)創(chuàng)新手冊(cè)》
• 《UX策略：如何設(shè)計(jì)人們想要的創(chuàng)新數(shù)字產(chǎn)品》
• 《這是服務(wù)設(shè)計(jì)在做的事》
• 《UX設(shè)計(jì)項(xiàng)目指南》
• 《這就是服務(wù)設(shè)計(jì)思維》
• 《用戶體驗(yàn)要素》
• 《設(shè)計(jì)界面：有效交互設(shè)計(jì)模式》
• 《精益用戶體驗(yàn)：應(yīng)用精益原則來(lái)改善用戶體驗(yàn)》
• 《設(shè)計(jì)界面動(dòng)畫(huà)：有意義的用戶體驗(yàn)》
• 《交互設(shè)計(jì)精髓》
• 《一個(gè)用戶體驗(yàn)團(tuán)隊(duì)：研究與設(shè)計(jì)生存指南》
• 《設(shè)計(jì)語(yǔ)言用戶界面：對(duì)話體驗(yàn)的原則》

網(wǎng)址：

• medium：國(guó)際設(shè)計(jì)師文章網(wǎng)站，輕量級(jí)內(nèi)容發(fā)行平臺(tái)，將自己創(chuàng)作的內(nèi)容以主題形式形成，分享給用戶進(jìn)行消費(fèi)和閱讀。
• jud.org：體驗(yàn)設(shè)計(jì)之父唐曼諾博客，可以看到唐曼諾先生所寫(xiě)的文章及書(shū)籍。
• NNg：尼爾森.諾曼集團(tuán)，研究型用戶體驗(yàn)的世界領(lǐng)導(dǎo)者。UX研究和咨詢公司，提供實(shí)時(shí)相關(guān)的設(shè)計(jì)思考文章及咨詢和培訓(xùn)服務(wù)。
• Inside Design：invasion旗下的設(shè)計(jì)資訊與設(shè)計(jì)思考文章，免費(fèi)設(shè)計(jì)資源，設(shè)計(jì)靈感，書(shū)籍，課程。

體系課程：界面設(shè)計(jì)師普遍缺乏體系用戶研究與交互設(shè)計(jì)的技能及UX策略。推薦IDF課程：

UX管理：戰(zhàn)略與策略

強(qiáng)化整體戰(zhàn)略層的認(rèn)知，幫助團(tuán)隊(duì)創(chuàng)造一種文化和設(shè)計(jì)思想，從而真正獲得UX工作的好處。通過(guò)學(xué)習(xí)如何應(yīng)用關(guān)鍵策略，確保體驗(yàn)工作在更廣泛的業(yè)務(wù)中產(chǎn)生最大的影響。在本課程中，將學(xué)到的策略也將將為組織提供價(jià)值。通過(guò)研究組織的結(jié)構(gòu)和開(kāi)發(fā)方式來(lái)探索用戶體驗(yàn)成熟度的來(lái)龍去脈。作為一種設(shè)計(jì)方法學(xué)，并從合作的UX專業(yè)人員那里獲得最大的收益。

用戶研究：方法和最佳實(shí)踐

本課程將深入了解最基本的定性研究方法及如何在設(shè)計(jì)工作中將其付諸實(shí)踐。學(xué)習(xí)有關(guān)如何計(jì)劃用戶研究項(xiàng)目并適合自己的工作流程的詳細(xì)信息，以最大程度地發(fā)揮研究對(duì)設(shè)計(jì)的影響。獲得各種方法的練習(xí)，將幫助分析研究結(jié)果，并將發(fā)現(xiàn)傳達(dá)給客戶和利益相關(guān)者。

交互設(shè)計(jì)心理學(xué)：終極指南

本課程將掌握與用戶心理上相關(guān)的知識(shí)，從而使您能夠創(chuàng)造出與眾不同的產(chǎn)品。通過(guò)學(xué)習(xí)人類認(rèn)知的各個(gè)方面以及它們與交互設(shè)計(jì)之間的關(guān)系，創(chuàng)建具有出色用戶體驗(yàn)的以用戶為中心的產(chǎn)品。對(duì)認(rèn)知局限性和能力的理解是交互設(shè)計(jì)和出色用戶體驗(yàn)的關(guān)鍵。

從界面設(shè)計(jì)過(guò)渡到體驗(yàn)設(shè)計(jì)，需要具備的技巧

技巧對(duì)于體驗(yàn)設(shè)計(jì)來(lái)說(shuō)是在工作中的輸出能力，通過(guò)工具箱幫助我們解決業(yè)務(wù)問(wèn)題，形成完整的輸出。軟件的使用是一個(gè)呈現(xiàn)的過(guò)程，除了基礎(chǔ)的軟件使用，多一些Mac文字與圖形的軟件練習(xí)（keynote）更有利于同事間的協(xié)作。

1. 工具

商業(yè)畫(huà)布，服務(wù)藍(lán)圖，用戶故事地圖，用戶角色，故事版，體驗(yàn)地圖，角色矩陣。首先明確每一個(gè)工具能解決什么問(wèn)題及用法。

商業(yè)畫(huà)布：

是戰(zhàn)略層策略層面的一個(gè)工具，有助于我們梳理業(yè)務(wù)模型，戰(zhàn)略管理，精益啟動(dòng)模版，產(chǎn)品的價(jià)值主張，基礎(chǔ)設(shè)施，成本結(jié)構(gòu)，用戶群，解決方案。

服務(wù)藍(lán)圖：

可視化不同的服務(wù)組件之間的關(guān)系人，流程直接與數(shù)字觸點(diǎn)，物理觸點(diǎn)，人際觸點(diǎn)在特定客戶的旅程。由四行為與三分界線構(gòu)成：四行為包括顧客行為，前臺(tái)員工行為，后臺(tái)行為和支持過(guò)程。三分界線為互動(dòng)分界線，可視分界線和內(nèi)部互動(dòng)線。

用戶故事地圖：（適用于敏捷流程）

覆蓋所有用戶故事，梳理需求全景的4級(jí)層次結(jié)構(gòu)。用戶特征將通過(guò)執(zhí)行某些任務(wù)作為活動(dòng)來(lái)實(shí)現(xiàn)。這些任務(wù)可轉(zhuǎn)化為軟件開(kāi)發(fā)的故事。

用戶角色：

使用角色的主要好處是它們創(chuàng)建了一個(gè)通用的更精確的詞匯來(lái)描述某種類型的用戶，將設(shè)計(jì)工作集中于一個(gè)共同目標(biāo)。角色分為：目標(biāo)導(dǎo)向角色，虛構(gòu)角色，基于角色的角色，吸引角色。

故事板：

一種交談的手段，更好地了解用戶的環(huán)境，勾勒出用戶如何使用功能的想法。通過(guò)按順序顯示故事主要事件的面板中顯示的圖像傳達(dá)故事。

3個(gè)常見(jiàn)的故事板元素：特定的場(chǎng)景，視覺(jué)效果，相應(yīng)的字幕。

體驗(yàn)地圖（旅程映射）：

體驗(yàn)地圖這一過(guò)程將不同的數(shù)據(jù)點(diǎn)聚集在一起并進(jìn)行可視化處理，一系列交互過(guò)程中沮喪和愉悅的時(shí)刻，揭示用戶痛點(diǎn)，減輕分散性機(jī)會(huì)，通過(guò)暴露新機(jī)會(huì)提供附加價(jià)值使產(chǎn)品脫穎而出。

角色矩陣：

故事矩陣可以替代“角色”是產(chǎn)品與用戶互動(dòng)領(lǐng)域中的一組旅程點(diǎn)。幫助加深對(duì)產(chǎn)品和用戶的了解。從用戶第一次感覺(jué)需要使用產(chǎn)品那一刻開(kāi)始，直到用戶完成使用該產(chǎn)品所需的操作為止。

2. 軟件

體驗(yàn)設(shè)計(jì)師使用的軟件更多偏移情，定義，概念工具類的協(xié)同共創(chuàng)的模式。對(duì)于界面設(shè)計(jì)師熟悉sketch，可繼續(xù)沿用繪制原型，更多的熟練使用移情，定義相關(guān)工具。

miro：（推薦敏捷設(shè)計(jì)流程使用）

協(xié)同共創(chuàng)的軟件模式，60多個(gè)模版工具：從戰(zhàn)略，用研，定義階段均適用，在線遠(yuǎn)程會(huì)議與協(xié)同工作坊。

invasion：

更快，更好的一起設(shè)計(jì)，數(shù)字產(chǎn)品平臺(tái)助力全球最佳用戶體驗(yàn)。invasion studio最強(qiáng)大的屏幕設(shè)計(jì)工具，invasioncloud連接整個(gè)產(chǎn)品工作流程，invasionDSM設(shè)計(jì)系統(tǒng)搭建平臺(tái)。

UXPin：

完整的UX設(shè)計(jì)平臺(tái)，優(yōu)勢(shì)在于原型制作與設(shè)計(jì)系統(tǒng)，界面設(shè)計(jì)層面與技術(shù)開(kāi)發(fā)層面。

sdt：

服務(wù)設(shè)計(jì)工具網(wǎng)站，研究，構(gòu)想，原型階段均可使用。

UX項(xiàng)目清單：

所有的uX工具大全，對(duì)于剛剛踏入體驗(yàn)設(shè)計(jì)師職業(yè)的人來(lái)說(shuō)是一個(gè)非常好的熟悉工具的平臺(tái)。

從界面設(shè)計(jì)過(guò)渡到體驗(yàn)設(shè)計(jì)，必不可少的項(xiàng)目經(jīng)歷

1. 傳統(tǒng)互聯(lián)網(wǎng)流程中的UI設(shè)計(jì)師如何參與體驗(yàn)設(shè)計(jì)工作具備項(xiàng)目經(jīng)歷？

具備交互設(shè)計(jì)的技能，填平全職的交互設(shè)計(jì)崗位缺失。在傳統(tǒng)互聯(lián)網(wǎng)流程中的產(chǎn)品經(jīng)理，UI設(shè)計(jì)師，研發(fā)工程師三角鼎力。產(chǎn)品經(jīng)理起到主導(dǎo)作用，梳理需求，繪制原型。也面臨著交互邏輯與交互狀態(tài)的缺失，這對(duì)于設(shè)計(jì)師而言是切入結(jié)構(gòu)層機(jī)會(huì)點(diǎn)。

梳理需求中，產(chǎn)品經(jīng)理更多的競(jìng)品分析，數(shù)據(jù)挖掘，用戶反饋及管理層戰(zhàn)略導(dǎo)向。當(dāng)我們熟練思考使用商業(yè)畫(huà)布及用戶故事工具時(shí)，可與產(chǎn)品經(jīng)理一同梳理，以不同的視角出發(fā)。嘗試接觸范圍層與戰(zhàn)略層。

2. UX流程中視覺(jué)如何參與交互與用戶研究工作？

在一個(gè)UX設(shè)計(jì)部門(mén)，強(qiáng)流程與細(xì)分領(lǐng)域，視覺(jué)設(shè)計(jì)師首先具備一定的交互與用研知識(shí)。在與上下游的溝通中表現(xiàn)出一定的職業(yè)素養(yǎng)。通過(guò)交互用研的輸出交付物學(xué)習(xí)與思考，利用體驗(yàn)設(shè)計(jì)工具尋求新的設(shè)計(jì)思考方式。

3. 設(shè)計(jì)咨詢公司體驗(yàn)設(shè)計(jì)師的高階晉級(jí)，商業(yè)策略

設(shè)計(jì)咨詢公司的體驗(yàn)設(shè)計(jì)師熟練了各個(gè)工具箱及自創(chuàng)的方法論后，更多聚焦于商業(yè)策略層面。那么對(duì)于UI設(shè)計(jì)師/視覺(jué)設(shè)計(jì)師而言提供了環(huán)境與氛圍。多資源的共享，多項(xiàng)目可實(shí)踐，成長(zhǎng)的空間更大，更迅速，只要你愿意花時(shí)間。

本文由 @Emily 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。