2022-12-7 ui設計分享達人
http://ssll180.comhttp://ssll180.comhttp://ssll180.comhttp://ssll180.com/dp.htmlhttp://ssll180.comhttp://ssll180.com/web.htmlhttp://ssll180.com/Design.htmlhttp://ssll180.com/Design.htmlhttp://ssll180.com
一年一度的年底復盤總結大會即將開啟，期間閑聊時被問：作為設計師，日常工作中如何體現設計價值？你們平時做的那些不是業務需求嗎？如何體現設計價值呢？直白一點：你們設計一年都沒產出?。。。∥议_始反思：如果平時做的業務需求不能體現設計價值，那么什么體現我的價值呢？設計價值到底用什么來衡量？
1、如何理解設計價值
2、設計師價值分層
3、設計價值案例體現
4、設計價值具體表現方向
很多招聘上都寫著會插畫會動效的加分，很多職場人沒面試或沒應聘上理解是不會某個技能，因此抱怨設計要學的太多了...但是注意「加分」這個詞的前提是滿足必要條件之后才去考慮的，如果公司有大量的剪輯和插畫需求，自然會招插畫師和剪輯師（我上家公司有專門的插畫師和視頻剪輯人員），所以不妨反省自己是否滿足必要條件。
前幾年大家或許可以憑借這些差異化優勢拿到不錯的薪水，但是寒冬之下公司更多的思考著如何活下去，更看中設計能給產品發展帶來什么價值
商業設計本質上服務于業務，公司需要用戶參與盈利，所以每個季度或每個月分發每個部門業務目標，項目團隊根據當前部門任務制定相應的項目目標，然后再一層層分發到設計，總結他們的關系如下：
因此判斷設計價值的關鍵是：是否真正地幫助業務解決問題，助力業務目標達成。換言之，設計價值就是設計師通過設計思維/策略/方法，幫助業務創造的那部分價值。
根據設計價值，市場上衍生出各種設計師頭銜，被劃分為更靠近產品的UXD（User Experience Design)、以及在UXD基礎上提升出與業務更密切的UGD（User Growth Design)，最后就是更偏純視覺的VD（Visual design)。
相信大家和我一樣，在公司對設計師的要求再也不是單純界面輸出了，雖然職稱頭銜沒變，但是公司對我們的要求越來越高了，那說明你正在向體驗型設計師或用戶增長型設計師發展。今天看了我的文章，打開格局，未來的路也會越走越寬
設計師的價值可以分為五層：
基礎價值（設計協同）：重要且緊急，設計師立身之本
二級機制（優化負向）：自驅解決負向問題，量化優化結果
三級價值（增長爆破）：洞察增長爆破點，自驅推動增長
四級價值（L型賦能）：垂直擊穿，經驗沉淀，實現L型賦能
五級價值（業務領軍）：人人都是業務方，拓展設計師在行業和生態影響力
今天主要聊聊前三種，我相信很多人最初選設計師這個職業認為設計不用對接太多人，做好自己的事情就OK，緊接著慢慢的在無止盡的改稿消耗了激情，開始喊出設計沒前途想轉行不好找工作等等，但是正真玩明白設計的人往往笑而不語
不知其然，表象復刻。設計協同最基本要求就是在拿到需求后高效又完美地實現落地。也就是我們剛剛入行時日常工作中所做的事情：產品給到原型、設計開始執行、接著進入研發、再接著走查等等，甚至很多人都沒玩明白設計系統有哪些，各個設備的的規范區別...
做好這個階段是設計師基本素養，需要良好的專業能力，良好的溝通能力，并參與到產品的探索與構思中來。
我之前在小紅書分享了很多關于設計優化內容，優化前VS優化后。以用戶體驗為核心，不同場景不同設計。相較于基礎價值而言，負向優化開始逐漸融入業務當中，慢慢了解整個業務流程，很多小伙伴往往提出優化方案后被認定為優先級不高，就是沒有針對當前業務主要功能提出優化
這個階段在設計師晉升中非常關鍵，領導非?？粗卦O計是否主導項目優化，我目前公司晉升標準是設計師除業務需求外，一年至少需要2次設計主導項目推動。這個過程比做業務需求復雜的多，因為當你沒有足夠資源協助優化時，需要設計自己前期調研、設計問卷、找數據、寫產品文檔、畫原型圖、標注交互規則...整個過程由你主導。
當然這個階段的設計師會比上一個階段更能體現設計價值，并對產品產生一定的影響力。我們要把格局打開不要局限于設計本身，不是說忽略設計，是基于日常設計界面去考慮設計的意義，給產品和業務帶來的影響。能在以用戶為中心的基礎上，尋找機會點，推動業務的增長，所以這個階段的設計也被稱為UGD（User GrowthDesign）
這時候對設計的要求更高，比如需要具備用戶洞察力，數據分析能力等，從這些維度出發，去熟悉業務、分析業務，尋找設計機會點，制定設計策略，從而推動業務。這個階段的設計師，也是市場最需要并且很稀缺的。
通過一個案例我們一起討論設計價值體現，首先看一下業務目標，設計目標是由它推導而來，這個推導的過程并不是直觀可見的，需要我們進行用戶調研、問卷調查、數據分析等等一系列方式去推導，最后總結歸納出可行設計目標。推導過程是整個設計過程中最重要的環節，為了讓大家理解，我在網上查了很多案例
一般業務目標是決策人開會共同決定的，它只是某個階段大的方向，基本可以套進下面這個公式
以我目前工作正在執行的項目為例，可以組合其中一部分作為業務目標，例如：
Q4：通過提升中介版位的曝光率引導中介入駐（上傳社區資料），來增加社區內容的豐富度
阿里《五導家設計法》中對業務目標和設計目標的定義是：
1、業務目標：用［某策略］給目標用戶帶來［某價值］，以實現［某變現方式］
2、設計目標：用［某設計策略］給目標用戶帶來［某價值］，以助力［某變現方式］
這個剛開始理解會比較困難，因為很多項目其實只有一個總體的目標并不會細化到這樣的顆粒度。于是我去網上查了一些設計師的分析部分內容，整理組織一下發現大致的信息是這樣的：
由業務方提出一個需求，這個需求背后往往伴隨著一個業務指標，設計師則需要將定量指標拆解為有設計執行指向的目標。上圖中簡化XX功能的操作路徑，就需要拉出整個操作過程中的數據，觀察同級功能及子級功能有什么影響，用戶是在哪一步流失的，有什么優化途徑...，可以看出短短幾個字背后的工作遠遠比想象的多
這次設計改版也是伴隨著業務的發展而來的，為了做出貼近業務目標的設計，項目前期對產品的定位及業務底層邏輯做了深刻的理解，思考我們為什么要做這個產品？用戶通過我們產品得到什么？為了方便理解，我從項目背景開始說起
項目背景：隨著平臺買賣租賃業務迅猛發展，用戶對于房屋周邊關注度越來越高，單個房屋詳情無法滿足用戶對整個房屋周邊的了解，所以推出社區找房平臺。產品主要定位是提供小區內真實有效的房屋信息，幫助用戶省時省力的篩選出優質房源
問題：由于第三方合作平臺房屋資料更新不及時，導致C端用戶（買賣租賃）去線下看房時發現已賣已租，漸漸地對平臺產生不信任，最后很大可能棄用。
解決：為了改善這一現狀，平臺引入「社區專家」這一概念，并通過提升中介版位的曝光引導中介入駐，入駐則需上傳該小區戶型圖/平面圖/內景圖等 。也就是說中介入駐后被稱為社區專家，在APP端曝光量增加，吸引C端用戶點擊互動，從而提升房屋成交量的可能性（也就是業績）
這樣一來，我們就明確了現階段為什么要做這件事：中介通過上傳房屋信息獲得一定的曝光量；而買賣租賃用戶通過房屋信息省力省心找到符合自己預期的房源。
產品最終服務于用戶，不同產品面對的不同人群的需求是不一樣的，所以前期深入了解了用戶，明白用戶訴求，這樣能更好的聚焦設計策略，將產品的核心價值及服務價值傳遞給用戶，從而提升用戶使用體驗
接著對此次需求目標用戶（中介）進行了調研分析，當前我們的中介用戶特征具體表現為：年齡在45歲以下的用戶人群占73%左右，整體年齡不大，對互聯網接受度較高，工作業績直接與房屋成交金額掛鉤
社區專家入駐流程簡單的看就是上傳社區信息圖片，然而其實是一個系統化決策的過程，整條關鍵路徑從了解入駐優勢（信息獲取）到怎么上傳（上傳圖片）再到上傳成功（入駐成功）經歷了幾個關鍵節點，開始呈現一個漏斗狀的情形，轉化率越來越低。
因此在產品設計之前，我們對用戶決策的關鍵路徑進行了相應的梳理：主要為入駐前、入駐中、入駐后幾個階段，同時圍繞著每個環節去強化用戶內心感知，挖掘設計上的機會點
在這幾個階段我們主要解決的問題可以歸納以下幾點
1、入駐前：如何讓中介快速找到入駐入口，明確入駐優勢
2、入駐中：如何讓用戶入駐更順暢
3、入駐后：如何提升用戶入駐后效果感知，為再次入駐做推動
到此產品整體的設計思路已經很明確了，如果前期我們沒有對業務進行宏觀層面的拆解和分析，設計后期可能找不準設計的發力點，從而導致設計沒有貼合實際業務場景
圍繞著這些背景，經過多次溝通最終設計和產品同學達成了一致，本次主要設計目標為
1、提升用戶信息閱讀效率
2、提升用戶入駐決策效率
3、提升用戶入駐后效果感知
在明確了設計目標之后，最后一部分是設計落地了，正確的設計始終圍繞著產品策略來執行的，并通過深耕的設計解決方案來為用戶打造優質的服務體驗，那么我們將從以下幾個維度來進行視覺方案的設計
(1）以傳達信息內容為主
說到權益設計師視覺常常會體現榮譽感，就會聯想到黑金權益對比，但是不管是什么樣的視覺表現，最終的結果都是以清晰傳達信息內容為主，讓用戶看的明白這個是干什么的，對他有什么好處
如果用戶看不明白，即使信息有效觸達，最終會以為是廣告不明所以的關閉
當然這中間也不僅僅是設計的問題，產品給的交互原型稿就有問題，整個圖就沒讓人明白這個是基礎權益和置頂權益的對比。設計拿到原型搞后要提前溝通，在交互原型不確定的情況下不要開始設計，這個在《設計如何提升工作中話語權》有提到過，等交互評審多方達成一致后開始著手設計，這樣才會事半功倍
(2）利益點的展示
關于用戶入駐的利益點運營角度肯定是展示越多越好，但是產品為了減少用戶跳出率，期望查看任務是在當前頁面用彈框承載。由于彈框承載信息有限，我們盡量想在電腦一屏內展示完當前任務及主要利益點，所以在用戶能看明白的前提下不能無限增加利益點
(3）挽留彈框優化
無論什么類型的彈框，必須要做到文案簡潔。不要讓用戶看半天還沒明白你要說的是什么，然后才沒辦法也無所謂的點了確定或取消，當然大部分這種情況，他們都會點擊取消，或者右上角的關閉鍵。
而一般彈框按鈕，右邊是主操作按鈕，也就是引導用戶操作下一步的按鈕，這次優化前按鈕文案不好理解，確定操作與用戶本身理解有歧義，易造成誤操作
(1）統一入駐后的視覺效果
中介入駐前后狀態分為：入駐前、入駐中（審核中、未通過、已通過）、入駐后（免費續期）。其中入駐中未通過使用警示色紅色，為了強化中介入駐后的視覺效果也采用了紅色，這與入駐成功的綠色不符。
在視覺上用色混淆，那么后續紅色是表示警示的同時還可表示強調？那么下圖中「1筆成交」用紅色是成功了還是未成功？為了避免這個問題，入駐后視覺效果統一為綠色，在后續色彩感知上更清晰明確，無論是設計師還是用戶都不會混淆
(2）優化入駐路徑
主要按照流程最短，操作最少方向去優化，1.0版本完成整套任務流程：免費入駐 → 入駐成功 → 做任務 → 免費置頂。當1.0第一版設計稿灰度上線后，產品預期是與中介達成共贏的結果，但是灰度數據結果顯示中介用戶入駐率低
在優化前我建立了一個用戶調研群收集用戶反饋，與部分用戶電話1V1，發現有很大潛力去提升。比如與用戶溝通時，用戶說不知道入駐成功后還需要做任務；做完一個任務置頂后怎么還需要做任務；再做任務有什么作用等等
①免費入駐 → 入駐成功過程產生疑問，即入駐成功有權益還是做任務有權益？有什么不同？
②置頂一詞有歧義，他們理解置頂是整個流程完成，而產品放理解置頂是前端頁面的置頂
(3）任務彈框關閉方式
通常來說為了方便用戶關閉彈框，點擊蒙層或點擊關閉都可任務。入駐任務彈框是中介進入后強制彈出，1.0版本用戶點擊蒙層也可關閉，在2.0版本時候新增上傳社區格局圖，需要填寫篩選格局信息，關閉篩選框最常見方式點擊篩選框其它區域，由于任務本來是彈框展示區域有限，點擊蒙層是大多數人選擇，這時候可能上傳一半就打斷了，體驗非常不好。
處理方式：增加關閉按鈕點擊區域，彈框只能點關閉按鈕關閉，點擊蒙層不能關閉
買賣租賃用戶與中介的互動率在一定程度上影響著中介留存以及再次入駐意向，入駐后中介用戶在APP展示上至關重要。
由于品牌色是飽和度比較高的橙色，所以前期整個頁面的可點擊區域基本以品牌色為主，每次強調都是在原視覺上更強。當專家版位的視覺強調用橙色，視覺上可能無法凸顯；
用其輔助色藍色時，存在2個問題，①藍色輔助色視覺感比較重（新建案品牌色不能隨意修改），作為按鈕時更像是一個主按鈕；②后續設計可能與其他業務線用色混淆，用戶也可能分不清2個業務之間的關系
設計側如何解決呢？
面對這樣的僵局再做優化，就一定需要轉換思路了。跳出純頁面設計的層面去看轉化，我們到底設計什么？此時需要重新梳理模塊內容，明確產品訴求是想突出什么，結合產品訴求重新梳理內容優先級，以視覺維度重新輸出設計優化。
這一個階段就是證明之前所說內容是對的，證明你的設計正確性與有效性，并對后續的優化做準備
從入駐前中后期及APP展示在10月18號優化上線后，中介入駐成功率明顯上升，從而影響著社區入駐率也明顯上升，APP端互動按鈕點擊率也極大提升。整體來說這次改版非常成功，后續在響應式詳情頁上也會做相應的專家版位優化，社區專家曝光率最大化，同時也提升C端用戶找房效率
上面說了這么多，以上五步簡單來說：
為了什么做 (問題在哪) → 要怎么做 (如何解決) → 如何才算做好了 (評估體系) → 做好了嗎 (“定性、定量”在過程中的合作方式和態度) → 還需要優化嗎 (驗證復盤，再次出發)
上面說了這么多其實想說明設計價值的本身不是局限的，它不僅僅是大多數人看到的可感知的界面，它還包含對外增值和對內成本兩種類型：
對外增值是指價值的增加，用戶、營收、知名度等，這些都是對外增值的部分，也就是我上面從設計維度改版產品；對內成本是指成本的控制，資源、效率、投產比等，這些都是對內成本的部分
而這兩部分又可以被分為有形和無形
對外增值的有形價值，一般是指用戶行為數據、業務盈利數據這些，是能被直觀看見的。
如果一個決策是由你主導推進的，且因為這個決策引起了數據的上升，這個決策就是唯一變量，它能直接證明你的價值；
但是設計不是萬能的，大多情況下設計只能通過“影響/實現局部用戶價值”間接助力變現，我們只需關注可以通過設計手段參與、干預和落實的部分即可，這個就是我上面內容項目復盤總結的內容
當然，直接證明并不一定比間接證明更有價值。更重要的是，你要情境合理、邏輯自洽。
通常我們需要關注的指標有新增（新用戶數，日周月）、傳播（傳播周期）、活躍用戶數（DAU、MAU）、留存率以及流失率，還有aarrr的海盜指標-獲取、激活、留存、傳播、收入，這里不展開講了大家可以去搜索一下。這些數據在改版以及做新功能的時候我們經常會用到。
對外增值的無形價值是什么呢？比如公司周年慶，設計組會承擔全部的舞美設計，但是這個結果沒辦法用數據來衡量的。但是整個過程是設計全程跟進支持，使得客戶好評高于往年，甚至還在行業內有一定的傳播和討論，這些都是對外增值的無形價值。
也就是說除了直觀的數據目標，我們還可以從定義抽象的目標，抽象的目標也可以衡量。
設計組件規范可以最大化的保證設計的一致性、提升開發的效率以及方便產品的迭代優化，我們就使用了這樣的公式：組件開發時間*使用次數-投入的時間成本，以此估算出組件庫帶來的工時縮減。當然組件庫只是對內成本價值的一種，對內價值包含很多，比如設計原則提煉、設計語言統一等，這些在多個設計合作時事半功倍
大家常被到的問題：市面上開源的組件這么完善，設計師為什么花費那么多時間重新做組件？其實它存在2個問題
3.1、業務屬性不符
雖然網上存在很多第三方組件比如Ant Design、TDesign等等，研發使用這些確實提升效率，但由于設計語言不同（公司不同業務屬性不同），市面上的組件不一定與自家產品屬性貼合，需要我們結合產品愿景以及業務規劃進行重新設計。
3.2、業務特性不貼合
我們見到的很多組件只是基礎組件，可以保證基礎設計一致性，但由于業務領域的獨特性和多樣性，在一些專業的場景中有著強烈的業務屬性，需要我們對一些基礎組件進行組合，進行更專業的沉淀，這樣在實際使用的時候會更加高效。例如高級篩選、不同的場景彈框等。
推動產研設流程優化，比如我之前寫的《設計師如何提升話語權》就是我今年上半年發現了協作流程的不合理，反復溝通推動了流程的優化。這件事讓整個團隊有了更高效的合作，就屬于對內成本的無形價值。
項目復盤對于我們設計師的能力成長的作用是巨大的。它之所是最快的學習方式，因為它在是實踐中的反饋，這種直觀的經驗沉淀最終會融入自己解決問題的知識體系架構，而這將進一步反輔自己的職業成長。
復盤可以讓我們站在第三方角度，重新對項目流程進行全面的回顧與總結。結合不同的反饋，客觀的了解當前設計在整個業務目標中的價值，這是對我們設計量化最佳途徑。
和大家再說遠一點，工作可能常遇到的場景，設計優化推不動，無法進行下去。得到反饋是：優先級不高，后續有時間再優化...這個其實在大中小廠都有這個情況，屬于設計價值的第二層體驗優化，它優先級高不高，取決于這個問題是否足夠致命。
比如說這個問題是核心功能，但根本不可用，這些就是致命問題；如果核心功能可用，只是沒那么好用，也許對于你這個產品來說，就沒有那么致命。所以與其想著怎樣優化體驗，不如看看是不是還有什么可以帶來增長的方式，比如擴充下一類用戶，或者更多的生態、品類等等
另外有個例子是關于一個朋友的，這個朋友工作很拼，在懷孕的時候周末都不休息，她當時負責2個業務中的一個很差。她調研了相關用戶，把用戶做畫像分層，也找出了可以帶來增長的方式，但是發給當時的合作方，他和他leader都是想混混日子的類型，就應付了一下，也沒有往上匯報。在當時，級別差兩級去溝通就很費勁了，這家公司在績效期，也不強制要求給合作方評價，所以問題得不到解決，這些辛苦卻換不來的成長
最后朋友就離開了，但她的性格閑不下來，而是找了一份挑戰更大的工作。在之后的幾份工作中，一路得到賞識和重用，充分發揮了能力。HR告訴她主管的評價是，沒有做不好的事，就算不帶設計團隊，也可以轉行帶別的團隊甚至創業。
他現在的公司，上下級也要互相打評價。所以身為主管，本身也要真的能力強，不然會被下屬挑戰，所以大家的話語權，就靠自己的能力和人品，簡單明了，行就上，不行就下。團隊的同學都說在她來了之后，他們有干勁多了。他們之前也很積極提方案，但總是被說優先級不高，其實是沒有找準更值得做的項目。
所以建議是，首先看看是否是自己的問題，如果在和他人充分溝通后，明確問題確實不在自己身上，那你改變不了環境，就改變自己?；蛘吣惚旧硭诘墓就玫闹皇遣块T不好，那就換個部門，找個級別相對弱化，專注于能力本身和項目本身的公司，成長會非?？臁?/span>
作者：貝賢設計筆記
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司