前言：如何讓你的設(shè)計(jì)更有價(jià)值，設(shè)計(jì)有價(jià)值代表你的方案有價(jià)值，你的方案有價(jià)值代表你的理論有價(jià)值、你的理論有價(jià)值代表你的專業(yè)能力體現(xiàn)，歸根到底，說明了什么人作出什么樣的作品的同時(shí)會(huì)帶來相應(yīng)的價(jià)值。站在設(shè)計(jì)師的角度看，在公司里，屬于站在用戶體驗(yàn)上的提出的設(shè)計(jì)建議或者設(shè)計(jì)方案，基于“以用戶為中心”理念和交互設(shè)計(jì)原則，通過自己的設(shè)計(jì)思維與專業(yè)能力，為公司創(chuàng)造更大的價(jià)值，不單只是一個(gè)美觀的輸出。

目錄：

一、設(shè)計(jì)行業(yè)的發(fā)展趨勢(shì)

a）設(shè)計(jì)與產(chǎn)品的關(guān)系

b）找到自身價(jià)值的重要性

二、了解設(shè)計(jì)師的價(jià)值分層

a）設(shè)計(jì)協(xié)同

b）推動(dòng)業(yè)務(wù)增長(zhǎng)

c）設(shè)計(jì)驅(qū)動(dòng)產(chǎn)品

三、設(shè)計(jì)師需要具備的哪些思維？

a）雙鉆模型解決問題

b）“五度”設(shè)計(jì)成果評(píng)估模型

c）培養(yǎng)數(shù)據(jù)思維，利用數(shù)據(jù)提升設(shè)計(jì)的價(jià)值

一、設(shè)計(jì)行業(yè)的發(fā)展趨勢(shì)

a）設(shè)計(jì)與產(chǎn)品的關(guān)系

以前，設(shè)計(jì)師在團(tuán)隊(duì)里的位置會(huì)比較尷尬，因?yàn)闆]法驗(yàn)證自己對(duì)業(yè)務(wù)的推動(dòng)是否產(chǎn)生了什么明確的價(jià)值。而大數(shù)據(jù)的來臨，設(shè)計(jì)的價(jià)值變得顯性化，作為與用戶關(guān)系密切的設(shè)計(jì)師，善用好數(shù)據(jù)，可以發(fā)揮的作用其實(shí)很大。我們可以通過自己的設(shè)計(jì)思維與專業(yè)能力，為公司創(chuàng)造更大的價(jià)值，不單只是一個(gè)美觀的輸出。這就使得設(shè)計(jì)與產(chǎn)品業(yè)務(wù)關(guān)系越來越密切，是整個(gè)行業(yè)發(fā)展的必然趨勢(shì)。

舉一個(gè)設(shè)計(jì)以小成提高業(yè)務(wù)的實(shí)例。這是我之前做的分揀軟件迭代首頁的自定義配置組件。在改動(dòng)前分揀首頁功能多，甚至有時(shí)候需要滑動(dòng)尋找。尋找點(diǎn)擊率大概是不到16%，改動(dòng)后提高到了40%，不消耗任何其他人力、物力成本，就可以用設(shè)計(jì)讓CTR翻倍。

設(shè)計(jì)目標(biāo)：減少首頁模塊尋找的時(shí)間，加大成功點(diǎn)擊率，考慮延展性發(fā)展

現(xiàn)有問題：主次功能混淆、視覺點(diǎn)不夠集中、點(diǎn)擊按鈕不明顯

優(yōu)化方案：1、主次布局調(diào)整，主上次下；2、面積放大提高模塊命中率；3、色彩區(qū)分主次按鈕；4、添加“?”自定義配置首頁主功能，加入人性化設(shè)計(jì)理念。

b）找到自身價(jià)值的重要性

