如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

讓產(chǎn)品(服務(wù))團(tuán)隊(duì)了解用戶使用過程中的看、想、聽、做，讓他們能夠從用戶角度去考慮產(chǎn)品、設(shè)計(jì)產(chǎn)品。

什么是用戶體驗(yàn)旅程圖？

概念&作用

從用戶角度出發(fā)，以敘述故事的方式描述用戶使用產(chǎn)品或接受服務(wù)的體驗(yàn)情況，以可視化圖形的方式展示，從中發(fā)現(xiàn)用戶在整個(gè)使用過程中的痛點(diǎn)和滿意點(diǎn)，最后提煉出產(chǎn)品或服務(wù)中的優(yōu)化點(diǎn)、設(shè)計(jì)的機(jī)會(huì)點(diǎn)。同時(shí)讓產(chǎn)品(服務(wù))團(tuán)隊(duì)了解用戶使用過程中的看、想、聽、做，讓他們能夠從用戶角度去考慮產(chǎn)品、設(shè)計(jì)產(chǎn)品。這個(gè)過程的產(chǎn)出物即為用戶體驗(yàn)旅程圖。

由什么構(gòu)成？

這里分為功能定義前和功能定義后；

定義前即為：準(zhǔn)備規(guī)劃做的功能、進(jìn)入用研階段時(shí)；

定義后：已經(jīng)上線的功能、需要優(yōu)化的功能。

如何做？

1、創(chuàng)建用戶角色模型（用戶畫像）

既然旅程圖是梳理用戶使用產(chǎn)品上的體驗(yàn)問題，那么我們需要以用戶的真實(shí)情況為基準(zhǔn)，這樣會(huì)使旅程圖更真實(shí)。

這里可以通過前期的用戶研究，比如：訪談?dòng)涗?、行為研究、調(diào)查問卷、意見反饋等方法，獲得大量真實(shí)有效的用戶數(shù)據(jù)。

然后對產(chǎn)品的主要目標(biāo)用戶進(jìn)行分類，并為每個(gè)用戶創(chuàng)建角色模型（包含基本信息、訴求、期望、痛點(diǎn)），每個(gè)角色將對應(yīng)不同的用戶體驗(yàn)地圖。

2、開始制作旅程圖

這里就以功能定義前為場景，因?yàn)橛脩舢嬒窈褪褂眯袨槭菃为?dú)知識體系，后面會(huì)單獨(dú)產(chǎn)出一篇關(guān)于用戶畫像的，敬請期待哦！

（1）為了便大家理解，我在這里列舉一個(gè)生活中都經(jīng)歷過的小栗子。

開始：起床

目標(biāo)：到達(dá)公司

我們先回想一下今天早上起床的過程。把這段場景分成下面幾個(gè)階段：

一級行為：

起點(diǎn)和終點(diǎn)并不代表結(jié)束，要聯(lián)想到相關(guān)的場景，比如：到到達(dá)公司后，還有沒有有可能解決上班相關(guān)的問題？

（2）在真實(shí)做項(xiàng)目過程中，大家在這一步可能會(huì)寫出不同顆粒度的故事，需要設(shè)計(jì)師或產(chǎn)品經(jīng)理把控場景大小。這段場景可以再往下梳理一層顆粒度更小一點(diǎn)的場景，比如起床就可以再細(xì)分為：

二級行為：

剩下的場景模塊都可以繼續(xù)這樣細(xì)化并歸類。

這樣我們的主線場景就有兩個(gè)層級：一級行為和二級行為，場景從左至右形成一個(gè)時(shí)間線。

但是，真實(shí)的用戶場景不會(huì)按照你所畫的順利進(jìn)行，情況會(huì)變得復(fù)雜、多變（交互設(shè)計(jì)師要考慮到異常情況和特殊場景的發(fā)生），這個(gè)時(shí)候我們可以借助流程圖的方式連接我們的場景：

（3）拆分場景

此時(shí)，我們需要在剛剛梳理的每個(gè)二級行為下面停留，繼續(xù)細(xì)化二級行為，從中獲取更多的信息。

體驗(yàn)設(shè)計(jì)就是需要不斷地問“為什么”、不斷發(fā)掘潛在需求。

參與人員會(huì)圍繞這個(gè)行為場景寫出很多細(xì)節(jié)來。我們可以按照以下幾個(gè)維度對細(xì)節(jié)進(jìn)行歸類：

其中情緒曲線可以通過固定的問題獲得，也可以通過用戶想法、用戶的痛點(diǎn)結(jié)合主觀判斷。

在這個(gè)過程中，先限制時(shí)間，讓大家按照自己的想法寫出來，每條思考寫在一張卡片上，相互不干擾，然后每個(gè)人闡述自己的卡片內(nèi)容，讓參與者了解大致的信息

注意：要以完整的流程為中心，一定要廣度優(yōu)先，而非深度，比如起床這個(gè)故事里面，找衣服、穿衣服這類場景在這個(gè)階段我們無須關(guān)注，不要過早的沉浸到細(xì)節(jié)中。

完成上述步驟后，你將得到一份重要的節(jié)點(diǎn)清單，下面需要對重要的節(jié)點(diǎn)進(jìn)行分類，以便在繪制旅程圖時(shí)更加的方便。比較常用的做法是將所有關(guān)鍵節(jié)點(diǎn)寫在便利中并黏在墻上，然后將同類別的關(guān)鍵節(jié)點(diǎn)集中在一起，并為每個(gè)類別貼上分類標(biāo)簽。分類完成后，對核心的節(jié)點(diǎn)進(jìn)行篩選，移除掉重復(fù)、沒有價(jià)值的內(nèi)容。

（4）接下來，我們可以根據(jù)問題點(diǎn)的數(shù)量來衡量每個(gè)節(jié)點(diǎn)的情緒水平了。一般可以用積極、平靜、消極這三種情緒來表達(dá)用戶的使用感受。這一步做完，我們一眼就可以看出痛點(diǎn)在哪個(gè)環(huán)節(jié)上了。

（5）針對痛點(diǎn)，討論可行的解決方案

先根據(jù)自己的經(jīng)驗(yàn)，對標(biāo)競品，設(shè)想一些解決方案，然后組織產(chǎn)品、設(shè)計(jì)、leader再進(jìn)行一次腦暴（核心人員即可，人多會(huì)導(dǎo)致喪失方向），讓大家一起進(jìn)入旅程圖，以用戶的角度再走一遍流程。在這個(gè)過程中，如果發(fā)現(xiàn)旅程圖中有偏差和遺漏的地方，大家就可以一起修改、補(bǔ)充、審核。

總結(jié)并通過可視化模板記錄：

最后，結(jié)合體驗(yàn)地圖行為的情緒曲線、設(shè)計(jì)的機(jī)會(huì)點(diǎn)，梳理優(yōu)先級：

a.對情緒的最高觸點(diǎn)，思考還有沒有優(yōu)化的空間，能否將它繼續(xù)優(yōu)化做到；

b.對情緒的觸點(diǎn)，思考是否能將其他觸點(diǎn)較高的地方，分擔(dān)一部分功能（次要功能）到觸點(diǎn)，來均衡體驗(yàn)情感；

c.可以對標(biāo)競品，看看別人是怎么解決問題的，尋找適合自己產(chǎn)品現(xiàn)階段的解決辦法。

補(bǔ)充：

大家發(fā)現(xiàn)沒有？參與人員在寫想法的時(shí)候，就是頭腦風(fēng)暴的過程，抓住機(jī)會(huì)，通過一些開放式、引導(dǎo)式的提問來刺激大家腦暴出更多的內(nèi)容（有利于產(chǎn)品經(jīng)理和交互設(shè)計(jì)師獲取靈感）比如：

總結(jié)：

另外，功能或痛點(diǎn)的解決優(yōu)先級可以通過四象限法則歸類，與旅程圖同時(shí)交付，

做到：用戶、場景、行為、問題、解決辦法、解決時(shí)間一目了然

