2021-4-20 資深UI設(shè)計者
在工作中常常被問到如何表達(dá)講述自己的設(shè)計，為了讓自己的設(shè)計有理可依，對接上下游匯報工作的時候，總結(jié)以下一些方法和觀點，幫助不知從何講述自己設(shè)計的人一些語言技巧。
以下僅是個人觀點，用作探討交流，文中所有舉例均為本人工作設(shè)計輸出。
設(shè)計師能做出好的設(shè)計，卻缺乏系統(tǒng)化的語言包裝，“如何講設(shè)計”不該讓它成為難題，做一個有產(chǎn)品思維的設(shè)計師，讓你的設(shè)計以理服人，我們要不止停留在視覺表層，更要從多緯度看待產(chǎn)品設(shè)計，本文將從以下三點簡述：01.產(chǎn)品設(shè)計的五個層面，02.講述設(shè)計的流程，03.關(guān)于本次總結(jié)
做好產(chǎn)品設(shè)計的第一步，是了解產(chǎn)品， 要對于產(chǎn)品的需求如何確定、產(chǎn)品定位如何決定有一個基本的認(rèn)識，在產(chǎn)品常識里面最重要也最常用的就是產(chǎn)品設(shè)計的五個層面，也簡稱用戶體驗五要素——
作為UI設(shè)計師，所處的視覺設(shè)計是表現(xiàn)層，是確定產(chǎn)品的最終形態(tài)，因此也處于產(chǎn)品設(shè)計的頂層（能被看到），是一個具象畫的呈現(xiàn)；其次，往里推框架層，是確定產(chǎn)品外觀，將界面信息和導(dǎo)航設(shè)計有序歸類，讓用戶使用或者理解；結(jié)構(gòu)層是為用戶設(shè)計一個結(jié)構(gòu)化的體驗，將零散的元素轉(zhuǎn)化為有序立體的空間；范圍層確定產(chǎn)品的功能和需求；最后戰(zhàn)略層是確定產(chǎn)品目標(biāo)和用戶需求；底層邏輯結(jié)構(gòu)決定上層意識形態(tài)表現(xiàn)，因此在設(shè)計前我們要知道產(chǎn)品是屬于洞察階段，設(shè)計中是屬于產(chǎn)品設(shè)計解決方案階段，整體的產(chǎn)品設(shè)計是一個概念通過無數(shù)個層面的努力，經(jīng)過時間，轉(zhuǎn)化為具象表現(xiàn)的過程，所以我們在完成一項設(shè)計時，應(yīng)該講述一個完整的設(shè)計思路 ，不要讓自己的設(shè)計思路僅停留在表面。
整個產(chǎn)品的設(shè)計產(chǎn)出是一個抽象到具象化的過程，設(shè)計的前期屬于產(chǎn)品洞察階段，這個時候一般由團(tuán)隊的老板領(lǐng)導(dǎo)結(jié)合當(dāng)下市場需要，有用戶的需求就有商機(jī)，想出產(chǎn)品大致的方向（戰(zhàn)略層）然后通過產(chǎn)品經(jīng)理整合梳理高層的意見確定產(chǎn)品大致的功能和內(nèi)容輸出原型（范圍層），交給交互設(shè)計師優(yōu)化產(chǎn)品細(xì)節(jié)邏輯和信息具體框架，經(jīng)過研發(fā)評估能夠技術(shù)實現(xiàn)產(chǎn)出交互稿（結(jié)構(gòu)、框架層），這里已經(jīng)過渡到設(shè)計解決問題執(zhí)行階段，最后是給到界面設(shè)計師美化視覺產(chǎn)出高保真（表現(xiàn)層）。
也就是到我們自己設(shè)計輸出之前要經(jīng)歷這么多，如果能在講述自己設(shè)計的時候，提前去了解這些，那么設(shè)計內(nèi)容就不愁沒法兒講，光是闡述自己的設(shè)計思路就可以講出一個故事，這也是為什么現(xiàn)在很多品牌賣貨都開始營銷產(chǎn)品背后的故事由來。我們設(shè)計能做好，也要會用語言推銷自己的設(shè)計成果。
設(shè)計是對于某件事精心準(zhǔn)備的過程。好的設(shè)計作品，應(yīng)該擁有完整的設(shè)計流程，因此我們在講述自己設(shè)計作品的時候，有一套完整系統(tǒng)化的方式是非常有效的。完整的設(shè)計流程包含以下4個步驟：
第一是我們需要去了解設(shè)計的需求背景，知道大概的方向——
來源（簡單理解就是誰提出的問題）需求有可能是你的老板、你的產(chǎn)品經(jīng)理、或者交互設(shè)計、或者視覺上的問題···
背景（籠統(tǒng)一點，就是這個需求是新需求還是原來有然后進(jìn)行改版優(yōu)化）需求的基層性質(zhì)是什么，原本調(diào)性是什么，我們要做什么樣的產(chǎn)品···
目標(biāo)（目標(biāo)一般都是需要解決什么問題）搞清楚為什么做這個需求，能解決什么痛點，不做無用功。
誰提出的問題，是新的需求還是舊的問題，或者我們要解決什么？圍繞這幾個方向?qū)⒛愕脑O(shè)計概述出來，會讓非專業(yè)的人也能聽懂你做了什么，舉個簡單的例子，我們公司后臺一個很小的產(chǎn)品bug需求，往往這種需求就是產(chǎn)品經(jīng)理的一個截圖和他標(biāo)注的兩句話——
然后你完成了這個需求單，在傳達(dá)給非產(chǎn)品經(jīng)理以外的人的時候，你有可能是以下轉(zhuǎn)述方式——
毫無疑問，你就是將需求者的意思一字不落的轉(zhuǎn)達(dá)了，但是對于其他的聽者來說，你的轉(zhuǎn)述平平無奇、毫無意義，甚至都沒有印象你做了什么，所以你應(yīng)該講清楚這個需求的背景——
設(shè)計需求來源是誰，原本屬于產(chǎn)品哪個模塊（來源），他原來功能是怎么樣的，界面上展示的結(jié)構(gòu)哪里有問題（背景），視覺用了什么樣的方式改成什么樣，解決了什么痛點（目標(biāo)）
講清楚誰給的需求，需要解決什么問題，是在原來的基礎(chǔ)上不變動邏輯的情況下增加了什么達(dá)到了什么目的，才讓你的敘述更完整，聽起來更有邏輯。如果是一項新的需求，沒有背景，那還得從設(shè)計分析說起，設(shè)計分析就是讓你更專業(yè)的去做事，設(shè)計分析分為——用戶分析，設(shè)計目標(biāo)，和設(shè)計手段三個要點：
首先用戶分析就是，分析你做的東西給誰看，而用戶又分為群體用戶和獨立用戶，在c端常見的就是獨立用戶，他們通常不定性，且有很多特征；在b端，目標(biāo)用戶一般是群體，他們大多數(shù)是有場景特性和行業(yè)特性，針對獨立用戶和群體用戶，我們得出的用戶特征、基本信息、需求結(jié)論也是不一致的，所以我們應(yīng)該結(jié)合產(chǎn)品的調(diào)性分析一下我們做出來的設(shè)計究竟給誰看給誰用。常見的用戶分析方法有：用戶畫像、用戶訪談、問卷調(diào)查、焦點小組、眼動測試、用戶反饋以及大數(shù)據(jù)分析，這些方法中最簡單的是用戶畫像，就是舉實際的例子列出真實用戶的特征信息及使用場景。B端用戶分析方法常用大數(shù)據(jù)分析和用戶反饋，這兩種方式通過對接需求的上下游就可以得知。
通過用戶分析得出需求結(jié)論，滿足需求就能達(dá)成設(shè)計目標(biāo)——
設(shè)計目標(biāo)結(jié)合卡諾模型來分析，卡諾模型—反應(yīng)產(chǎn)品性能和解決用戶需求的滿意度的一種非線性關(guān)系，具體想了解的可以自行百度，站在巨人的肩膀上我們看得更遠(yuǎn)。 卡諾模型具備4種屬性 ：1.必備屬性：滿足這個需求，用戶滿意度不會上升，但不滿足這個需求，用戶不滿意會大幅度降低 ；2.期望屬性：提供個性化需求，用戶滿意度會上升，不提供此需求，用戶滿意度會降低； 3.魅力屬性：用戶意想不到的效果，提供此屬性，用戶滿意度大幅提升，不提供也不會降低 ；4.無差異：無論提不提供，用戶滿意度都不會改變，根本不在意；因此在做需求的時候我們應(yīng)該盡力滿足基本需求和期望需求，而可有可無的需求盡量不去做，降低效率。幸福需求是不容易達(dá)到的，如果能滿足是非常棒的～這里就像是滿足了設(shè)計心理學(xué)的三個層次——本能、行為、反思。
接下來是大家都熟知的設(shè)計手段，適當(dāng)?shù)闹v一些述專業(yè)的設(shè)計技法，用不同的手段去實現(xiàn)的主畫面，最后達(dá)到完成設(shè)計目標(biāo)這樣的結(jié)果，會讓你顯得更專業(yè)。設(shè)計的手段有很多種，這里主要講述常用的三種，構(gòu)圖排版（采用什么構(gòu)圖方式，為什么這樣構(gòu)圖是因為什么設(shè)計原則）、色彩運(yùn)用（為什么使用這個顏色，因為這個顏色給人的心里感知是什么樣的）、設(shè)計風(fēng)格（采用什么風(fēng)格最貼近產(chǎn)品調(diào)性，為什么用這個風(fēng)格），但是講設(shè)計時一定要記住產(chǎn)品的調(diào)性，不能偏離產(chǎn)品本身，不要盲目套用絢麗的技法，否則是不合適的。
很多時候面對非專業(yè)需求方收稿時，可能看到如下話語————
（心里是不是xxxx····“萬馬奔騰”，用個文明點的詞）
非專業(yè)人士無法理解這二者的區(qū)別，他們認(rèn)為他們的設(shè)計手段能達(dá)成設(shè)計目標(biāo)，而作為專業(yè)設(shè)計師的我們就應(yīng)該引導(dǎo)對方說出設(shè)計目標(biāo)，再用我們專業(yè)的手段去滿足對方的目標(biāo)，去實現(xiàn)減少改稿次數(shù)，而不是讓非專業(yè)人士去指導(dǎo)專業(yè)人士修改設(shè)計手段。分清這兩者的區(qū)別，我們就可以在設(shè)計引導(dǎo)中更加主動。用設(shè)計分析的方法來講述設(shè)計，舉個例子——
會議管理——會議預(yù)約移動端優(yōu)化，因為這是我們原有產(chǎn)品EKP里面的模塊，PC端和移動端都有，因此用戶可能是群體也可能是個人。所以針對獨立用戶和群體用戶都做一個用戶畫像，得出他們的一些需求結(jié)論，然后目前幸福需求是沒有的，純屬個人建議，日后如果有此功能，想必用戶的滿意程度也會大大提升。
概括一下已完成的整體主要頁面，分析設(shè)計目標(biāo)：
頭部屬于流量量較高的區(qū)域，采用卡片式設(shè)計，將會議內(nèi)容置于此處，作為頁面信息關(guān)鍵層，采用左對齊方式排版，突出會議標(biāo)題和時間提醒用戶。
通過不同的顏色標(biāo)簽，區(qū)分參會人員狀態(tài)——
待進(jìn)行未有操作反饋，選用橙色，屬于可以持續(xù)進(jìn)行并有明顯提醒作用
已做反饋屬于成功操作，選用已有用戶認(rèn)知心理的綠色
已知信息拒絕參與，是不太重要的，屬于不再進(jìn)行的階段，選用灰色
接下來是設(shè)計作品的產(chǎn)出過程，一般情況下不可見的過程，為什么要去講， 因為一個東西從無到有是很不容易的一件事，如果能講述過程，就可以引燃情緒共鳴，讓別人記住，讓自己的設(shè)計作品也能有始有終——
設(shè)計過程一般分為四個階段：初期階段、中期階段、最終定稿；具體的關(guān)鍵詞和描述可以通過以下方式提煉出來，這里就不做詳細(xì)說明了。
拿運(yùn)營宣傳來舉個例子，我們公司中秋節(jié)月餅禮盒包裝主視覺設(shè)計——
整個過程應(yīng)該是有一個系統(tǒng)化的說明的，省略為寫字的地方是我們可以插入的具體圖片和過程，步驟差不多就是上述這些，可以有最初階段的頭腦風(fēng)暴-提取關(guān)鍵詞-清晰定位到中期階段的團(tuán)隊合作—風(fēng)格擬定-精選方案-細(xì)節(jié)刻畫以及和物料方溝通對接的打樣確定工藝等等過程…再到最后定稿的體驗還原-問題優(yōu)化…主畫面的誕生是不容易的，強(qiáng)化這種過程參與，讓不被看見的事也能展現(xiàn)。如果實在不好記錄，你可以從一開始就截圖你繪制的過程——
上圖是用PS截圖，再用時間軸將每一幀動態(tài)循壞播放，導(dǎo)出GIF然后截一張不變的底圖合成就可以了。
最后是數(shù)據(jù)驗證階段，這個是設(shè)計落地的直觀證實，包含主觀認(rèn)可和客觀數(shù)據(jù)，具體內(nèi)容就是通過用戶或者專業(yè)的人士反饋給你設(shè)計落地的好壞，來判定你做的是否優(yōu)秀成功。通常這一塊的數(shù)據(jù)決定你驗證你前面所有的過程，只要按照該流程認(rèn)真做了，最后效果通常不會太差，如果出現(xiàn)很大的偏差也往往是意料之外的，因該尋求團(tuán)隊一起解決，不是某一個人的問題。
根據(jù)以上最后我們總結(jié)，好的設(shè)計就是滿足以下4個方面：好看，好用，好記，能實現(xiàn)。設(shè)計師要考慮的維度不僅僅在視覺層面，什么是有產(chǎn)品思維的設(shè)計師，就是在執(zhí)行時候要考慮上下游不同職能的工作內(nèi)容，如果你的設(shè)計不能實現(xiàn)，再好看也是白費(fèi)功夫的～從產(chǎn)品交互視覺多層面談設(shè)計，會讓你的設(shè)計包裝顯得不那么單調(diào)，系統(tǒng)化的方法總結(jié)到此，不足之處多多包含～謝謝你的閱讀！
文章來源：優(yōu)設(shè) 作者：YiVi_eleven
藍(lán)藍(lán)設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://www.miumiuwan.com