自身價(jià)值顧名思義就是你的工作成果會(huì)帶來什么價(jià)值，按照公司更看重我們的設(shè)計(jì)能給產(chǎn)品的發(fā)展帶來多大的價(jià)值。雖然職位的性質(zhì)已經(jīng)很明確你的價(jià)值的體現(xiàn)，但是這里注重成果的價(jià)值，設(shè)計(jì)師的成果更多是設(shè)計(jì)方案，方案成果的價(jià)值的接受度也是需要從易到難的漸進(jìn)的。

舉一個(gè)設(shè)計(jì)價(jià)值體現(xiàn)的實(shí)例。這是我之前做的新Station組件庫——GM Design。設(shè)置組件和設(shè)計(jì)規(guī)范不僅保持了產(chǎn)品的統(tǒng)一性，且減少用戶在使用過程中的行為認(rèn)知負(fù)擔(dān)，快速同事達(dá)成合作，還可以減少不必要的操作和排查，提高易用性。

設(shè)計(jì)目標(biāo)：保持產(chǎn)品的統(tǒng)一性，減少認(rèn)知負(fù)擔(dān)，降低時(shí)間和人力成本，提高易用性

現(xiàn)有問題：同個(gè)功能存在組件多樣、組件學(xué)習(xí)成本高、反復(fù)修改，

優(yōu)化方案：1、建立組件庫；2、功能類型劃分，采用同一個(gè)組件的變形處理；3、組件集中化； 

二、了解設(shè)計(jì)師的價(jià)值分層

設(shè)計(jì)師的價(jià)值可以分為以下三層：設(shè)計(jì)協(xié)同、設(shè)計(jì)推動(dòng)業(yè)務(wù)增長(zhǎng)、設(shè)計(jì)驅(qū)動(dòng)產(chǎn)品。

a）設(shè)計(jì)協(xié)同

一個(gè)完美的執(zhí)行者，能夠在拿到需求后高效又完美地實(shí)現(xiàn)落地。簡(jiǎn)單地說就是手上功夫好。

做好這個(gè)階段需要有優(yōu)秀的專業(yè)能力，良好的溝通能力，并參與到產(chǎn)品的探索與構(gòu)思中來。

舉一個(gè)設(shè)計(jì)協(xié)調(diào)的實(shí)例。Q2階段的B-Shop商城交互迭代。前期輸出設(shè)計(jì)基礎(chǔ)和設(shè)計(jì)規(guī)范，有助于開發(fā)高效實(shí)現(xiàn)，實(shí)時(shí)跟進(jìn)UI進(jìn)度和設(shè)計(jì)協(xié)助。在產(chǎn)品的探索中發(fā)現(xiàn)數(shù)字鍵盤組件的問題點(diǎn)，由于自己寫的數(shù)字組件具有局限性，導(dǎo)致體驗(yàn)上無法滿足部分需求，如：輸入框的定位在數(shù)字鍵盤之上?；谶@個(gè)問題點(diǎn)，我們提出A/B方案，A方案是自己寫的數(shù)字組件，B方案是自己寫的數(shù)字組件延用原生的邏輯，從用戶測(cè)試得出，A方案是更符合用戶操作習(xí)慣。

設(shè)計(jì)目標(biāo)：組件高效快捷輸入，側(cè)重交互體驗(yàn)提升，視覺優(yōu)化，提高易用性

現(xiàn)有問題：學(xué)習(xí)成本高、缺少設(shè)計(jì)基礎(chǔ)、信息分層不明顯、體驗(yàn)差

優(yōu)化方案：1、劃分主次信息，閱讀更直觀；2、建立設(shè)計(jì)規(guī)范；3、組件優(yōu)化，符合用戶操作習(xí)慣；4、圖文結(jié)合，按鈕優(yōu)化，加強(qiáng)頁面指導(dǎo)性

b）推動(dòng)業(yè)務(wù)增長(zhǎng)

這個(gè)階段的設(shè)計(jì)師，會(huì)比上一個(gè)階段更能體現(xiàn)設(shè)計(jì)師的設(shè)計(jì)價(jià)值，并對(duì)產(chǎn)品產(chǎn)生一定的影響力。能在以用戶為中心的基礎(chǔ)上，推動(dòng)業(yè)務(wù)的增長(zhǎng)，所以這個(gè)階段的設(shè)計(jì)也被稱為UGD（User Growth Design）。