藍(lán)藍(lán)設(shè)計(jì)( www.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ù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

一、什么是用戶角色模型（用戶畫像）？

概念&作用

用戶角色模型是真實(shí)用戶的虛擬代表，通過一系列的真實(shí)數(shù)據(jù)分析，得出的目標(biāo)用戶模型。模型通過抽象來代表復(fù)雜的現(xiàn)象，好的模型強(qiáng)調(diào)結(jié)構(gòu)的顯著關(guān)系，弱化不太重要的細(xì)枝末節(jié)。我們要了解：用戶與用戶，用戶與期望，用戶與環(huán)境，以及用戶與產(chǎn)品之間的關(guān)系并且將其視覺化。

這里的視覺化可理解為：海量的數(shù)據(jù)標(biāo)簽（標(biāo)簽化、數(shù)據(jù)可視化）。比如我們要統(tǒng)計(jì)每個(gè)用戶的行為特征，細(xì)分到人口基本屬性、社會(huì)屬性、生活習(xí)慣、消費(fèi)行為等信息，抽象出各個(gè)具體的標(biāo)簽，賦予名字、照片、一些人口統(tǒng)計(jì)學(xué)要素、場景描述等，最終形成一個(gè)人物原型（personas）。

創(chuàng)建用戶角色模型的好處

· 與利益相關(guān)者、產(chǎn)品團(tuán)隊(duì)在研發(fā)中拋開個(gè)人喜好，聚集在用戶動(dòng)機(jī)和行為上，了解用戶深層次動(dòng)機(jī)與心理；

（拋開個(gè)人喜好：產(chǎn)品團(tuán)隊(duì)容易將自己的目標(biāo)、動(dòng)機(jī)、技巧代入產(chǎn)品設(shè)計(jì)中，這就是設(shè)計(jì)者心理模型）

· 避免設(shè)計(jì)陷阱，讓產(chǎn)品設(shè)計(jì)更聚焦，防止走偏，避免把過多的心思花在其他邊緣性功能上

（更聚焦、防止走偏：有人物模型為基準(zhǔn)，團(tuán)隊(duì)就能清晰的對功能進(jìn)行優(yōu)先級排序，以核心功能、解決用戶訴求的功能為主，可避免把注意力放在非核心且次要的功能點(diǎn)上。）

· 有助于為營銷活動(dòng)、組織架構(gòu)、客戶支持、戰(zhàn)略規(guī)劃及設(shè)計(jì)決策 提供有價(jià)值的信息。

由什么構(gòu)成？

顯性畫像：用戶群體的基本信息描述，如目標(biāo)用戶的年齡、性別、職業(yè)、地域分布、興趣愛好等信息，一般通過客服人員線上交流、用戶賬號數(shù)據(jù)、常關(guān)注的內(nèi)容做判斷，間接獲取數(shù)據(jù)；

隱性畫像：用戶群體深層次的特征描述，如使用產(chǎn)品的目的、解決什么問題、偏好、訴求、場景、愿景、使用頻率等。主要以問卷、訪談、意見反饋等方式直接獲得數(shù)據(jù)。

說到底，用戶畫像就是先對逐個(gè)有代表性的用戶進(jìn)行特征描述，然后對共性特征進(jìn)行提煉、分類，最終將用戶標(biāo)簽化、數(shù)據(jù)可視化。

二、用戶畫像構(gòu)建的基本流程

用戶角色模型不是拿來既用、用完即丟的，而是建立在系統(tǒng)的調(diào)研分析、真實(shí)的數(shù)據(jù)統(tǒng)計(jì)之上得出的有力結(jié)論。

這里要考慮用戶畫像的優(yōu)先級，畫像一般會(huì)存在多個(gè)（多個(gè)用戶），通常一個(gè)用戶只能有一個(gè)，不能為擁有三個(gè)以上畫像的用戶設(shè)計(jì)產(chǎn)品，容易產(chǎn)生需求沖突，要分清楚哪些是核心用戶（既目標(biāo)用戶、產(chǎn)品的支撐者），哪些是非核心用戶，所以我們的設(shè)計(jì)目標(biāo)就是維護(hù)、培養(yǎng)、促成核心用戶。

同時(shí)要以適合產(chǎn)品團(tuán)隊(duì)和項(xiàng)目需求為出發(fā)點(diǎn)，用戶畫像不是一成不變的，而是根據(jù)現(xiàn)實(shí)情況同步更新，現(xiàn)在我們進(jìn)行四步畫像構(gòu)成法： 

1、確定分析維度

用戶角色模型是針對特定產(chǎn)品或特定功能的，所以人物角色的分類一般是根據(jù)用戶的目標(biāo)（用戶需求）、行為和觀點(diǎn)（行為傾向）進(jìn)行。

舉例：

目標(biāo)？什么原因促使你使用該產(chǎn)品？解決你什么問題？

觀點(diǎn)？產(chǎn)品中最喜歡的功能？為什么喜歡？是否達(dá)到了你的預(yù)期？

行為？你最近一次使用產(chǎn)品做了什么？用了多久？

下面以2個(gè)維度做參考：

2、基礎(chǔ)數(shù)據(jù)收集

數(shù)據(jù)是有力證據(jù)，是構(gòu)建用戶畫像的核心依據(jù)，在基礎(chǔ)數(shù)據(jù)收集方面，可以先列舉出構(gòu)建用戶畫像所需要的基礎(chǔ)數(shù)據(jù)。

具體的思路如下：

上面列舉的數(shù)據(jù)緯度相對比較多，在構(gòu)建用戶畫像過程中可根據(jù)需求進(jìn)行篩選。

這些數(shù)據(jù)有三個(gè)來源：相關(guān)文獻(xiàn)資料和研究報(bào)告、產(chǎn)品數(shù)據(jù)后臺、問卷調(diào)研和用戶訪談，可以按照以下維度區(qū)分：

（這里涉及到用戶研究中重要的環(huán)節(jié)：用戶訪談、數(shù)據(jù)收集，將歸納為單獨(dú)的知識點(diǎn)于下篇文章分享，期待有你~）

3、分析建模

通過以上收集方式并成功采集后，下面開始對不同的角色進(jìn)行分類（通常采集多個(gè)用戶做參考，如單個(gè)用戶可直接將其標(biāo)簽化，然后套入完整模型中）

（1）先確定好產(chǎn)品屬性，按照用戶角色進(jìn)行分類，比如外賣APP有：商家、消費(fèi)者、騎手 三種角色，圖例：

（2）然后將角色內(nèi)的用戶身上觀察到的一些顯著的行為列出不同的幾組行為變量，例如：對產(chǎn)品的積極性、熱情度、學(xué)習(xí)能力、熟練程度、消費(fèi)觀等。

（3）將訪談對象和行為變量對應(yīng)起來

這里就以電商產(chǎn)品為例，將用戶個(gè)性（行為變量）做成一個(gè)區(qū)間軸，再把訪談對象放到區(qū)間軸上面對應(yīng)起來，不需要那么，標(biāo)出相對位置即可

注意：行為變量有兩種情況

· 一種是連續(xù)性，比如使用頻率的描述是：經(jīng)常到從不

· 另一種則是非連續(xù)性，比如使用的平臺：移動(dòng)端、PC端

對這兩種情況，大家要視情況而定，圖例：

（4）找出重要的行為模式

把對象映射完后，尋找在變量軸上的對象群。如果一組對象聚集在6~8個(gè)不同的變量上，這很可能代表一種顯著地行為模式，而這個(gè)模式是構(gòu)角色模型的基礎(chǔ)，圖例：

三、畫像呈現(xiàn)

找出行為模式后，畫像呈現(xiàn)即從顯性畫像、隱性畫像、場景和需求等方面，給用戶打標(biāo)簽，并且增加一點(diǎn)描述性語言（描述人物行為和痛點(diǎn)，而不是描述解決方案），圖例：

四、總結(jié)

（1）確定分析維度：當(dāng)前產(chǎn)品處于什么階段？需要什么信息？

（2）基礎(chǔ)數(shù)據(jù)收集：對目標(biāo)用戶進(jìn)行訪談，收集相關(guān)數(shù)據(jù)

（3）分析行為模式：將訪談對象和行為變量對應(yīng)、找出重要的行為模式

（4）整理并呈現(xiàn)畫像：描述特征和行為，創(chuàng)建人物故事

聊到這里可能有人會(huì)問：

Q：用戶模型做出來會(huì)不會(huì)有人看？它是不是設(shè)計(jì)者虛構(gòu)出來的套路？

A：用戶角色模型是設(shè)計(jì)者通過用戶訪談和觀察得出來的真實(shí)用戶行為，是有真實(shí)數(shù)據(jù)為依據(jù)的，所以不進(jìn)行大量的用戶調(diào)研，不為用戶建模，不去創(chuàng)建用戶模型，只知道意淫需求，說著“我認(rèn)為該怎么怎么做”，都是一本正經(jīng)地耍流氓。用戶研究、用戶模型是我們做好產(chǎn)品的基礎(chǔ)和風(fēng)向標(biāo)。

Q：用戶角色模型到底什么時(shí)候開始做？

A：先確定目標(biāo)用戶 → 對目標(biāo)用戶進(jìn)行訪談 → 訪談后再建立用于模型

藍(lán)藍(lán)設(shè)計(jì)( www.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ù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

按鈕在UI設(shè)計(jì)中是一種常用的UI控件，在界面中作為主要的行動(dòng)點(diǎn)，引導(dǎo)用戶進(jìn)行相應(yīng)的操作，它在用戶和產(chǎn)品的交互中承擔(dān)著重要的作用。

按鈕設(shè)計(jì)看似簡單，但是如果想要更好的交互體驗(yàn)，引導(dǎo)用戶進(jìn)行相應(yīng)的操作，提升產(chǎn)品的轉(zhuǎn)化率這仍是我們需要研究的問題。下面小編將從按鈕功能類型和設(shè)計(jì)要點(diǎn)兩個(gè)方面進(jìn)行分析。

一、按鈕功能類型

按鈕的功能類型往往決定了一個(gè)按鈕的設(shè)計(jì)方式，是需要強(qiáng)調(diào)還是需要弱化；文案是需要強(qiáng)引導(dǎo)，還是直接闡述功能；按鈕上是放圖標(biāo)還是不放圖標(biāo)等。按鈕根據(jù)功能的不同，可以分為不同的類型，主要有行為召喚按鈕、表格按鈕、標(biāo)簽按鈕、命令按鈕、懸浮按鈕、開關(guān)按鈕這六大類型。

1.行為召喚按鈕

行為召喚（CTA）按鈕其目的是誘使用戶采取某些操作， 從而提高產(chǎn)品的轉(zhuǎn)行率。簡單來說就是通過設(shè)計(jì)誘導(dǎo)或激勵(lì)用戶點(diǎn)擊按鈕，例如立即購買、訂閱關(guān)注、利益誘導(dǎo)、文字誘導(dǎo)等。

1）誘導(dǎo)購買

當(dāng)行為召喚的目的是誘導(dǎo)購買時(shí)，按鈕的設(shè)計(jì)不管從顏色、形狀、樣式都需要突出。讓按鈕看上去可點(diǎn)擊，讓用戶進(jìn)來第一眼就能知道該按鈕的用途。如下圖所示：

以美團(tuán)外賣為例，該按鈕的顏色采用黑黃對比、形狀采用具有親和力的圓角，在樣式上加入投影同時(shí)加入送餐員的元素，配上小紅點(diǎn)，能夠清晰的給用戶傳遞出可點(diǎn)擊部分有去結(jié)算、送餐員。另外加入價(jià)格誘導(dǎo)，讓你可直觀看到優(yōu)惠了多少錢，促使你進(jìn)一步操作。

以淘寶詳情為例，該按鈕是一個(gè)組合按鈕，由加入購物車和馬上搶以及店鋪、客服、收藏等組成，作為行為召喚按鈕我們可以明確的看到，不管從顏色、形狀、樣式都能夠讓我們快速注意到。

2）訂閱關(guān)注

當(dāng)行為召喚的目的是訂閱關(guān)注時(shí)，其重要程度相比誘導(dǎo)購買低很多，但是在設(shè)計(jì)時(shí)我們?nèi)匀恍枰紤]一個(gè)問題，這個(gè)問題可直接決定該按鈕大小、樣式等，這個(gè)問題就是需要根據(jù)產(chǎn)品目的判斷是誘導(dǎo)用戶訂閱關(guān)注重要還是讓用戶閱讀內(nèi)容重要。如下圖所示：

當(dāng)內(nèi)容重要時(shí)，按鈕的設(shè)計(jì)需要弱化處理，以優(yōu)酷視頻的發(fā)現(xiàn)頁和星球頁為例，這兩個(gè)頁面很明顯是以內(nèi)容為主的界面，在設(shè)計(jì)時(shí)直接弱化了按鈕形式，讓按鈕和整個(gè)界面相融合，但是按鈕設(shè)計(jì)的原則是讓其看上去像按鈕，因此當(dāng)按鈕只是文字時(shí)可以加圖標(biāo)進(jìn)行引導(dǎo)比如優(yōu)酷視頻發(fā)現(xiàn)頁，也可以加入弱底紋進(jìn)行引導(dǎo)還能讓界面看上去整潔，比如優(yōu)酷視頻星球頁面。

當(dāng)訂閱關(guān)注重要時(shí)，按鈕的設(shè)計(jì)需要強(qiáng)化處理，以橘子娛樂和土豆視頻為例，橘子娛樂采用粗描邊漸變按鈕，同時(shí)加入圖標(biāo)進(jìn)行引導(dǎo)，具有較強(qiáng)的視覺引導(dǎo)作用，很容易喚起用戶的關(guān)注。土豆視頻采用黃色填充加圖標(biāo)引導(dǎo)，在視覺上和產(chǎn)品內(nèi)容形成強(qiáng)烈對比，明顯的以關(guān)注為主的界面。

3）利益誘導(dǎo)

當(dāng)行為召喚的目的是利益誘導(dǎo)時(shí)，該按鈕設(shè)計(jì)根據(jù)重要程度較高，因此在設(shè)計(jì)時(shí)可以考慮顏色、形狀、加入圖標(biāo)、誘導(dǎo)文字等設(shè)計(jì)方法。如下圖所示：

以大眾點(diǎn)評為例，其領(lǐng)獎(jiǎng)按鈕明顯比賺積分的層級高，因此為了突出領(lǐng)獎(jiǎng)按鈕采用了色塊設(shè)計(jì)的樣式，同時(shí)賺積分按鈕采用描邊設(shè)計(jì)進(jìn)行弱化處理。

以騰訊doki為例，其打榜頁面沖榜的重要層級較高，因此在設(shè)計(jì)時(shí)不僅采用了色塊、加入動(dòng)效圖標(biāo)、同時(shí)還加入了誘導(dǎo)文字，讓按鈕更明顯同時(shí)誘導(dǎo)用戶點(diǎn)擊，其他去瀏覽按鈕則采用描邊樣式弱化處理。

4）文字誘導(dǎo)

文字誘導(dǎo)簡單來說就是通過文字，誘導(dǎo)用戶進(jìn)行下一步操作，多用于空頁面、活動(dòng)頁面中，因此在設(shè)計(jì)時(shí)采用簡單的色塊填充即可，如果該頁面為活動(dòng)頁面也可增加漸變或投影樣式，讓按鈕更有空間感，進(jìn)而突出按鈕。如下圖所示：

以得到為例，當(dāng)你還沒有學(xué)習(xí)計(jì)劃時(shí)，它會(huì)對你進(jìn)行提示“開始制定學(xué)習(xí)計(jì)劃”，同時(shí)其按鈕采用重要程度較高的色塊+投影的方式，誘導(dǎo)用戶點(diǎn)擊。

以大眾點(diǎn)評為例，當(dāng)你還沒有攻略時(shí)，它會(huì)對你進(jìn)行提示“我也要?jiǎng)?chuàng)建攻略”，同時(shí)其按鈕采用漸變填充的方式，誘導(dǎo)用戶點(diǎn)擊。

2.懸浮按鈕

懸按鈕浮是 Android 應(yīng)用中最常見的一個(gè)控件。不過隨著Android和iOS規(guī)范的不斷融合，在iOS中也經(jīng)常會(huì)看到各種各樣的懸浮按鈕。在設(shè)計(jì)上懸浮按鈕應(yīng)該采用顯眼的顏色，以抓住用戶的注意力。同時(shí)它應(yīng)該是積極正向的交互，比如創(chuàng)建、分享、探索等，同時(shí)并不是所有頁面都需要加懸浮按鈕。如下圖所示：

以UC瀏覽器為例，懸浮按鈕在訂閱頁面的右下角出現(xiàn)，將按鈕和界面結(jié)合很容易看出創(chuàng)建內(nèi)容的意思，同時(shí)點(diǎn)擊按鈕還可呼出圖文、視頻等操作圖標(biāo)。

3.標(biāo)簽按鈕

標(biāo)簽按鈕往往呈多個(gè)出現(xiàn)，多使用在二級導(dǎo)航或條件篩選下面；以及表單頁面作為切換條件選中。因此在設(shè)計(jì)樣式上有選中狀態(tài)和默認(rèn)狀態(tài)，同時(shí)其重要程度較低，在設(shè)計(jì)時(shí)不能喧賓奪主，需要弱化處理。如下圖所示：

以支付寶為例，它主要用在投保的表單頁面，其主要目的就是一個(gè)切換條件，重要程度遠(yuǎn)不及我要投保按鈕，因此在設(shè)計(jì)時(shí)默認(rèn)用的描邊處理；選中采用淡淡的色塊。

以轉(zhuǎn)轉(zhuǎn)為例，它主要用在導(dǎo)航下方，其主要目的也是切換條件，用戶主要操作是看下方篩選出的內(nèi)容，因此在設(shè)計(jì)時(shí)也進(jìn)行弱化處理。

4.表格按鈕

表格按鈕也就是由一個(gè)白色網(wǎng)格加文字組成的按鈕，從視覺上看和頁面融為一體，特別不突出。因此多用在個(gè)人中心中不太重要信息或者不想讓用戶操作的退出登錄界面中。如下圖所示：

