起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識用戶體驗 | 全鏈?zhǔn)皆O(shè)計方法論
設(shè)計師如何培養(yǎng)自身的設(shè)計方法論與核心競爭能力？
一、用戶體驗初定義
我們先了解下UX，UX的全稱是 User Experience，翻譯過來就是「用戶體驗」，從全稱來看會發(fā)現(xiàn)其實也有UE的叫法，但是UX的叫法更加常用。
在國際標(biāo)準(zhǔn)ISO 9241-210中隊UX的定義是：
a person’s perceptions and responses that result from the use or anticipated use of a product, system or service.
一個人對某個產(chǎn)品或系統(tǒng)或服務(wù)在使用前、使用時、使用后產(chǎn)生的感受和反響。
這里可以做以下定義，用戶體驗即用戶的產(chǎn)品使用『主觀感受』，用戶體驗好即用戶感受愉悅。
二、用戶體驗專業(yè)設(shè)計方法論構(gòu)建
需要明確用戶體驗設(shè)計師的專業(yè)技能，就需要先了解用戶體驗五要素，其中包括戰(zhàn)略、范圍、結(jié)構(gòu)、框架、表現(xiàn)五個層面。
用戶體驗五要素之能力層解讀 ——將此進(jìn)行拓展說明，相應(yīng)的就出現(xiàn)了用戶體驗設(shè)計師需要掌握的一些具體技能。
以上五要素拓展出來的專業(yè)技能需要設(shè)計師去進(jìn)行延展和探索，構(gòu)建實際業(yè)務(wù)工作中的技能體系，培養(yǎng)專業(yè)技能是用戶體驗設(shè)計師進(jìn)階的第一步。
那么除去以上的基礎(chǔ)技能，設(shè)計師還需要搭建針對相關(guān)領(lǐng)域的設(shè)計方法論，以下列舉幾個B端設(shè)計的方法論進(jìn)行逐一闡述。
設(shè)計方法論——客戶訴求與用戶需求的權(quán)衡設(shè)計
客戶訴求有很多種，沒有固定的形式，即可以是單個人或者幾個人的特殊意志體現(xiàn)，也可以是一批人的特殊需求。用戶需求是站在用戶的場景中去思考，找出最典型用戶的需求，以此來支持產(chǎn)品設(shè)計等。
（1）如果是第一種情況，即少數(shù)人的特殊意志體現(xiàn)，此時的客戶訴求與用戶需求的關(guān)系很好理解，結(jié)合上面對于用戶體驗五要素的能力層解讀，客戶訴求即產(chǎn)品目標(biāo)，包括『商業(yè)盈利目標(biāo)』與『品牌傳達(dá)』，具體可以提現(xiàn)在廣告運營設(shè)計、品牌置入、打單銷售界面展示等。而用戶需求則是上述圖中的用戶研究與人物角色下的場景化普遍需求。
下圖示意：
（2）如果是第二種情況，即此時的客戶訴求也是一批用戶的需求，這個時候用戶需求包括客戶訴求，這種情況下最好的例子就是客戶訴求是產(chǎn)品管理、分析模塊，用戶需求是產(chǎn)品常規(guī)使用模塊。只需求找準(zhǔn)相應(yīng)的場景即可以兩邊都很好的滿足。
下圖示意：
設(shè)計方法論——B端系統(tǒng)下的向?qū)гO(shè)計體系
有一個很形象的比喻，C端軟件如果是7-11的話，B端軟件就是大型購物中心。
每一個大型的購物中心都有自己的『導(dǎo)視系統(tǒng)』，導(dǎo)視系統(tǒng)再關(guān)鍵的時候指引用戶下一步該怎么走，防止用戶在復(fù)雜的樓層中反復(fù)需找商店，浪費時間或者干脆找不到。
作為復(fù)雜B端系統(tǒng)，也需要有自己的向?qū)w系來支持用戶使用，其中：
- 『新手向?qū)А?/strong>主要是針對小白用戶的功能層、內(nèi)容層的初步介紹；
- 『業(yè)務(wù)流程引導(dǎo)』主要是針對復(fù)雜流程的分步引導(dǎo)，降低使用難度；
- 『異常情況引導(dǎo)』是針對異常操作的容錯機制，這一步往往需要用反常規(guī)的方式思考用戶習(xí)慣；
- 『復(fù)雜信息說明/提示』是對低頻/專業(yè)元素的穿透解釋；
- 『幫助中心』或者叫問答機器人，就是針對用戶的問題庫。
在使用以上內(nèi)容時，需要切記一個原則：需要的場景，合理的出現(xiàn)
設(shè)計方法論——復(fù)雜界面下的響應(yīng)框架
Web設(shè)計布局中存在靜態(tài)布局、流式布局、自適應(yīng)布局、響應(yīng)式布局、彈性布局；其中響應(yīng)式布局可以保證在任何終端上都能顯示出讓人滿意的效果，所以在復(fù)雜界面的設(shè)計下普遍采用『響應(yīng)式設(shè)計』。
響應(yīng)式設(shè)計一般糅合了靜態(tài)布局+彈性布局+流式布局，再搭載媒體查詢技術(shù)使用（分別為不同的分辨率定義布局）。
在該體系下，使用響應(yīng)的布局規(guī)則需要依據(jù)頁面元素的屬性與業(yè)務(wù)要求結(jié)合判斷，例如：列數(shù)較多的表格，場景要求每列都需要顯示全，且預(yù)估用戶可接受適當(dāng)范圍的橫向滾動，再設(shè)定好部分重要的固定列后，采取靜態(tài)局部的方式來展示該長表格。
設(shè)計方法論——卡片式設(shè)計原則
在B端場景中，為了增加信息展示的形式，在列表識設(shè)計的基礎(chǔ)上，引入了卡片式設(shè)計。相應(yīng)的，我們需要知道卡片式設(shè)計有哪些優(yōu)點，才能在合適的場景使用。
卡片式設(shè)計的創(chuàng)新點主要體現(xiàn)在空間利用上、內(nèi)容突出上、跨終端能力以及視覺傳達(dá)上，謹(jǐn)記以上點可以指導(dǎo)關(guān)鍵運用場景的判斷。
相關(guān)閱讀：從列表式UI中升華探討：卡片式UI有哪些創(chuàng)新點
此外還有『有意義的動效設(shè)計』『頁面布局方法論』『灰度測試』『多語言下的字體規(guī)范』等設(shè)計方法論需要去掌握和了解。
三、全鏈?zhǔn)皆O(shè)計師能力模型
評定一個設(shè)計師的能力是否優(yōu)秀，除了需要掌握必備的專業(yè)技能外，還需要包括各項達(dá)標(biāo)的通用技能。
專業(yè)技能決定設(shè)計師可以站的多高，通用技能決定設(shè)計師可以走的多遠(yuǎn)。
通用技能主要包括溝通能力、協(xié)作能力、項目把控能力、設(shè)計落地能力、總結(jié)能力、創(chuàng)新能力等。
- 溝通：確定溝通目標(biāo)，提取雙方溝通重點，反推需要收集的信息；
- 協(xié)作：了解對方工作規(guī)劃側(cè)重點與KPI目標(biāo)，找到規(guī)劃交集；
- 項目把控：時刻謹(jǐn)記四象限工作法，重要的事情有規(guī)劃分階段輸出；緊急的事情快輸輸出保證進(jìn)度，可后期迭代；
- 設(shè)計落地：明確設(shè)計方案帶來的效益，還需要考慮『用戶需求/場景』與『開發(fā)資源』，在業(yè)務(wù)側(cè)得到認(rèn)可，獲得支持，達(dá)成共贏。傳送門：設(shè)計師如何更好的展示創(chuàng)新設(shè)計方案。
- 總結(jié)歸納：對于項目，學(xué)會提取核心業(yè)務(wù)邏輯+關(guān)鍵交互細(xì)節(jié)。有一個小竅門是，階段性的給自己做的項目提取關(guān)鍵詞，關(guān)鍵詞的提取即是項目的最小單元的總結(jié)。
- 創(chuàng)新：養(yǎng)成跨界研究學(xué)習(xí)的能力，除了多去體驗同行業(yè)的產(chǎn)品外，跨界的其他行業(yè)的體驗往往會帶來新的靈感，因為體驗的本質(zhì)是一致的。
通用能力的培養(yǎng)往往是慢慢磨練和積累，循序漸進(jìn)，需要結(jié)合自身性格打造符合自己的能力風(fēng)格。
四、設(shè)計師工具集
工欲善其事必先利器，稱手的工具可以讓設(shè)計事半功倍。
1. 戰(zhàn)略層、范圍層
產(chǎn)品前期的階段，更加注重創(chuàng)意的提出或者核心的理念，需要制定設(shè)計方向。這個時候的關(guān)鍵點在于洞察問題，包括：目標(biāo)人群、用戶需求、應(yīng)用場景、場景痛點動機、商業(yè)目標(biāo)、機會分險成本等。
該階段的行動項需要執(zhí)行頭腦風(fēng)暴、問卷調(diào)查、用戶訪談、焦點小組、任務(wù)角色共情圖、故事板等，其中大部分都可以通過手繪快速推進(jìn)，其中可以結(jié)合便利貼、工具尺等等。
在范圍層還設(shè)計到的知識點：心智模型、卡片分類、KANO模型、品牌層次理論等。
2. 結(jié)構(gòu)層、框架層、表現(xiàn)層
產(chǎn)品中期的階段，涉及到較多的產(chǎn)出物與知識點，其中：
- 思維導(dǎo)圖的工具可以選擇XMind、Mindmanager；OS X系統(tǒng)推薦使用MindNode，希望線上協(xié)作的話可使用Process On。
- 低保真原型最常使用的即Axure，強烈建議配合典型頁面庫、組件庫、控件庫使用，快速調(diào)出各項需要的元素可以極大提高原型制作效率。
- 高保真視覺設(shè)計稿里最常規(guī)的就是萬能的PS，條件允許的話推薦使用Sketch，這款軟件只能在OS X系統(tǒng)下運行，但是確實越來越多設(shè)計的選擇和標(biāo)配。
- 高還原交互展示可以運用的軟件比較多，其中墨刀最常見，希望更精細(xì)化的展示可選擇Principle或者Protopie。
動效設(shè)計主要使用Adobe After Effects，F(xiàn)ramer和Adobe Animate也可以考慮。
設(shè)計工具多種多樣，選擇合適且大眾的，即高效又好協(xié)作。
3. 其他：項目管理、歸納、總結(jié)
團(tuán)隊協(xié)作推薦藍(lán)湖，該軟件下設(shè)計師可以高效交付設(shè)計稿，產(chǎn)品經(jīng)理清晰表達(dá)需求和邏輯，工程師高效查看標(biāo)注與自動生成代碼，輕松上手，高效協(xié)作。其他可選擇Teambition、Worktile等。
結(jié)語
本章主要介紹了用戶體驗設(shè)計師的整體能力框架，旨在幫助大家更加系統(tǒng)和分階段地學(xué)習(xí)用戶體驗。
在體系化的能力框架指導(dǎo)下，新人設(shè)計師需要快速找到自己的優(yōu)勢方面加以強化，弱勢方面加以補充，時刻明白下一步目標(biāo)。
接下來的文章將會為大家逐步介紹上述相關(guān)的設(shè)計方法論。
相關(guān)閱讀
從列表式UI中升華探討：卡片式UI有哪些創(chuàng)新點
本文由 @小偉同學(xué) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自 Pexels，基于 CC0 協(xié)議
一直覺得設(shè)計方法論應(yīng)該是，從設(shè)計的開始到結(jié)束的思維方式（一般可以用自己做設(shè)計時的一系列步驟來體現(xiàn)），感覺這篇文章中的設(shè)計方法論是從一個個界面元素的應(yīng)用出發(fā)，比如布局和響應(yīng)系統(tǒng)的選擇、卡片形式的應(yīng)用等，什么時候講一下你進(jìn)行一個項目從頭到尾的思考和設(shè)計過程和每個階段的感想呀～作為一個新手，更想知道要如何推進(jìn)設(shè)計進(jìn)程！
還有一個問題，在客戶訴求和用戶需求的權(quán)衡那部分，剛開始以為第一種情況第二種情況只是客戶人數(shù)不同，又看了一遍才發(fā)現(xiàn)你的意思其實可以簡單來說，是不是客戶是給設(shè)計師提出產(chǎn)品目標(biāo)的人，而用戶是設(shè)計師需要去挖掘需求的人？這樣說感覺能更清晰客戶與用戶的差別
從我的理解角度，設(shè)計方法論從前期可以是策略型的，例如研究用戶生命周期、客戶訴求等；中期是流程型的一些設(shè)計方法論，就是你理解的類型，從用戶體驗五要素出發(fā)去解讀每個步奏涉及到的知識點；后期往往是提升型的，會去做一些體驗精細(xì)化，場景聚焦化設(shè)計，例如卡片式設(shè)計、向?qū)w系的植入等。我把這些方法論打散了寫，后面可以考慮再體系化。
對于第二個問題，客戶也可能是需要設(shè)計去挖掘需求的人，這個后面會專門寫一篇文章介紹。
很少見到能脫離表層設(shè)計技法深入探討設(shè)計方法論的文章，看完對設(shè)計有了更多的思考。
文章思路很清晰，蠻不錯的 希望有些具體的例子論述，更加清晰易懂！
寫的不錯，在初期確實需要了解一些方法論，后期在實踐之后這些正確高效的方法論會潛移默化地影響到設(shè)計工作，提高設(shè)計效果和準(zhǔn)確性。
這局鋪的很大呀，期待小偉同學(xué)后續(xù)具體討論各個方法論的文章。
感謝支持 ??