需要設(shè)計(jì)師具備用戶洞見力，數(shù)據(jù)分析能力，從這兩個(gè)維度出發(fā)，去熟悉業(yè)務(wù)、分析業(yè)務(wù)，從而推動(dòng)業(yè)務(wù)。

舉一個(gè)推動(dòng)業(yè)務(wù)增長(zhǎng)的實(shí)例。Q2階段的采購APP的交互迭代。表頭的功能布局與標(biāo)簽欄的“?”添加功能的調(diào)整，其實(shí)在用戶調(diào)研階段的熱力圖數(shù)據(jù)和觀察法分析得出，工具類移動(dòng)端側(cè)重點(diǎn)在功能區(qū)，需要一目了然知道我的當(dāng)前任務(wù)數(shù)是很重要的信息，且是高頻操作，所以放置頂部；標(biāo)簽欄的添加功能是為了快速添加采購單據(jù)和詢價(jià)為目的，用戶群體特殊性，需要一鍵新建添加的需求。

設(shè)計(jì)目標(biāo)：側(cè)重交互體驗(yàn)提升，提高工作效率，提高易用性

現(xiàn)有問題：學(xué)習(xí)成本高、缺少設(shè)計(jì)基礎(chǔ)、操作路徑長(zhǎng)、體驗(yàn)差

優(yōu)化方案：1、操作路徑簡(jiǎn)化，采用路徑集合彈框；2、建立設(shè)計(jì)規(guī)范；3、組件優(yōu)化，符合用戶操作習(xí)慣；4、一鍵新建“?”的功能，達(dá)到快速新建

體驗(yàn)連接：http://station.env-bugfix.dev.k8s.guanmai.cn/purchase_assistant/#/login（賬戶/密碼zhangsan0001/ liuge1)

c）設(shè)計(jì)驅(qū)動(dòng)產(chǎn)品

這個(gè)階段的設(shè)計(jì)師，在團(tuán)隊(duì)中的價(jià)值可以說是非常大了。從被動(dòng)的需求接收方，轉(zhuǎn)化為從戰(zhàn)略層，能主動(dòng)提出需求的一方。也是UXD發(fā)展的終極方向。

三、設(shè)計(jì)師需要具備的哪些思維？

a）雙鉆模型解決問題

什么是雙鉆模型?

雙鉆設(shè)計(jì)模型由英國設(shè)計(jì)協(xié)會(huì)提出，該設(shè)計(jì)模型的核心是：發(fā)現(xiàn)正確的問題、發(fā)現(xiàn)正確的解決方案。一般應(yīng)用在產(chǎn)品開發(fā)過程中的需求定義和交互設(shè)計(jì)階段。

雙鉆設(shè)計(jì)模型把設(shè)計(jì)過程分成4個(gè)階段：發(fā)現(xiàn)問題（挖掘）、定義問題（創(chuàng)意）、構(gòu)思方案（制作）和交付方案（落地）。

采購APP進(jìn)行雙鉆模型思維構(gòu)建的基礎(chǔ)，提供交互迭代的底層設(shè)計(jì)理論支持，在挖掘需求階段，屬于用戶調(diào)研階段；創(chuàng)意階段，關(guān)注點(diǎn)在于問題梳理、實(shí)現(xiàn)目的、設(shè)計(jì)層面；制作階段，尋找潛在的解決方案；落地階段，解決方案的分析和驗(yàn)證，輸出最適合一個(gè)。

b）“五度”設(shè)計(jì)成果評(píng)估模型

用戶體驗(yàn)周期（由阿里巴巴UED提出概念）

用戶體驗(yàn)周期指的是用戶與產(chǎn)品的關(guān)系隨著時(shí)間變化而形成的不同周期階段。用戶體驗(yàn)周期可以分為「當(dāng)前」和「長(zhǎng)遠(yuǎn)」兩個(gè)階段，每個(gè)階段中有不同的細(xì)分。