以愛奇藝為例，在我的界面中，關(guān)于我們和退出登錄都是用的表格按鈕，由于關(guān)于我們是不太重要信息，退出登錄又是不想讓用戶操作的內(nèi)容，因此采用表格按鈕最為合適。

5.命令按鈕

命令按鈕也就是該按鈕具有明確的指令，多出現(xiàn)在彈框中，通常會(huì)有一個(gè)文字或2個(gè)文字出現(xiàn)的情況。其要求是文字語義要明確，盡量不要用確定、好的、要等詞匯，同時(shí)根據(jù)用戶右手操作習(xí)慣居多，因此將重要的按鈕放在右側(cè)。如下圖所示：

以京東金融為例，左圖是京東金融退出的二次確認(rèn)頁面，右圖是我調(diào)整文字之后的頁面。我們說到文字需要表意明確，因此將確定換成退出后表意更加直白，降低用戶理解度。

6.開關(guān)按鈕

開關(guān)按鈕也是我們很常見的一個(gè)組件。表示兩種相互對立的狀態(tài)間的切換，多用于表示功能的開啟和關(guān)閉。當(dāng)按鈕開啟后可能還會(huì)帶來其他的相應(yīng)操作。開關(guān)按鈕最常見的就是手機(jī)設(shè)置中，但是也有很多APP將其用到界面中使用。如下圖所示：

以美團(tuán)外賣和小豬短租為例，它們在提交訂單頁面時(shí)都采用了開關(guān)按鈕，同時(shí)在小豬短租中，當(dāng)按鈕打開底部會(huì)將“您可再入住完成10天內(nèi)補(bǔ)全信息”進(jìn)行展開顯示，提示用戶去填寫。這種點(diǎn)擊展開的操作還可增加更多的功能相關(guān)內(nèi)容。

二、按鈕設(shè)計(jì)要點(diǎn)

1.根據(jù)產(chǎn)品為按鈕選擇適合的形狀

在按鈕設(shè)計(jì)時(shí)，需要根據(jù)整個(gè)界面風(fēng)格設(shè)計(jì)合適的按鈕，按鈕樣式主要有直角、小圓角、全圓角三種樣式。

直角的含義：嚴(yán)謹(jǐn)、力量、高端。適用于金融類、奢品類產(chǎn)品中，讓產(chǎn)品給人嚴(yán)謹(jǐn)安全、高端的感覺。例如寺庫。

半圓角的含義：活潑、年輕、安全。適用于兒童類、年輕化、娛樂類、購物類的產(chǎn)品中，提升親和力，拉近用戶的距離。例如土豆。

小圓角的含義：穩(wěn)定、中性。適用于用戶跨度較大的常規(guī)類產(chǎn)品中，例如微信。

以寺庫、微信、土豆為例，寺庫是品類電商，因此在設(shè)計(jì)時(shí)需要提現(xiàn)高端，因此在按鈕設(shè)計(jì)時(shí)采用直角設(shè)計(jì)。而微信的用戶群體上到七八十歲，下到幾歲其年齡范圍廣，因此采用穩(wěn)重的小圓角較為穩(wěn)妥。土豆短視頻其用戶群體較為年輕活潑，因此采用全圓角較為適合。

2.使用合適的狀態(tài)

在部分界面設(shè)計(jì)中需要考慮按鈕的不同狀態(tài)的設(shè)計(jì)，從而提高用戶操作流暢度。移動(dòng)端完整的系統(tǒng)按鈕可以分為正常狀態(tài)、按壓狀態(tài)、禁用狀態(tài)。

其中，正常狀態(tài)和加載狀態(tài)展示的是APP的主色；按壓狀態(tài)在正常態(tài)的基礎(chǔ)上疊加不透明度15%的黑色#000；禁用狀態(tài)是設(shè)置灰色或者將正常態(tài)設(shè)置不透明度45%，該狀態(tài)適用于提交界面中使用，比如登陸注冊、轉(zhuǎn)賬等。如下圖所示：

以京東金融為例，當(dāng)未輸入轉(zhuǎn)賬金額時(shí)，按鈕禁用為灰色，當(dāng)輸入金額時(shí)按鈕為正常狀態(tài)。不過隨著互聯(lián)網(wǎng)的發(fā)展，寬帶速度不斷的提高，按壓狀態(tài)慢慢被拋棄，他存在的意義不像以前網(wǎng)絡(luò)不發(fā)達(dá)的時(shí)候，點(diǎn)擊還需要時(shí)間反應(yīng)。

3.提供恰當(dāng)?shù)姆答?/span>

當(dāng)用戶點(diǎn)擊按鈕時(shí)，他們希望界面可以給些恰當(dāng)?shù)姆答?。如果沒有任何反饋，用戶會(huì)以為系統(tǒng)沒有收到他們的操作，然后就會(huì)重復(fù)點(diǎn)擊。這種行為常常導(dǎo)致多個(gè)不必要的操作。如下圖所示：

以土豆短視頻為例，當(dāng)點(diǎn)擊關(guān)注時(shí)為了避免用戶點(diǎn)擊沒有反應(yīng)的情況，可在按鈕上添加加載狀態(tài)，當(dāng)關(guān)注成功后圖標(biāo)狀態(tài)改為禁用狀態(tài)，同時(shí)文字變?yōu)橐殃P(guān)注。

總結(jié)

按鈕設(shè)計(jì)看似簡單，但是如果想要更好的交互體驗(yàn)，引導(dǎo)用戶進(jìn)行相應(yīng)的操作，提升產(chǎn)品的轉(zhuǎn)化率這仍是我們需要研究的問題。本篇主要將從按鈕功能類型和設(shè)計(jì)要點(diǎn)兩個(gè)方面進(jìn)行歸納總結(jié)。

按鈕功能類型：主要有行為召喚按鈕、表格按鈕、標(biāo)簽按鈕、命令按鈕、懸浮按鈕、開關(guān)按鈕這六大類型。在使用我們需要根據(jù)對應(yīng)的功能和重要程度選擇適合的設(shè)計(jì)。

按鈕設(shè)計(jì)要點(diǎn)：主要有根據(jù)產(chǎn)品為按鈕選擇適合的形狀；使用適合的狀態(tài)；提供恰當(dāng)?shù)姆答佭@三大注意要點(diǎn)。

藍(lán)藍(lán)設(shè)計(jì)( www.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ù)。

 

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

本篇文章，我將以項(xiàng)目的實(shí)踐為例子，簡述設(shè)計(jì)師在面對未知的商業(yè)環(huán)境下怎樣應(yīng)用「精益創(chuàng)業(yè)」和「設(shè)計(jì)思維」將設(shè)計(jì)與商業(yè)結(jié)合，實(shí)踐設(shè)計(jì)轉(zhuǎn)譯和推進(jìn)落地。我將這次設(shè)計(jì)實(shí)踐稱為「國際化全景設(shè)計(jì)框架」探索。

一、xSpace產(chǎn)品背景介紹

CCO-集團(tuán)客戶體驗(yàn)事業(yè)群是一個(gè)為阿里平臺商家、阿里經(jīng)濟(jì)體提供售后服務(wù)能力的部門，勵(lì)志于賦能阿里電商生態(tài)圈內(nèi)的售后服務(wù)體驗(yàn)，提升消費(fèi)者對平臺的滿意度和 NPS指標(biāo)。xSpace產(chǎn)品是一個(gè)幫助客服人員處理消費(fèi)者咨詢、投訴、維權(quán)等場景的一站式售后服務(wù)工作臺?，F(xiàn)已經(jīng)在阿里生態(tài)圈中多個(gè) BU 中應(yīng)用，成為平臺服務(wù)中不可缺少的 CRM產(chǎn)品。

二、Lazada場景中面對的挑戰(zhàn)

2017年，阿里收購東南亞電商巨頭 lazada 成為阿里商業(yè)生態(tài)的重要組成部分。CCO 作為負(fù)責(zé)經(jīng)濟(jì)體售后服務(wù)體驗(yàn)的部門，需要向外輸出阿里服務(wù)的價(jià)值和能力。因此，我參與的 xSpace產(chǎn)品海外場景孵化是其中重要的一個(gè)能力輸出。

△ 產(chǎn)品功能和業(yè)務(wù)覆蓋范圍

三、國際化項(xiàng)目遇到的問題

國內(nèi)產(chǎn)品出海，都會(huì)面對一些通用問題，例如：產(chǎn)品設(shè)計(jì)開發(fā)都在國內(nèi)；業(yè)務(wù)和真實(shí)用戶在國外接觸機(jī)會(huì)少；文化背景、時(shí)間、空間上都或多或少存在差異。

我們熟知很多設(shè)計(jì)方法，例如 lean UX，design sprint，hook model，lean canvas 等，但是如何在國際化的挑戰(zhàn)中尋找最合適的方法，是我在國際化產(chǎn)品項(xiàng)目中遇到的困惑。

回想項(xiàng)目在推進(jìn)的過程中出現(xiàn)過的一些困難，例如：

• 解決方案似乎缺乏終端用戶輸入；
• 產(chǎn)品owner太多，設(shè)計(jì)比較難收口；
• 設(shè)計(jì)工作的重要性被認(rèn)為低于功能迭代；
• 調(diào)研之后經(jīng)常沒有后續(xù)action；
• 在項(xiàng)目初始階段就被要求產(chǎn)出高保真設(shè)計(jì)方案。

是否有一種全面的國際產(chǎn)品設(shè)計(jì)和開發(fā)模式，既可以轉(zhuǎn)化產(chǎn)品能力又可以科學(xué)的度量海外用戶的體驗(yàn)？

為了解決所面對的困惑，我嘗試將以往經(jīng)驗(yàn)和項(xiàng)目的實(shí)踐相結(jié)合，梳理了 B類產(chǎn)品國際化體驗(yàn)設(shè)計(jì)實(shí)踐模型。

本篇文章，我將以項(xiàng)目的實(shí)踐為例子，簡述設(shè)計(jì)師在面對未知的商業(yè)環(huán)境下怎樣應(yīng)用「精益創(chuàng)業(yè)」和「設(shè)計(jì)思維」將設(shè)計(jì)與商業(yè)結(jié)合，實(shí)踐設(shè)計(jì)轉(zhuǎn)譯和推進(jìn)落地。我將這次設(shè)計(jì)實(shí)踐稱為「國際化全景設(shè)計(jì)框架」探索。

△ 設(shè)計(jì)思維、精益創(chuàng)業(yè)和敏捷開發(fā)之間的關(guān)系

四、國際化項(xiàng)目實(shí)踐

根據(jù)項(xiàng)目不同時(shí)期的側(cè)重點(diǎn)，我將把整個(gè)項(xiàng)目的實(shí)踐拆分為3個(gè)時(shí)期進(jìn)行介紹，分別是探索期、實(shí)驗(yàn)期和開發(fā)期?！冈O(shè)計(jì)框架」中包含的設(shè)計(jì)方法也將圍繞不同時(shí)期的側(cè)重點(diǎn)進(jìn)行展開。

△ 國際化設(shè)計(jì)實(shí)踐項(xiàng)目分期

1. 探索期

當(dāng)我們對海外場景一無所知的時(shí)候需要應(yīng)用「設(shè)計(jì)思維」對目標(biāo)進(jìn)行分析。在項(xiàng)目啟動(dòng)初期，由于不清晰、不確定的需求導(dǎo)致產(chǎn)品設(shè)計(jì)存在很大的阻力。面對這樣的情況，項(xiàng)目團(tuán)隊(duì)決定直接去到客戶現(xiàn)場了解業(yè)務(wù)現(xiàn)狀。設(shè)計(jì)師需要遵循「設(shè)計(jì)思維」，通過發(fā)現(xiàn)問題 – 定義問題 – 解決問題的思路，幫助項(xiàng)目快速明確目標(biāo)。

收集用戶輸入，抽象產(chǎn)品場景：可以從「人」和「事」兩個(gè)方面入手。

△ 設(shè)計(jì)思維在設(shè)計(jì)前期的應(yīng)用

從「用戶（人）」的維度發(fā)現(xiàn)問題，是為了理解業(yè)務(wù)人員組織架構(gòu)；明確公司內(nèi)部自上而下對產(chǎn)品期待；以及終端用戶的核心訴求。我們主要是通過訪談和觀察法進(jìn)行數(shù)據(jù)收集，確保獲得一手的資料。

△ 基于角色的前期調(diào)研

通過調(diào)研我們發(fā)現(xiàn)：Lazada服務(wù)團(tuán)隊(duì)與服務(wù)BOP 之間的管理關(guān)系并沒有很緊密，在服務(wù)指標(biāo)整體的管理上面相較于淘系平臺要求較簡單。但是也同樣存在客服流動(dòng)性大，不穩(wěn)定等通用問題。而一線客服在日常使用產(chǎn)品的過程中，則面臨系統(tǒng)割裂操作效率不高等問題。

從「事情（業(yè)務(wù)）」的維度發(fā)現(xiàn)問題可以快速理清業(yè)務(wù)流程和業(yè)務(wù)邊界。

在準(zhǔn)備出發(fā)前，我結(jié)合國內(nèi)項(xiàng)目對電商服務(wù)流程的理解，簡單設(shè)計(jì)了業(yè)務(wù)調(diào)研的框架和范圍。通過訪談的形式進(jìn)行歸納和補(bǔ)充，有目的有范圍的了解業(yè)務(wù)的共性和個(gè)性。

△ Lazada商業(yè)畫布，明確業(yè)務(wù)目標(biāo)和范圍

通過「人」和「事」角度的資料收集，我們可以歸納出大部分的產(chǎn)品使用場景。對產(chǎn)品使用場景的抽象理解，可以讓設(shè)計(jì)師更深入了解業(yè)務(wù)，通過對用戶的移情和以往的經(jīng)驗(yàn)做第一輪體驗(yàn)判斷。

第一輪體驗(yàn)判斷：定義問題，明確產(chǎn)品落地思路和節(jié)奏。

通過對訪談和觀察內(nèi)容的梳理發(fā)現(xiàn)，目前首要解決的問題是系統(tǒng)遷移、信息內(nèi)容和渠道擴(kuò)展融合的問題。經(jīng)過評估和判斷，現(xiàn)有產(chǎn)品有50%的功能可以被復(fù)用，考慮到效能成本的因素，因此就有了系統(tǒng)整合場景適應(yīng)的概決思路。

△ MVP功能范圍拆解思路

通過以上業(yè)務(wù)方面的調(diào)研分析，接下來將進(jìn)行產(chǎn)品執(zhí)行落地階段的實(shí)驗(yàn)和分析。

2. 實(shí)驗(yàn)期

有了解決問題的思路，就可以根據(jù)預(yù)先判斷的方向快速產(chǎn)出概念原型并進(jìn)行實(shí)驗(yàn)。與此同時(shí)，有目的性的針對市場競品進(jìn)行分級調(diào)研，可以輔助加深對產(chǎn)品需求設(shè)計(jì)的理解。把眾多的競品分為核心競品、重要競品和行業(yè)競品，主要針對3個(gè)核心競品進(jìn)行調(diào)研：這些調(diào)研可以幫助打磨出更合理的設(shè)計(jì)策略。

△ 競品分析思路和競品分級

從調(diào)研發(fā)現(xiàn)，通常意義上國外的 B端產(chǎn)品似乎看起來相對「簡單」，這可能要?dú)w功于他們在產(chǎn)品商業(yè)化推進(jìn)過程中使用的策略，使得 B類產(chǎn)品在獲客體驗(yàn)全流程表現(xiàn)的比較成熟。產(chǎn)品獲客階段的體驗(yàn)感知也是我們的 B類產(chǎn)品在 PK 商業(yè)化產(chǎn)品的過程中一個(gè)重要參考。

研究競品的設(shè)計(jì)策略，可以幫助項(xiàng)目在之后的實(shí)踐中找到最適合的策略應(yīng)用在具體的設(shè)計(jì)方案中。

△ 設(shè)計(jì)策略、設(shè)計(jì)原則總結(jié)

在這個(gè)試錯(cuò)的階段，整個(gè)項(xiàng)目團(tuán)隊(duì)需要保有「精益創(chuàng)業(yè)」的思維：接觸并持續(xù)地收集用戶對產(chǎn)品的反饋和意見，用真實(shí)聲音去驗(yàn)證產(chǎn)品方案和設(shè)計(jì)策略與市場的貼合度，并及時(shí)調(diào)整項(xiàng)目方向。多給自己試錯(cuò)的機(jī)會(huì)，就像「精益創(chuàng)業(yè)」的作者所說的：失敗是學(xué)習(xí)的先決條件。

3. 開發(fā)期

通過前期的調(diào)研和實(shí)驗(yàn)，進(jìn)入開發(fā)期的項(xiàng)目應(yīng)該已經(jīng)明確了其目標(biāo)，在這個(gè)階段的主要任務(wù)是根據(jù)產(chǎn)品和業(yè)務(wù)拆解設(shè)計(jì)目標(biāo)，分解設(shè)計(jì)輸出，度量產(chǎn)品體驗(yàn)。

拆解設(shè)計(jì)目標(biāo)

需要結(jié)合產(chǎn)品的生命周期進(jìn)行設(shè)計(jì)目標(biāo)的拆解。我們項(xiàng)目的目標(biāo)就是成功遷移產(chǎn)品。并且產(chǎn)品目前現(xiàn)有1.0版本已經(jīng)在公司內(nèi)部運(yùn)營了2年，基礎(chǔ)功能已經(jīng)覆蓋。但為了結(jié)合 Lazada 的業(yè)務(wù)場景需要更深一步的功能定制。結(jié)合現(xiàn)狀，設(shè)計(jì)在不同的產(chǎn)品階段有以下如圖所示的策略分層。

△ 根據(jù)產(chǎn)品周期的不同階段進(jìn)行設(shè)計(jì)目標(biāo)的拆解

分解設(shè)計(jì)輸出

在 MVP 功能覆蓋階段，設(shè)計(jì)輸出主要包括對設(shè)計(jì)需求的探索和轉(zhuǎn)譯。在設(shè)計(jì)轉(zhuǎn)譯的拆解思路上，我主要關(guān)注通用功能和定制功能之間的融合和落地。抽象來看，從0到1的融合轉(zhuǎn)譯過程就像是一個(gè)由大到小再變大的沙漏。

總匯產(chǎn)品功能→收集國際化產(chǎn)品需求→需求分類→建立映射→提出解決方案→評估成本→設(shè)計(jì)落地

△ 設(shè)計(jì)思路抽象

其中有一些關(guān)鍵節(jié)點(diǎn)需要著重把握：

• 總匯產(chǎn)品功能：了解現(xiàn)有產(chǎn)品功能大圖，目的是快速理清與新業(yè)務(wù)場景建立映射關(guān)系。通過業(yè)務(wù)分析，明確需求范圍，將需求轉(zhuǎn)化成產(chǎn)品功能。（前面提到了有多種手段可以收集產(chǎn)品需求）
• 需求分類&建立映射：項(xiàng)目團(tuán)隊(duì)內(nèi)根據(jù)功能模塊優(yōu)先級，制定設(shè)計(jì)迭代計(jì)劃。與之前的「產(chǎn)品功能大圖」匹配作為建立映射的依據(jù)。
• 提出解決方案&評估成本：這個(gè)階段主要的設(shè)計(jì)行為是做設(shè)計(jì)的收口決策，需要設(shè)計(jì)師更好的收口不同功能模塊的產(chǎn)品訴求，達(dá)到跨國內(nèi)國外通用功能保持一致的產(chǎn)品體驗(yàn)。

△ 交互demo

度量產(chǎn)品體驗(yàn)

作為 B類國際化產(chǎn)品項(xiàng)目，最大的痛點(diǎn)就是距離。設(shè)計(jì)團(tuán)隊(duì)與一線用戶存在時(shí)間、空間、文化上面多種多樣的差異。而用戶的反饋則是體驗(yàn)優(yōu)化的重要輸入，如何在項(xiàng)目前期沒有數(shù)據(jù)監(jiān)控的情況下度量產(chǎn)品體驗(yàn)，是國際化設(shè)計(jì)中所普遍存在的痛點(diǎn)。

因此，除了常規(guī)的小范圍可用性測試，我在項(xiàng)目實(shí)踐過程中還嘗試應(yīng)用一種適應(yīng)于國際化產(chǎn)品的體驗(yàn)度量方式——SUS（system usability scale）。SUS量表的優(yōu)點(diǎn)在于：

• 在樣本量有限時(shí)，SUS量表可以得出較可信的數(shù)據(jù)結(jié)果。
• SUS分?jǐn)?shù)可以橫向?qū)Ρ?，了解自身產(chǎn)品與行業(yè)競品對產(chǎn)品的差距。
• SUS量表不僅可以衡量「usability」同時(shí)也可以衡量「learnability」，對于處在系統(tǒng)遷移場景的產(chǎn)品度量是比較適合的。

用戶UAT→SUS測試準(zhǔn)備→量表發(fā)放→量表回收分析→體驗(yàn)優(yōu)化提案→設(shè)計(jì)落地

△ 國際化產(chǎn)品SUS量表回收分析

配合產(chǎn)品 UAT 計(jì)劃，安排一定數(shù)量的可用性量表的投放和回收，通過計(jì)算可以獲得準(zhǔn)確性高達(dá)95%的 SUS分?jǐn)?shù)。該分?jǐn)?shù)可以和行業(yè)的 benchmark進(jìn) 行比對，評估出現(xiàn)有產(chǎn)品的弱項(xiàng)分?jǐn)?shù)。這種科學(xué)的輕量且快速獲得用戶反饋的方式可幫助體驗(yàn)設(shè)計(jì)師找到優(yōu)化提升的方向，進(jìn)行專門的走查和分析。

五、設(shè)計(jì)小結(jié)

總結(jié)一下在遠(yuǎn)離客戶的國際化場景中，設(shè)計(jì)師如何擁有一個(gè)全局的視角，科學(xué)的推進(jìn)設(shè)計(jì)進(jìn)度和度量產(chǎn)品體驗(yàn)：

在第一階段——探索期，應(yīng)該針對項(xiàng)目的側(cè)重點(diǎn)選擇科學(xué)合理的設(shè)計(jì)方法，獲取一手的產(chǎn)品需求輸入，抽象出產(chǎn)品的使用場景作為接下來研發(fā)產(chǎn)品的「實(shí)驗(yàn)素材」。

在第二個(gè)階段——試驗(yàn)期，除了對項(xiàng)目競品的全鏈路競對研究之外，設(shè)計(jì)師和項(xiàng)目團(tuán)隊(duì)都需要有不怕錯(cuò)的試錯(cuò)精神，應(yīng)用「精益創(chuàng)業(yè)」的流程快速驗(yàn)證方案、圈定項(xiàng)目發(fā)展策略和思路。

在第三個(gè)階段——研發(fā)期，設(shè)計(jì)師需要突破國際化項(xiàng)目普遍存在的時(shí)間、空間等等限制，選擇最優(yōu)的設(shè)計(jì)方法指導(dǎo)設(shè)計(jì)產(chǎn)出和度量設(shè)計(jì)方案。

以上就是我在實(shí)踐 B類國際化項(xiàng)目中的一些經(jīng)驗(yàn)總結(jié)。歡迎大家多多交流，相信在 B類產(chǎn)品國際化的道路中，還有非常多可以探索的課題等著我們?nèi)ニ伎肌?

藍(lán)藍(lán)設(shè)計(jì)( www.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ù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

設(shè)計(jì)師們，經(jīng)常聽到需求方說：「我想要那種很有高級感的設(shè)計(jì)」，看到T臺上的超模，你可能會(huì)忍不住說：「嘖嘖，這張臉真高級」……

但是，每個(gè)人對「高級感」定義不同，它會(huì)受到個(gè)人審美、教育水平、成長環(huán)境、文化價(jià)值等因素影響。那么，這個(gè)被人們天天掛在嘴邊兒的「高級感」到底如何定義，標(biāo)準(zhǔn)又是什么呢？

今天就跟大家分享下，我最近的相關(guān)思考。

一、什么是高級感？

關(guān)于「高級感」，百度百科上并沒有這個(gè)詞條，在一定程度上可以說明，這個(gè)詞本身就是很難定義的。

我嘗試著換個(gè)思維方式，看看什么是低級？低級意味著：多欲求的、簡單的、盲目的。那么，反過來看「高級感」，大概可以解讀為：克制的、的、特立獨(dú)行的。

1. 克制的

說到克制，我想到了德國工業(yè)設(shè)計(jì)師 Dieter Rams，他的「設(shè)計(jì)十戒」中有提到「好的設(shè)計(jì)是盡可能的無設(shè)計(jì)」，體現(xiàn)出簡潔、克制的重要性。

比如：無印良品，在「性冷淡風(fēng)」的背后充滿了對欲望的克制。

產(chǎn)品設(shè)計(jì)以更親近自然的棉、麻、羊毛的材質(zhì)配上木本、黑、白、灰色。不管是從造型，還是從用色上都極度的克制，但是給人高品質(zhì)，很舒服的感受。

反而下圖，高飽和度和純度的配色設(shè)計(jì)，給人有一種反自然的，人工造的顏色的感覺，顯得服裝比較廉價(jià)。

那么，品及時(shí)尚圈的設(shè)計(jì)，又是怎么考慮呢？

可以看出，他們服裝從簡單利索的剪裁，到高級灰（莫蘭迪色）的配色，正是我們所說的「克制」，給人一種奢華且高級的感受。

為什么克制的用色，給你高級的感受呢？因?yàn)?，這樣會(huì)削弱色彩對人情緒的影響，反而有治愈的能量，有一種頹廢的性感。