• 「當(dāng)前」階段，分為 3 個(gè)過程：

• 觸達(dá)：用戶來訪問網(wǎng)站，包括第一次訪問網(wǎng)站的新用戶和再一次訪問網(wǎng)站的老用戶；

• 行動(dòng)：用戶在網(wǎng)站上進(jìn)行相關(guān)操作；

• 感知：用戶在操作完成后對(duì)產(chǎn)品形成的主觀感受。

• 「長(zhǎng)遠(yuǎn)」階段：分為 2 種表現(xiàn)：

• 回訪：用戶自己再次使用該產(chǎn)品；

• 傳播：用戶推薦給其他人使用該產(chǎn)品。

如何在具體項(xiàng)目中體現(xiàn)呢？下圖，運(yùn)用一個(gè)具體項(xiàng)目舉例：

c）培養(yǎng)數(shù)據(jù)思維，利用數(shù)據(jù)提升設(shè)計(jì)的價(jià)值

項(xiàng)目與需求上線后，去驗(yàn)證自己的設(shè)計(jì)是否有效地達(dá)成了目標(biāo)。這個(gè)時(shí)候你就需要去看數(shù)據(jù)反饋。沒有數(shù)據(jù)就就沒有比較，沒有比較就不能進(jìn)步。

關(guān)于數(shù)據(jù)的用處有很多，舉個(gè)例子，當(dāng)兩個(gè)人對(duì)各自的方案爭(zhēng)執(zhí)不休，分別覺得對(duì)方不好，但站在各自的邏輯上似乎都能說得通，那怎么辦呢？分別做一個(gè)A/B測(cè)試，數(shù)據(jù)不會(huì)說謊，哪一個(gè)方案更有效，一目了然。

那么如何將數(shù)據(jù)結(jié)合到我們的設(shè)計(jì)中呢？首先在設(shè)計(jì)前,我們需要先定一個(gè)目標(biāo)，而每一個(gè)目標(biāo)就應(yīng)有一項(xiàng)對(duì)應(yīng)的數(shù)據(jù)指標(biāo)。比如，提高了某一塊的CTR（點(diǎn)擊通過率），提高CVR（轉(zhuǎn)化率），提高商品曝光、1/7/15/30日留存率等等。方便之后去驗(yàn)證自己的的action是否完成了自己的Goal。

拿到了數(shù)據(jù)之后，還需要分析數(shù)據(jù)。不管是有沒有達(dá)到目標(biāo)，都要去分析原因，進(jìn)行復(fù)盤總結(jié)。復(fù)盤的好處是可以讓我們?cè)谶@一次項(xiàng)目中吸取有價(jià)值的經(jīng)驗(yàn)—失敗了就找失敗的原因，方便以后避開同樣的錯(cuò)誤；成功了就分析成功的原因，并將成功的策略復(fù)制運(yùn)用到今后的工作中，增加以后的成功率。如此，不管有沒有成功，都能給我們帶來最大化的價(jià)值。我們也會(huì)更加的接近用戶、接近產(chǎn)品、接近業(yè)務(wù)。從而幫助我們進(jìn)一步洞察用戶、挖掘新的需求。

小結(jié)：

以上就是今天所要分享的全部?jī)?nèi)容。再帶大家回顧一下，一共分為三部分：第一個(gè)是了解設(shè)計(jì)師的發(fā)展趨勢(shì)，第二個(gè)是趨勢(shì)下的設(shè)計(jì)師價(jià)值分層（設(shè)計(jì)協(xié)同、設(shè)計(jì)推動(dòng)增長(zhǎng)、設(shè)計(jì)驅(qū)動(dòng)），第三個(gè)就是在價(jià)值分層的逐步遞升中所需要培養(yǎng)的雙鉆模型、GSA的策略、數(shù)據(jù)增長(zhǎng)思維等。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)