下面這幅畫，是意大利20世紀(jì)著名的版畫家，油畫家喬治莫蘭迪的（莫蘭迪色也是根據(jù)他的名字而來）。在他的畫里，所有的色彩都滲入了灰色和白色調(diào)，失去了原本或艷麗或凝重的本色，柔和優(yōu)雅，而又統(tǒng)一的混合在一起。用現(xiàn)在的話來說就是：克制、留白、極簡。

目前很多服裝設(shè)計(jì)、室內(nèi)設(shè)計(jì)都在效仿這種配色方式，顯得更有品質(zhì)。

比如，今年熱播的《延禧攻略》，一改以往流量電視劇那種高飽和度，艷麗的配色，猶如一股清流，讓人眼前一亮，感覺把整部劇都帶的高級了很多。

以上可以看出，克制的造型及用色、適當(dāng)?shù)牧舭?、極簡的畫風(fēng)，反而顯得更加自信，從而給人傳遞出高級的視覺感受。

2. 的

人們常說，細(xì)節(jié)決定成敗。其實(shí)，讓人們感到「高級」的事物，都有一個(gè)共性：對細(xì)節(jié)追求。

比如，前段時(shí)間看快樂大本營，里面對《延禧攻略》中演員服飾的刺繡細(xì)節(jié)進(jìn)行講解，當(dāng)時(shí)何炅用「很高級」夸贊。

我就在想，是什么觸發(fā)了他評價(jià)「高級」。

后來發(fā)現(xiàn)，是因?yàn)閯≈腥宋锓b上的刺繡全是純手工的。針法多樣，包括復(fù)雜的手推繡、打籽繡、磐金繡、珠繡……而且，團(tuán)隊(duì)都是曾經(jīng)參加過故宮文物翻修的匠人們。

為了無條件的貼近歷史，這一件皇上的衣服花費(fèi)了8個(gè)工人半年的時(shí)間進(jìn)行制作。

因此，讓何炅潛意識里感到「很高級」的，正是因?yàn)閮H僅為了一部電視劇，在演員服裝上耗費(fèi)這么大的功夫，這種對細(xì)節(jié)的追求。

再拿科技產(chǎn)品舉例，比如：iPhone，由于「對稱設(shè)計(jì)」可能是人們能感知到的最原始的美，很多情況下手機(jī)受限于內(nèi)部設(shè)計(jì)，很難在表面做到對稱。

但是 iPhone 為了遵循「對稱式」設(shè)計(jì)，投入非常多的人力去解決（上面），而對比三星Galaxy S6 的設(shè)計(jì)（下面），看起來就略顯尷尬。

它們對產(chǎn)品每一個(gè)方面都精雕細(xì)琢，盡管用戶不一定能注意到，這種工匠精神，讓人們覺得蘋果手機(jī)不僅僅是一款產(chǎn)品，更像是一件藝術(shù)品，同樣給人高級的感覺。

3. 特立獨(dú)行的

人類本能習(xí)慣于盲目追隨、容易妥協(xié)。因此，獨(dú)立思考、特立獨(dú)行且自信的人或事物，常給人很感級的感覺。

比如，在網(wǎng)紅臉盛行的今天，隨便逛個(gè)街，都充滿了濃濃的玻尿酸和歐式平行大雙眼皮的味道。雖然并不丑，但是總覺得不夠高級。比如，柳巖就評價(jià)過自己屬于「低級臉」。

為什么超模那樣高冷的臉蛋會(huì)給人一種高級感呢？

因?yàn)椋齻冇刑厣奈骞匍L相，意味著不向大眾主流審美屈服和妥協(xié)，而且非常自信。同時(shí)，高級感也意味著，在 TA身上看不到欲望、諂媚和討好。

再比如，日本的服裝設(shè)計(jì)大師——山本耀司。在人們都追求時(shí)尚和潮流，偏愛女性婀娜的曲線和靚麗的色澤的時(shí)候，他卻以反時(shí)尚設(shè)計(jì)而著稱。

他大膽發(fā)展日本傳統(tǒng)服飾文化的精華，具有獨(dú)立思考，形成一種反時(shí)尚風(fēng)格。這種與西方主流背道而馳的新著裝理念，不但在時(shí)裝界站穩(wěn)了腳跟，還反過來影響了西方的設(shè)計(jì)師。

總的來說，高級感是克制的，它極簡、低調(diào)、且優(yōu)雅；高級感是的，對細(xì)節(jié)的完美追求、具有匠心精神；高級感是特立獨(dú)行且自信的，不盲目追逐潮流、不討好、不妥協(xié)。

二、高級感的接受度？

雖然我們認(rèn)為「克制的」、「的」、「特立獨(dú)行的」給人以高級的感受。但是，真的是所有人都能接受嗎？

不可否認(rèn)，有的人就是覺得花里胡哨的東西很高級，比如：在美甲上鑲一些比吊燈上還大的鉆；穿一雙松糕鞋，鞋底恨不得比自己小腿肚還高。

因此，我就在思考兩個(gè)問題：影響審美的因素；大眾對「高級感」的接受度。

1. 影響審美的因素

不管是個(gè)人審美、教育水平、成長環(huán)境，還是價(jià)值觀，我覺得決定審美的背后，是「經(jīng)濟(jì)」這只無形的手。

不知道你有沒有發(fā)現(xiàn)一個(gè)規(guī)律，越落后貧窮的國家，卻喜歡艷麗的、繁雜的設(shè)計(jì)。

而相反，越發(fā)達(dá)的國家，反而更青睞簡約、淡色。

原因是經(jīng)濟(jì)落后的國家，人們?nèi)鄙俚氖恰肛S富」，想要的更多色彩，更多花樣。

而經(jīng)濟(jì)發(fā)達(dá)的地方，人們已經(jīng)擁有足夠多，因此，內(nèi)心中追求更多的是：我需要什么？我是誰？什么對我不重要？

人們對過于爆炸多樣的商品會(huì)感到「焦慮」，「害怕」因?yàn)檫x擇的太多，反而想要抽離。

因此，像無印良品這類克制的、做減法的、回歸本質(zhì)的物品，反而受到人們喜愛。

2. 大眾對「高級感」的接受度

這里的「大眾」就先指我們中國大眾吧，他們能接受「高級感」的克制，極簡嗎？

我們從消費(fèi)時(shí)代進(jìn)行分析，目前日本處于第四消費(fèi)時(shí)代，它的特征就是上面所說的，不再盲目的追求品帶來的滿足感，而是追求除了物質(zhì)以外什么才能讓人變得幸福。

而中國呢？

大多數(shù)人認(rèn)為，中國正處于第二、第三、第四消費(fèi)時(shí)代共存期。在偏遠(yuǎn)的農(nóng)村，處于第二消費(fèi)時(shí)代，他們的觀念是「大的就是好的」，「繁瑣是好的」；三四線城市，處于第三消費(fèi)時(shí)代，他們的觀念是「個(gè)性化、品牌化」追求與眾不同，喜歡名牌貨；一二線城市，處于第四消費(fèi)時(shí)代，更加崇尚無品牌，休閑傾向，整個(gè)社會(huì)趨于共享。

但是，我認(rèn)為，隨著中國經(jīng)濟(jì)近幾年迅猛發(fā)展，互聯(lián)網(wǎng)的快速普及，大家接受信息的程度慢慢趨同，就算非一二線城市，大家的消費(fèi)觀念及審美水平也在隨之改變。

比如：抖音里，很多四五線城市的小姐姐們，穿衣及化妝風(fēng)格都很ins風(fēng)；同時(shí)，越來越多不因?yàn)槿偰行裕峭伙@獨(dú)立女性的打扮。

越來越多的北歐極簡裝修風(fēng)的流行……

總的來說，大眾的審美水平和消費(fèi)觀念會(huì)受經(jīng)濟(jì)的影響，而中國大眾的消費(fèi)觀念正在往第四消費(fèi)時(shí)代慢慢轉(zhuǎn)變，對真正「高級感」的事物，接受度越來越高。

三、互聯(lián)網(wǎng)產(chǎn)品中高級感設(shè)計(jì)

上面舉了很多傳統(tǒng)行業(yè)案例，其實(shí)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中，也在往「高級感」方向走，踐行著「極簡」和「克制」的理念。

比如：年初的谷歌「ALL-White」風(fēng)。眾所周知，谷歌的設(shè)計(jì)師是極簡主義界面的忠實(shí)粉絲。

下面是優(yōu)化前后對比，移除大面積的色塊，采用大面積留白，體現(xiàn)現(xiàn)代、簡約的感覺。

移除多彩的圖標(biāo)，采用極簡的線性表現(xiàn)方式。

再比如，百度的設(shè)計(jì)，一年前也在「高級感」的設(shè)計(jì)理念上進(jìn)行深挖和落地。

從以下兩個(gè)維度可以看出：克制的配色；的細(xì)節(jié)。

1. 克制的配色

拿「簡單搜索」舉例，它是百度的一款搜索APP，以簡潔清爽的視覺體驗(yàn)，簡單的操作交互，吸引了大量用戶，而且零廣告。

在界面的用色上，非?？酥疲捎靡浴负?、白、灰」為主，目的是為了讓用戶聚焦內(nèi)容本身，而不是為了設(shè)計(jì)而設(shè)計(jì)。

包括 icon 的處理，以純色的線性為主，更加現(xiàn)代、簡約。

2. 的細(xì)節(jié)

大家都知道，黃金分割是最普遍也是最能引起人美感的。我們所熟知的蒙娜麗莎的臉、雅典的帕特農(nóng)神廟等都應(yīng)用了該比例設(shè)計(jì)。

其實(shí)，在看似普通的百度搜索首頁，同樣遵循著這個(gè)比例，讓有規(guī)則的美，嚴(yán)謹(jǐn)?shù)娜谌肫渲小?

包括柵格系統(tǒng)在設(shè)計(jì)中運(yùn)用，這種來源于數(shù)學(xué)的美學(xué)，將有助于用戶，更有效和愉悅的閱讀及獲取內(nèi)容。

以上可以看出，不管是傳統(tǒng)行業(yè)還是互聯(lián)網(wǎng)行業(yè)，亦或者是未來的人工智能的設(shè)計(jì)，都在往「克制」、「」的方向發(fā)展，讓人人都能享用到優(yōu)質(zhì)、高級的設(shè)計(jì)。

總結(jié)

總的來說，「高級感」意味著對設(shè)計(jì)保持克制的、對細(xì)節(jié)追求、擁有獨(dú)立思考的產(chǎn)物，而且，隨著經(jīng)濟(jì)的發(fā)展，人們的審美和接受程度也發(fā)生著改變，追求真正高品質(zhì)的設(shè)計(jì)。同時(shí)，不僅傳統(tǒng)行業(yè)在踐行「高級感」的設(shè)計(jì)，互聯(lián)網(wǎng)的產(chǎn)品設(shè)計(jì)也在朝著這個(gè)方向發(fā)展。

藍(lán)藍(lán)設(shè)計(jì)( www.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ù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

領(lǐng)先企業(yè)已經(jīng)認(rèn)識到，設(shè)計(jì)不僅僅停留在產(chǎn)品的 “外在美”，而應(yīng)聚焦在更具商業(yè)價(jià)值的“內(nèi)在美”。那么，如何實(shí)現(xiàn)通過“內(nèi)在美”創(chuàng)造價(jià)值呢？答案就在設(shè)計(jì)思維。

在數(shù)字化變革時(shí)代，更好地理解和分析數(shù)字消費(fèi)者成為每個(gè)企業(yè)的核心要?jiǎng)?wù)。同時(shí)，如何將分析結(jié)果轉(zhuǎn)化為創(chuàng)新的產(chǎn)品和服務(wù)——更是為決策者提出了新的挑戰(zhàn)。“設(shè)計(jì)思維”作為一套完整的“以用戶為中心”的方法論和工具包，為企業(yè)重塑“客戶價(jià)值”、實(shí)現(xiàn)服務(wù)創(chuàng)新，提供了切實(shí)的方法指引，而這一切的終極目標(biāo)是成就企業(yè)價(jià)值。

 

1、什么是設(shè)計(jì)思維？

簡單來說，設(shè)計(jì)思維來自“設(shè)計(jì)師思維”，是一套基于“以用戶為中心”的創(chuàng)新方法論。

在數(shù)字時(shí)代，消費(fèi)者的使用動(dòng)機(jī)和行為模式更復(fù)雜多樣，企業(yè)競爭環(huán)境也更加復(fù)雜多變。對于決策者而言，客戶體驗(yàn)、場景、觸點(diǎn)、旅程優(yōu)化等詞匯已經(jīng)不再新鮮。

擺在企業(yè)戰(zhàn)略制定者們面前的問題是，如何以一種全局視角去理解客戶，并讓組織運(yùn)作回歸“創(chuàng)造客戶價(jià)值”，不斷創(chuàng)新。埃森哲《2017年技術(shù)展望》通過針對全球企業(yè)領(lǐng)袖的一項(xiàng)調(diào)研發(fā)現(xiàn)，79%的受訪者認(rèn)為，組織進(jìn)化的目標(biāo)就是——更好地研究消費(fèi)者使用行為和動(dòng)機(jī)，并提供行業(yè)領(lǐng)先的客戶體驗(yàn)。

與此同時(shí)，面對產(chǎn)品服務(wù)創(chuàng)新面臨的內(nèi)外部不確定性，企業(yè)決策者往往陷入兩難困境：即一方面，鼓勵(lì)組織內(nèi)部大膽試錯(cuò)、大膽創(chuàng)新；另一方面，又希望創(chuàng)新過程管理有序，并能量化創(chuàng)新結(jié)果。

于是諸多企業(yè)領(lǐng)導(dǎo)者重新思考創(chuàng)新模式，并在設(shè)計(jì)師們那里找到了創(chuàng)新靈感。

企業(yè)進(jìn)一步把設(shè)計(jì)師的工作模式抽象提煉出來，逐步形成了設(shè)計(jì)思維——這套結(jié)構(gòu)化地理解消費(fèi)者習(xí)慣、行為、喜好和需求，并產(chǎn)生設(shè)計(jì)機(jī)會(huì)的方法論，希望從中找到在數(shù)字時(shí)代突圍的機(jī)會(huì)。

比起科學(xué)研究人員或者銷售人員，“設(shè)計(jì)師”面臨的問題、合作對象和產(chǎn)出方式有不同特點(diǎn)，甚至更加復(fù)雜。不論什么類型的產(chǎn)品，設(shè)計(jì)師的思考模式往往是，從不斷變化的用戶或者市場需要開始，兼顧生產(chǎn)水平和工藝限制，以可執(zhí)行的產(chǎn)品方案結(jié)束。設(shè)計(jì)過程通常都會(huì)融入反復(fù)的內(nèi)部討論、看似混亂的草圖、無情的推翻和修改和某個(gè)必要的“靈感爆發(fā)”時(shí)刻。

創(chuàng)新思維本身也是在不斷迭代，我們姑且將其定義為1.0、2.0和3.0版本（見圖一）。

 

2、當(dāng)設(shè)計(jì)思維遇到傳統(tǒng)企業(yè)

對于傳統(tǒng)企業(yè)而言，創(chuàng)新更是當(dāng)務(wù)之急。而設(shè)計(jì)思維的成功運(yùn)用，無疑能夠?yàn)閭鹘y(tǒng)企業(yè)插上創(chuàng)新的翅膀。

《哈佛商業(yè)評論》就曾以百事公司為例，分析這家傳統(tǒng)快消業(yè)巨頭，如何通過設(shè)立首席設(shè)計(jì)官，將設(shè)計(jì)思維融入公司文化，并在做任何重要決定時(shí)都要考慮設(shè)計(jì)的因素，完成從新產(chǎn)品、包裝、陳列到品牌體驗(yàn)的成功創(chuàng)新。隨著諸多傳統(tǒng)企業(yè)將創(chuàng)新思維應(yīng)用在各自的創(chuàng)新領(lǐng)域，“設(shè)計(jì)思維”已經(jīng)在過去的十幾年，從產(chǎn)品規(guī)劃方法，發(fā)展成為了一套系統(tǒng)化的創(chuàng)新方法論。

在新的語境下，設(shè)計(jì)思維已經(jīng)發(fā)展成為一系列“以用戶為中心”的工具和方法集合，這里既包含產(chǎn)品設(shè)計(jì)模式，也包含組織協(xié)作模式；不僅從內(nèi)涵上，在外延上，這種思維方式也從產(chǎn)品優(yōu)化，進(jìn)一步拓展到服務(wù)重構(gòu)、流程設(shè)計(jì)，乃至實(shí)現(xiàn)突破性的商業(yè)模式創(chuàng)新。

設(shè)計(jì)思維3.0作為系統(tǒng)化的創(chuàng)新方法體系（見圖二）可以看做以下三項(xiàng)模式及其工具方法的合集：

1. 以用戶需求導(dǎo)向的分析模式：倡導(dǎo)從市場和消費(fèi)者的需求中挖掘尚未被滿足的服務(wù)機(jī)會(huì)，通過調(diào)研真實(shí)用戶獲得設(shè)計(jì)洞察，尋找彌補(bǔ)需求斷層的機(jī)會(huì)；
2. 創(chuàng)新式的組織內(nèi)協(xié)作模式：設(shè)計(jì)過程應(yīng)由跨團(tuán)隊(duì)共同碰撞、討論完成；過程中采取共創(chuàng)（Co-creation）模式，鼓勵(lì)引入專家用戶直接參與設(shè)計(jì)。
3. 產(chǎn)品化的問題解決模式：設(shè)計(jì)過程的實(shí)質(zhì)是解決問題，而交付的結(jié)果應(yīng)是可不斷迭代的產(chǎn)品。

 

3、像設(shè)計(jì)師那樣工作

要實(shí)現(xiàn)“設(shè)計(jì)思維”：

第一步需要轉(zhuǎn)換思考角度，理解分析“用戶是誰”、“用戶想要什么”，發(fā)現(xiàn)有價(jià)值的設(shè)計(jì)機(jī)會(huì)在哪里；

第二步結(jié)合技術(shù)的可實(shí)現(xiàn)性，篩選可以被技術(shù)解決的機(jī)會(huì)，并拼搭出未來的產(chǎn)品藍(lán)圖；

第三步基于實(shí)現(xiàn)的需求，做出分步規(guī)劃，從框架到細(xì)節(jié)逐步交付。

從產(chǎn)品藍(lán)圖來看，前面一個(gè)階段屬于需求的匯集；后一個(gè)階段屬于需求的延展（見圖三）。

以下按照三個(gè)步驟，列舉設(shè)計(jì)思維倡導(dǎo)的核心方法：

第一步 理解發(fā)現(xiàn)：基于用戶需求的分析模式

成功的產(chǎn)品始于對用戶需求的發(fā)現(xiàn)和理解（見圖四）。

顛覆了酒店住宿行業(yè)的Airbnb在創(chuàng)立初期，新用戶和預(yù)定量增長停滯不前，創(chuàng)始人之一同時(shí)也是設(shè)計(jì)師背景的布賴恩·切斯科（Brian Chesky）通過深入對種子用戶的理解，發(fā)現(xiàn)這些嘗試租賃共享房屋的用戶最為關(guān)心房源狀態(tài)和特色。

基于這一認(rèn)知，切斯科和創(chuàng)始團(tuán)隊(duì)做出了可能是Airbnb初創(chuàng)期最重要的決定，將最后的預(yù)算用于租賃專業(yè)攝影設(shè)備，并按照用戶關(guān)注的維度去重新拍攝房源照片，從色彩、角度和細(xì)節(jié)等方面，去強(qiáng)化共享房屋和酒店的差異，最終這批照片上線后為Airbnb帶來了100%的預(yù)定量增長。而Airbnb更強(qiáng)化了圖片優(yōu)先的整體策略，時(shí)刻關(guān)注用戶體驗(yàn)，成為這家估值超過300億美元的共享經(jīng)濟(jì)巨頭持續(xù)增長的基石之一。

設(shè)計(jì)思維強(qiáng)調(diào)把消費(fèi)者當(dāng)做立體的“人”來看，了解“人”的習(xí)慣經(jīng)驗(yàn)如何對其購買、使用產(chǎn)品產(chǎn)生影響，分析其在服務(wù)各階段的感受是什么，情緒如何變化。那么，如何了解如此復(fù)雜的“人”呢？

設(shè)計(jì)師們從心理學(xué)和人類學(xué)家那里借鑒了一些常用的方法，如采取實(shí)地觀察、跟蹤和訪談等方式，記錄用戶行為的“人種志”研究；又比如場景分析，提倡對產(chǎn)品的使用環(huán)境（自然與社會(huì)環(huán)境）進(jìn)行記錄和分析。

 

第二步 藍(lán)圖定義：創(chuàng)新式的組織內(nèi)協(xié)作模式

面對數(shù)字時(shí)代消費(fèi)者不斷變化的需求，面對數(shù)字化觸點(diǎn)大爆炸的現(xiàn)狀，在規(guī)劃設(shè)計(jì)的初始階段，企業(yè)迫切需要對用戶場景進(jìn)行梳理，采取全局視角去發(fā)現(xiàn)待滿足的創(chuàng)新機(jī)會(huì)點(diǎn)（見圖五）。

從組織內(nèi)部看，也需要更為有效的溝通和協(xié)作方式。設(shè)計(jì)思維倡導(dǎo)通過系統(tǒng)化的方式去尋找這些創(chuàng)新機(jī)會(huì)，其核心思想是：對全局信息的可視化表達(dá)，以及跨領(lǐng)域的相互激發(fā)。

設(shè)計(jì)思維鼓勵(lì)在團(tuán)隊(duì)協(xié)作中使用創(chuàng)新手法，如頭腦風(fēng)暴進(jìn)行窮舉（Brainstorming）、可視化的方式表現(xiàn)、角色轉(zhuǎn)換（Body Storming）以體會(huì)用戶感受等，甚至在藍(lán)圖規(guī)劃過程中直接邀請客戶或者最終用戶參與，以共同設(shè)計(jì)的方式充分交流和激發(fā)，目的是打破團(tuán)隊(duì)壁壘，共同以用戶視角進(jìn)行問題定義和討論，形成統(tǒng)一認(rèn)識。

埃森哲在幫助某國有銀行進(jìn)行數(shù)字化體驗(yàn)再造項(xiàng)目時(shí)，發(fā)現(xiàn)由傳統(tǒng)的業(yè)務(wù)部門“提出需求”到技術(shù)部門“執(zhí)行需求”的工作模式不僅沒有提升效率，反而由于高昂的溝通成本，減少了各方對創(chuàng)新的意愿和投入。

在埃森哲的建議下，將傳統(tǒng)的單向需求匯報(bào)模式，改為周期性設(shè)計(jì)創(chuàng)新工作坊。通過系統(tǒng)化的梳理金融類消費(fèi)者的使用習(xí)慣和需求，將未來藍(lán)圖的規(guī)劃與企業(yè)整體目標(biāo)有機(jī)結(jié)合，找到了適合該企業(yè)的創(chuàng)新設(shè)計(jì)方向。而持續(xù)的跨部門合作，也提前統(tǒng)一了創(chuàng)新方向并確保結(jié)果落地。

 

第三步 迭代交付：產(chǎn)品化的問題解決模式

有一種理解認(rèn)為，設(shè)計(jì)思維中對于結(jié)果的迭代交付訴求是“提早犯錯(cuò)（Fail Early）”，然而更完整的說法應(yīng)該是“提早評估”。設(shè)計(jì)思維中使用大量工具從用戶角度描述需求，或者搭建原型，這一過程更多是描繪“產(chǎn)品的中間態(tài)”，即產(chǎn)品概念由抽象到具體，核心目的是更早完成評估和修正（見圖六）。

通過搭建原型并測試的方法，不僅限應(yīng)用于手機(jī)或者網(wǎng)站，也包括線下服務(wù)。一個(gè)著名的案例喜達(dá)屋集團(tuán)旗下雅樂軒（Aloft）酒店。

作為面向20-30歲年輕人群的品牌，雅樂軒酒店的設(shè)計(jì)團(tuán)隊(duì)在規(guī)劃階段，就將真實(shí)的設(shè)計(jì)方案制作成3D模型放置在虛擬線上游戲中，以測試目標(biāo)用戶的反應(yīng)，整個(gè)測試過程持續(xù)9個(gè)月，并包括了多次基于用戶意見的修改。

最終，大量基于“虛擬模型”的測試結(jié)果，如酒店大堂色彩選擇、屋內(nèi)布局、影音設(shè)備位置等，被有選擇地應(yīng)用在實(shí)際酒店設(shè)計(jì)中?！渡虡I(yè)周刊》評論喜達(dá)屋這種模型測試，不論從速度或者成本來講，都非常有參考價(jià)值。

 

4、如何擴(kuò)大設(shè)計(jì)思維的價(jià)值？

領(lǐng)先的企業(yè)決策者們已經(jīng)認(rèn)識到，設(shè)計(jì)不僅僅停留在產(chǎn)品的 “外在美”，而應(yīng)該聚焦在更具商業(yè)價(jià)值的“內(nèi)在美”。那么，如何實(shí)現(xiàn)通過“內(nèi)在美”創(chuàng)造價(jià)值呢？答案在于如何利用“設(shè)計(jì)思維”讓內(nèi)部組織和員工重新回到 “客戶價(jià)值” 思維方式上去，并密切協(xié)作。這里有四條建議：

4.1 讓設(shè)計(jì)思維常態(tài)化

首先應(yīng)在新產(chǎn)品設(shè)計(jì)研發(fā)團(tuán)隊(duì)中，將設(shè)計(jì)思維方法常態(tài)化、步驟流程完整化?？煽紤]通過設(shè)立標(biāo)桿項(xiàng)目、打造標(biāo)桿產(chǎn)品的形式，完整地應(yīng)用設(shè)計(jì)思維方法，在若干輪反復(fù)應(yīng)用之后找到適合本企業(yè)的流程方法。

同時(shí)，借鑒互聯(lián)網(wǎng)企業(yè)的方式，周期性組織一日黑客馬拉松（Hackathon） 類活動(dòng)，在組織內(nèi)部擴(kuò)大影響。

4.2 基于用戶需求劃分MVP模式路標(biāo)

MVP即Minimum Viable Product（最小可行產(chǎn)品），是與敏捷產(chǎn)品開發(fā)模式密切相關(guān)的產(chǎn)品交付模式，由埃里克·萊斯（Eric Ries）在《精益創(chuàng)業(yè)》中提出，核心原則是，首先聚焦在滿足用戶單一需求的功能（所謂“最小可行”），之后不斷迭代增加功能，最終形成完整的產(chǎn)品或系統(tǒng)。對待企業(yè)核心服務(wù)的數(shù)字化提升乃至變革時(shí)，MVP是一種行之有效的產(chǎn)品交付理念。

4.3 形成創(chuàng)新機(jī)制

創(chuàng)新并不意味著一味鼓勵(lì)犯錯(cuò)，也不意味著無法量化評估。

圍繞用戶進(jìn)行產(chǎn)品和服務(wù)優(yōu)化，是一個(gè)循序漸進(jìn)的螺旋式上升過程，這要求對設(shè)計(jì)結(jié)果的評判機(jī)制能有效適應(yīng)這種敏捷迭代。如，將銷售結(jié)果導(dǎo)向的KPI要求，拆解為若干可以測量的用戶行為的KPI。

同時(shí)，在定義階段，將這些用戶行為KPI用到產(chǎn)品設(shè)計(jì)的輸入中，聚焦在提升這些用戶KPI上，后續(xù)不斷優(yōu)化提升。在方案設(shè)計(jì)中考慮，如何形成反饋機(jī)制，預(yù)設(shè)用戶行為的KPI和監(jiān)測方法，在下一輪優(yōu)化中不斷迭代。

4.4 創(chuàng)新需要融合設(shè)計(jì)與技術(shù)

“技術(shù)實(shí)驗(yàn)室”是諸多領(lǐng)先企業(yè)在進(jìn)行研發(fā)領(lǐng)域創(chuàng)新，特別是構(gòu)建前沿領(lǐng)域技術(shù)創(chuàng)新能力時(shí)，常?？紤]的戰(zhàn)略舉措。同樣，要進(jìn)一步推進(jìn)數(shù)字化領(lǐng)域的客戶導(dǎo)向創(chuàng)新，建立“創(chuàng)新設(shè)計(jì)中心”可以從戰(zhàn)略的高度推進(jìn)“設(shè)計(jì)思維”在數(shù)字化轉(zhuǎn)型中的作用。

ERP領(lǐng)域的巨頭SAP公司也在持續(xù)增加其對設(shè)計(jì)團(tuán)隊(duì)的投入，在2012年就開始著手組建新的設(shè)計(jì)中心；素以創(chuàng)新和多元化產(chǎn)品著稱的3M公司，在2016年將總部設(shè)計(jì)中心擴(kuò)容了四倍面積，可容納150名設(shè)計(jì)師工作，并在其中進(jìn)行協(xié)作創(chuàng)新、產(chǎn)品展示和客戶洽淡。埃森哲大中華區(qū)也于2016年底，在香港構(gòu)建了“設(shè)計(jì)工作室”，作為分布全球的設(shè)計(jì)網(wǎng)絡(luò)的一環(huán)，在這個(gè)超過3700平米的空間中，集中不同專長的數(shù)字化設(shè)計(jì)能力，與客戶共同創(chuàng)新。

可以預(yù)見，“創(chuàng)新設(shè)計(jì)中心”將會(huì)越來越多地出現(xiàn)，成為從市場端洞察用戶需求、挖掘商業(yè)機(jī)會(huì)的強(qiáng)大雙擎之一。

 

結(jié)語

設(shè)計(jì)思維3.0作為一種全局化的創(chuàng)新方法論，能帶給企業(yè)一種全新視角，即如何圍繞客戶價(jià)值，構(gòu)建可持續(xù)的產(chǎn)品和服務(wù)？

在數(shù)字時(shí)代，企業(yè)需要兩手抓：一方面，能夠從用戶視角分析梳理需求斷層和服務(wù)機(jī)會(huì)；從另一個(gè)方面，能夠?yàn)榻M織的協(xié)作方式找到新的模式，以強(qiáng)化效率和有效性。如同設(shè)計(jì)結(jié)果需要漸進(jìn)式上升，工作方法和協(xié)作形式都需要不斷進(jìn)化迭代，才能最終尋找到適合發(fā)展階段的轉(zhuǎn)型切入點(diǎn)，支撐企業(yè)數(shù)字化時(shí)代實(shí)現(xiàn)全面創(chuàng)新。

藍(lán)藍(lán)設(shè)計(jì)( www.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ù)。

 

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

在 UI設(shè)計(jì)中，我們常常說用戶體驗(yàn)至上，什么是用戶體驗(yàn)？我們的產(chǎn)品為什么能夠留住人？為什么那么多人愛用？這都是值得思考的問題。

前幾天我在體驗(yàn)一款產(chǎn)品注冊輸入驗(yàn)證碼的時(shí)候發(fā)現(xiàn)，鍵盤能夠自動(dòng)獲取到手機(jī)的短信，這真的是解救我這種每次輸入驗(yàn)證碼要記兩遍的人。后來通過了解才知道是 iPhone手機(jī)更新 iOS12以后，系統(tǒng)鍵盤增加的提醒功能。

于是我又去研究了經(jīng)常使用的京東金融，首先我測試了忘記密碼頁面，輸入驗(yàn)證碼時(shí)他采用的系統(tǒng)鍵盤樣式，同樣系統(tǒng)鍵盤獲取到了短信驗(yàn)證碼，直接點(diǎn)擊驗(yàn)證碼即可輸入，簡單快捷。

同時(shí)我又測試了支付界面的短信驗(yàn)證，京東金融為了安全考慮，并沒有采用系統(tǒng)鍵盤而是自己開發(fā)的安全鍵盤，并沒有獲取短信驗(yàn)證碼信息，但是作為用戶的我并沒有感到不好用，畢竟以安全為主。

我想這個(gè)例子就可以回答我上面問的幾個(gè)問題。什么是用戶體驗(yàn)？對于一個(gè)成熟的產(chǎn)品來說，你的用戶愛用、經(jīng)常用就可以說他用戶體驗(yàn)做得比較好。

如何才能讓用戶愛用呢？首先需要保證基本功能滿足；其次交互流程合理、最后在前兩個(gè)都做好的情況下，我們還可以從交互的小細(xì)節(jié)來提升產(chǎn)品體驗(yàn)，從而讓用戶愛用。以下是我整理的8大交互小細(xì)節(jié)：

• 小操作也要及時(shí)反饋
• 讓用戶操作更方便
• 強(qiáng)調(diào)產(chǎn)品希望用戶注意的地方
• 激勵(lì)用戶進(jìn)行下一步操作
• 新功能，引導(dǎo)用戶關(guān)注點(diǎn)
• 加入品牌基因
• 不經(jīng)意時(shí)制造驚喜
• 點(diǎn)贊狀態(tài)跟隨

一、小操作也要及時(shí)反饋

反饋不單單是在大的功能頁面才用，小操作也需要提供及時(shí)反饋，讓用戶知道正在發(fā)生什么，從而有掌控感。這個(gè)反饋可以是聽覺、觸覺、視覺。

以愛奇藝安卓版V9.9.5視頻詳情頁為例，它就是加入了觸感反饋，當(dāng)你點(diǎn)擊點(diǎn)贊或收藏時(shí)，手機(jī)會(huì)進(jìn)行震動(dòng)（目前iPhone版還未更新），當(dāng)我發(fā)現(xiàn)這個(gè)小交互的時(shí)候就被吸引到了。當(dāng)你點(diǎn)贊的時(shí)候，就像你剛戀愛時(shí)，你男朋友牽你手觸電的感覺，加入觸感之后讓整個(gè)交互更加情感化了。同時(shí)當(dāng)你點(diǎn)贊或收藏成功之后，也會(huì)及時(shí)反饋當(dāng)前所處的狀態(tài)，提示成功，從而增強(qiáng)用戶的把控感。

二、讓用戶操作更方便

讓用戶操作更方便，這也是我們在做交互細(xì)節(jié)時(shí)需要考慮的，這樣可以盡可能的縮短用戶操作時(shí)間，同時(shí)也可以減輕用戶的認(rèn)知負(fù)擔(dān)，促進(jìn)用戶下單。

以天貓購物車為例，購物車單個(gè)列表可以左滑進(jìn)行發(fā)現(xiàn)、移入收藏夾、刪除等功能，而我們長按列表，同樣可以展示這三個(gè)操作。

我們知道側(cè)滑操作是 iOS 才有的，而安卓版大多數(shù)編輯操作都是采用長按，天貓 iPhone版2種方式都有加入，可以照顧到更多人的習(xí)慣。

三、強(qiáng)調(diào)產(chǎn)品希望用戶注意點(diǎn)

產(chǎn)品不單單只是為了用戶體驗(yàn)，其最終目的也是為了盈利，因此通過一些小交互也可強(qiáng)調(diào)產(chǎn)品希望用戶注意的地方。

左圖：以大眾點(diǎn)評為例，大眾點(diǎn)評詳情頁不斷上滑時(shí)，頂部會(huì)將個(gè)人信息和關(guān)注按鈕進(jìn)行置頂操作，這樣就可方便用戶在瀏覽過程中隨時(shí)進(jìn)行關(guān)注操作。

右圖：以掌上生活為例，在精選欄目界面向下滑動(dòng)過程中，底部會(huì)出現(xiàn)一個(gè)產(chǎn)品的氣泡提示，點(diǎn)擊氣泡會(huì)下滑至相關(guān)位置的產(chǎn)品。

四、激勵(lì)用戶進(jìn)行下一步操作

激勵(lì)用戶進(jìn)行下一步操作，在一定誘因趨勢下，讓用戶自愿做產(chǎn)品期望他們做的事情，從而激勵(lì)用戶進(jìn)行下一步操作。

以天貓雙11活動(dòng)為例，從天貓首頁界面加入搶666紅包為誘導(dǎo)，作為用戶看到這樣的內(nèi)容還是很想點(diǎn)進(jìn)去看看的，當(dāng)然進(jìn)入之后也不負(fù)眾望確實(shí)讓我搶了紅包，領(lǐng)取到了80塊的福利，同時(shí)下方還有各種任務(wù)列表，一步步引導(dǎo)用戶去操作，從而達(dá)到產(chǎn)品想讓用戶操作的目的。

五、新功能，引導(dǎo)用戶關(guān)注

引導(dǎo)用戶關(guān)注，通過外力引導(dǎo)可以引導(dǎo)用戶做產(chǎn)品想讓他們做的事情，雖然我們說好的產(chǎn)品會(huì)自己說話，但是對于某些新操作，是有必要提醒用戶的。

以愛奇藝為例，在首頁你看到有一個(gè)長按試試的手型引導(dǎo)，這個(gè)是新加的操作，在初期長按操作優(yōu)先在安卓版才有，但是很多人都不知道這個(gè)功能，我也是無意中發(fā)現(xiàn)的。在 iPhone版上線后，他們在第一張視頻圖上加入引導(dǎo)，可以更明確的讓用戶知道有該功能，長按封面后可對視頻進(jìn)行預(yù)覽、收藏、直接看正片等操作。

六、加入品牌基因

在產(chǎn)品中合理的加入品牌基因，可以讓用戶一眼看出這是你的產(chǎn)品，從而提升產(chǎn)品的識別度。下面我找了兩款交互小細(xì)節(jié)中運(yùn)用品牌基因的案例。如下圖：

以轉(zhuǎn)轉(zhuǎn)為例，它在底部標(biāo)簽欄舵峰發(fā)布按鈕處，剛進(jìn)頁面加載時(shí)，會(huì)有一個(gè)裝有發(fā)條的小熊在那轉(zhuǎn)啊轉(zhuǎn)，在如今趨同的產(chǎn)品中，很容易就能夠知道是轉(zhuǎn)轉(zhuǎn)的吉祥物。

以美團(tuán)外賣為例，下拉刷新時(shí)，顯示一個(gè)袋鼠快遞員送餐的小動(dòng)畫，看到它我們很容易就能夠知道是美團(tuán)外賣。

七、不經(jīng)意時(shí)，制造驚喜

不經(jīng)意時(shí)，在一些小細(xì)節(jié)處制造驚喜，從功能上來說并沒有什么幫助，但是這個(gè)驚喜提供了超出了用戶預(yù)期的體驗(yàn)，就會(huì)讓用戶對產(chǎn)品產(chǎn)生好感。

以騰訊視頻為例，在 doki明星詳情中，為明星打榜后可以繼續(xù)沖榜，點(diǎn)擊沖榜就有很多小愛心從天而降，為用戶營造浪漫溫馨的氛圍，提高用戶的幸福感。

八、點(diǎn)贊狀態(tài)跟隨

當(dāng)某個(gè)功能比較重要時(shí)，可能會(huì)在多個(gè)地方出現(xiàn)，這時(shí)候就需要做好狀態(tài)的數(shù)據(jù)跟隨了，如下圖:

以騰訊視頻為例，騰訊doki詳情頁面在文章底部有一個(gè)大的點(diǎn)贊按鈕，提示用戶看完內(nèi)容后進(jìn)行點(diǎn)贊操作，但是如果用戶并沒有滑動(dòng)到底部想點(diǎn)贊怎么辦，所以騰訊在詳情頁的底部固定有評論和點(diǎn)贊，在交互上就需要做到，點(diǎn)擊其中一個(gè)，另外一個(gè)效果要進(jìn)行跟隨。

總結(jié)

作為設(shè)計(jì)師，我們在設(shè)計(jì)時(shí)除了考慮實(shí)現(xiàn)基本功能外，同時(shí)還可以考慮如何設(shè)計(jì)才能夠抓住用戶，讓用戶為你的產(chǎn)品買單。以上八個(gè)交互小細(xì)節(jié)其實(shí)仔細(xì)看，你會(huì)發(fā)現(xiàn)總結(jié)起來就是反饋、提醒、引導(dǎo)、激勵(lì)這些交互方式，在做交互設(shè)計(jì)時(shí)需要我們落實(shí)到細(xì)節(jié)，加強(qiáng)產(chǎn)品與用戶之間的互動(dòng)，從而提升產(chǎn)品體驗(yàn)的交互細(xì)節(jié)。

藍(lán)藍(lán)設(shè)計(jì)( www.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ù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

想必很多前輩都會(huì)告訴大家，提高設(shè)計(jì)水平，最重要的一點(diǎn)就是多看多練多想。這句話，沒有任何毛病。

剛?cè)腴T的同學(xué)肯定都會(huì)一直這樣做。特別是在“多看”方面，很熱衷于去收集各種各樣不同的站點(diǎn)，譬如自己碰到最多的問題就是：“米田，你有什么好的設(shè)計(jì)網(wǎng)站推薦給我們？”這樣的問題，我每周都會(huì)被問到數(shù)十次之多。

但是當(dāng)東西真的變得很多的時(shí)候，往往會(huì)產(chǎn)生很嚴(yán)重的問題。不知道從哪里開始找起。特別是關(guān)于圖片方面的問題，這點(diǎn)更為嚴(yán)重。因?yàn)閳D片能清楚描述的可能性很小，譬如一張一年前看過的海報(bào)，讓你再次清楚描述它是很難的。

所以這里就會(huì)引出一個(gè)話題，如何讓我們辛辛苦苦收集的圖片。能更好的使用，這是每個(gè)設(shè)計(jì)師必須要面對的問題。

要了解這個(gè)問題，最重要的一點(diǎn)是，知道什么東西是適合的。

圖片整理術(shù)，合適是什么？

舉個(gè)簡單的例子吧。圖中的這位人物叫盧冠廷，填詞人?；蛟S很多人對這個(gè)名字比較陌生，沒關(guān)系。你肯定聽過他唱的歌。

是以下這首一生所愛。大話西游里的主題曲，相信華人都聽過他唱的這首歌曲。

那么經(jīng)典的一首歌，創(chuàng)作時(shí)間需要多久呢？

答案是一個(gè)晚上。你的眼睛沒看錯(cuò)，真的就是一個(gè)晚上創(chuàng)作出來的。這是我在一次線下分享會(huì)的時(shí)候。問過盧冠廷先生這個(gè)問題，他的回答就是這樣。

那么他是怎么做到的呢？相信每一個(gè)人都特別好奇。

和作曲一樣。好的設(shè)計(jì)創(chuàng)意也不一定需要長時(shí)間去思考。很多時(shí)候，創(chuàng)意來源于洗澡的時(shí)候。相反你花越多時(shí)間去思考，卻越想不出來。

這就是做靈感創(chuàng)意的魅力所在。

回到一生所愛這首歌曲的創(chuàng)作過程，盧冠廷先生是怎么做到在一晚時(shí)間，創(chuàng)作出經(jīng)典的歌詞呢？ 

答案就是。答案就是，答案就是，畫重點(diǎn)了。

將他聽過關(guān)于愛情最好的十首音，一首一首反復(fù)聽。

抽取其中的精華，變成這首歌的主要內(nèi)容。為什么要選取十首最好的？因?yàn)槟呐履銊?chuàng)造出來的作品是在這些歌曲里最差的那一首，那也是從最好的結(jié)果內(nèi)得到的最差答案。比單純自己憑空想象，效果要好很多。

那么對于設(shè)計(jì)同樣如此。我們不是需要填詞，但是要做設(shè)計(jì)，參考是必不可少的內(nèi)容。

好的參考流程，找到合適的關(guān)鍵字很重要。你就要采用觀看，丟棄和應(yīng)用這三步將看到的東西，消化吸收。

持續(xù)建造你的靈感水庫

為了讓我們持續(xù)擁有最好的靈感，這時(shí)候，就需要建造靈感水庫。

一般建造水庫來說。最重要的就是這四點(diǎn)

● 第一、找到坐標(biāo)（建造地）。

● 第二、投入魚苗（商品）。

● 第三，保持它的時(shí)效性，常常要去維修這個(gè)水庫（定期上班）。

● 第四、每條魚苗都標(biāo)記好（記賬）。

當(dāng)然，這是比較形象的比喻，其實(shí)就是要建立屬于自己的圖庫。坐標(biāo)系所用的工具。投入的魚苗是圖片。時(shí)效指的是定期去刪減圖片。標(biāo)記為每張圖片打上標(biāo)簽。

坐標(biāo)

最理想的。圖庫工具應(yīng)該有這樣一個(gè)功能，就能找到類似的圖片。

這不是很復(fù)雜的技術(shù)，不過卻很有用。有這個(gè)功能的工具，能夠一下子推薦相似風(fēng)格的作品給我們參考，這大大提高了工作效率。

因?yàn)檫@個(gè)是圖片類的。整理工具。

三常用的工具如下圖。

● Pinterest

● 花瓣

● Eagle

其中最理想的圖庫工具是Pinterest。它的相關(guān)度，聯(lián)想功能是最強(qiáng)大。簡單來說，你能用最短的時(shí)間找到。最多相似的圖。

對比花瓣。就明白其中的差異。

同樣是一張類似的圖。Pinterest找到的圖片是比較接近的風(fēng)格，而花瓣找到的圖片風(fēng)格就比較迥異了。

你或許會(huì)說。你這兩個(gè)工具我都不一定用到，我常常用的只是百度。那直接通過百度搜到的圖片，能有類似的效果嗎？

但饒可以，所有的搜索引擎都有一個(gè)功能叫做“以圖搜圖”。

以谷歌瀏覽器為例吧，就在瀏覽器的紅色箭頭部分上傳你需要尋找的圖片，它就會(huì)在顯示結(jié)果里自動(dòng)推薦相似的圖片。

得到的結(jié)果類似這樣。

一般谷歌瀏覽器，點(diǎn)擊圖片右鍵的時(shí)候。都能發(fā)現(xiàn)有一種叫做在Google搜索相關(guān)圖片，這也是能達(dá)到相同的效果。

嗯，或許你不一定能訪問谷歌搜索，不過以下推薦的這些站點(diǎn)同樣能實(shí)現(xiàn)相同的效果。

有興趣可以去看看。

投入

好了，你要儲(chǔ)備自己私人圖庫的工具后，接著就是要將我們看到的圖片一張張放進(jìn)去。找到坐標(biāo)，修建水庫后，你需要定期定量的投入魚苗，不然這個(gè)水庫也只是空置的水庫，是沒有任何作用的。

舉個(gè)簡單的例子，如何保持庭院的整潔？肯定是需要時(shí)時(shí)打掃。這是日式庭院里面很重要的組成部分。定期的清掃落葉，保持整個(gè)庭院是處于相對空靈的狀態(tài)。

時(shí)效

同樣我們的水庫。也是需要進(jìn)行這樣的一個(gè)修繕工作。一般我自己會(huì)將其分為性和臨時(shí)性兩種項(xiàng)目大的分類。

● 性：會(huì)收藏一些最常用的，而且以后肯定能用到的一些圖片素材。

● 臨時(shí)性：會(huì)根據(jù)每個(gè)項(xiàng)目收集有針對性的素材進(jìn)行放置，可能項(xiàng)目結(jié)束之后就會(huì)進(jìn)行封擋或直接刪除處理。

網(wǎng)絡(luò)端整理：

通過線上工具，比如chrome花瓣插件通過一個(gè)“采集到花瓣”的功能，就能將網(wǎng)絡(luò)上的圖片直接轉(zhuǎn)載到相應(yīng)的工具里。

本地端：

可能有些項(xiàng)目不太想被人知道的話，本地整理很不錯(cuò)的方法。譬如這里用到的工具是Eagle。它的分類功能很強(qiáng)大，可以通過顏色、大小、類型進(jìn)行篩選。

標(biāo)記

為什么要修建自己的水庫，即整理圖庫呢？

最終目標(biāo)跟前面那兩課講的很類似，就是要在未來的時(shí)候，能通過模糊搜索找到快速相對應(yīng)的圖片。如果你找不到，那其實(shí)整理圖庫意義不大了。

這就好比一個(gè)很龐大的圖書館里面沒有任何分類系統(tǒng)的話，你肯定是找不到你需要的東西。

案例：一小時(shí)10個(gè)設(shè)計(jì)參考

講了比較這么多內(nèi)容，我覺得應(yīng)該舉一個(gè)案例，會(huì)更容易理解。

這種方法對快速想到多種關(guān)鍵字很有用，因?yàn)閳D片往往需要通過關(guān)鍵字才能找到。這種方法叫做一小時(shí)10個(gè)設(shè)計(jì)參考。當(dāng)然找到十個(gè)參考時(shí)間可以更短，最快只需要十分鐘就可以了。

比如我們要做一款產(chǎn)品。希望薄荷糖去吸引上班族購買，最終設(shè)計(jì)的成果是一條廣告片或者平面海報(bào)。

首先如果按我們普通的思考模型。大概是這樣的，你會(huì)思考出一堆薄荷糖的作用或者營銷方案。這種方法不好么？當(dāng)然不是，只是效率有點(diǎn)低。

現(xiàn)在介紹的辦法就是希望通過技巧，能快速想到十個(gè)甚至100個(gè)不同的創(chuàng)意方向（關(guān)鍵字）。這有什么用呢？就對于最后的在臨時(shí)項(xiàng)目里面尋找相對應(yīng)的參考圖片，就會(huì)有非常大的幫助。

簡單來說，先在左邊的三角形內(nèi)寫下與主題相關(guān)的資訊?？梢岳斫鉃椋谙闾沁@個(gè)產(chǎn)品有關(guān)系的感受，都可以放在這個(gè)三角形里呈現(xiàn)。

隨后在右邊的三角形內(nèi)寫出目標(biāo)客戶群喜歡的東西。就是年輕的白領(lǐng)，他們最喜歡的是什么東西？可能有以下的這些關(guān)鍵詞。

最終我們要做的就是將左側(cè)的三角形的關(guān)鍵字與右側(cè)三角形的關(guān)鍵字進(jìn)行隨機(jī)的拼合。

就是這么一個(gè)簡單的過程，就能形成很多看上去特別酷炫的關(guān)鍵詞。

● 清涼的音樂

● 變態(tài)的重金屬

● 頭發(fā)豎起來的溫柔

● 甜甜的色瞇瞇

● 透心涼的帥氣

我們循著這些酷炫的關(guān)鍵字去尋找相對應(yīng)的素材參考，就完成了我們最基礎(chǔ)的靈感構(gòu)思階段，得到以上這些圖片內(nèi)容。

很多朋友都在問一個(gè)問題。老覺得自己構(gòu)思設(shè)計(jì)的時(shí)候感覺沒有靈感，不知道怎么提高。很重要的原因是看的東西不夠，或者看的東西太過單一。

解決辦法很簡單，當(dāng)你每天去看100-200張?jiān)O(shè)計(jì)參考圖片的時(shí)候，再來回答這個(gè)問題，相信不用我告訴你答案，你自己也有自己的判斷了。

這百張圖并不是來源于單一的網(wǎng)站，這就需要你根據(jù)自身習(xí)慣。篩選過程，與每個(gè)人的購物習(xí)慣一樣，沒有一個(gè)完全的標(biāo)準(zhǔn)的答案。試試這節(jié)課交給大家的創(chuàng)意思考法。做延伸思考時(shí)很有幫助。

最后，當(dāng)看到足夠多的時(shí)候。就不會(huì)太依賴圖庫，進(jìn)而能夠?qū)⒉煌脑剡M(jìn)行拆解，形成屬于自己的原創(chuàng)東西。

藍(lán)藍(lán)設(shè)計(jì)( www.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ù)