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

本篇文章分別從頁(yè)面打開(kāi)方式的類(lèi)型、當(dāng)前頁(yè)打開(kāi)&新開(kāi)頁(yè)面、彈出框三方面對(duì)頁(yè)面鏈接打開(kāi)方式進(jìn)行了探討，給大家提出一些意見(jiàn)以供參考。

頁(yè)面打開(kāi)方式作為鏈接產(chǎn)品路徑的基礎(chǔ)，在設(shè)計(jì)的過(guò)程中，或多或少都會(huì)遇到選擇的困擾，尤其是產(chǎn)品功能復(fù)雜，層級(jí)較多時(shí)，如何讓用戶按照自己的意愿清晰的瀏覽信息，保持操作連貫性，是值得體驗(yàn)設(shè)計(jì)仔細(xì)思考與分析的。

近期在所負(fù)責(zé)的設(shè)計(jì)項(xiàng)目中，團(tuán)隊(duì)對(duì)鏈接操作的打開(kāi)方式產(chǎn)生了分歧，借此機(jī)會(huì)整理了一些案例與資料，就這個(gè)問(wèn)題進(jìn)行分析探討，也給遇到同樣問(wèn)題的同行一些參考意見(jiàn)。

一、頁(yè)面打開(kāi)方式的類(lèi)型

網(wǎng)頁(yè)中可操作的鏈接，主要有按鈕、icon 以及文字鏈接，設(shè)計(jì)中常用的打開(kāi)方式則主要有以下三種：

1. 當(dāng)前頁(yè)打開(kāi)

點(diǎn)擊操作鏈接后，在當(dāng)前的瀏覽器頁(yè)面中進(jìn)行內(nèi)容顯示與操作。

2. 新開(kāi)頁(yè)面

點(diǎn)擊操作鏈接后，在瀏覽器中新開(kāi)一個(gè)獨(dú)立的標(biāo)簽頁(yè)面，進(jìn)行內(nèi)容顯示與操作。

3. 彈出框

點(diǎn)擊操作鏈接后，在當(dāng)前的瀏覽器頁(yè)面中，彈出一個(gè)小尺寸的對(duì)話框，進(jìn)行內(nèi)容顯示與操作。

二、當(dāng)前頁(yè)打開(kāi) & 新開(kāi)頁(yè)面

首先來(lái)說(shuō)說(shuō)最具爭(zhēng)議的新開(kāi)頁(yè)面&當(dāng)前頁(yè)打開(kāi)。在 HTML語(yǔ)言中，target目標(biāo)有「target=_blank」和「target=_self」兩種屬性，分別代表「新窗口打開(kāi)」和「當(dāng)前窗口打開(kāi)」，下圖是這兩個(gè)參數(shù)的屬性描述。

從這兩個(gè)參數(shù)的屬性上來(lái)看，「當(dāng)前窗口打開(kāi)」是系統(tǒng)默認(rèn)的處理方式。這個(gè)打開(kāi)方式在國(guó)外的網(wǎng)站中實(shí)現(xiàn)方式比較統(tǒng)一，用戶也形成了一致的習(xí)慣，但國(guó)內(nèi)的形式則不盡相同，以至于一直頗具爭(zhēng)議，不同類(lèi)型網(wǎng)站之間、同一網(wǎng)站不同場(chǎng)景之間也沒(méi)有一個(gè)明確的規(guī)則標(biāo)準(zhǔn)可供大家學(xué)習(xí)和參照。

針對(duì)這個(gè)問(wèn)題的討論，可以聽(tīng)到兩種不同的用戶聲音，并且都站在各自的角度闡述其道理。

舉個(gè)例子，我們以同類(lèi)型網(wǎng)站（淘寶和亞馬遜）的打開(kāi)處理方式進(jìn)行對(duì)比，來(lái)看一下用戶習(xí)慣、功能場(chǎng)景對(duì)鏈接打開(kāi)方式選擇的影響。

首先，我們確定一致的功能場(chǎng)景：用戶從首頁(yè)中根據(jù)各種篩選條件，查找到心儀的商品。來(lái)看一下兩個(gè)網(wǎng)站的處理方式：

可以看出基本是兩個(gè)極端，差異非常明顯，再來(lái)看個(gè)有意思的現(xiàn)象，亞馬遜中國(guó)的商品搜索方式竟然又和淘寶一致了，難道鏈接打開(kāi)方式的差異竟是中外用戶習(xí)慣的差異？

這確實(shí)占了很大一部分原因，那么造成這種差異的原因主要有：

• 早期的 W3C標(biāo)準(zhǔn)不支持 target=”_blank”（HTML語(yǔ)言中，在新窗口中打開(kāi)鏈接）的屬性，國(guó)外互聯(lián)網(wǎng)普及也比國(guó)內(nèi)早，于是用戶慢慢養(yǎng)成了習(xí)慣。
• 默認(rèn)當(dāng)前頁(yè)面打開(kāi)讓國(guó)外用戶覺(jué)得更有「禮貌」。如果用戶想新開(kāi)頁(yè)面，可以鼠標(biāo)中鍵、按住ctrl點(diǎn)擊鏈接或者右鍵新窗口打開(kāi)，此時(shí)用戶更有選擇權(quán)，可以自己決定打開(kāi)方式；如果默認(rèn)新開(kāi)頁(yè)面，則讓用戶失去了選擇權(quán)。
• 早期國(guó)內(nèi)互聯(lián)網(wǎng)發(fā)展較為浮躁，網(wǎng)站想通過(guò)新標(biāo)簽頁(yè)打開(kāi)方式，提高PV。
• 國(guó)內(nèi)網(wǎng)絡(luò)普及晚，部分用戶尤其很多老年人不習(xí)慣甚至或許不知道，頁(yè)中有個(gè)后退前進(jìn)按鈕、面包屑可用，新開(kāi)頁(yè)面便于他們的操作。

那么，淘寶中所有的頁(yè)面打開(kāi)方式都是新開(kāi)嗎？不是。像「我的收藏」、「已買(mǎi)到的商品」、「購(gòu)物車(chē)」等功能頁(yè)面就是當(dāng)前頁(yè)打開(kāi)。

同一個(gè)產(chǎn)品內(nèi)部，如此區(qū)別設(shè)計(jì)的原因我認(rèn)為有：

• 用戶的目的較為明確，查找對(duì)象確定。（用戶想要查看的對(duì)象是確定的，如購(gòu)物車(chē)中的產(chǎn)品，用戶有明確的目標(biāo)，找到鏈接打開(kāi)頁(yè)面即可，不像搜索查找商品，需要一步步縮小范圍甚至比對(duì)查看）
• 鏈接入口常駐在網(wǎng)站的信息欄，用戶可以隨時(shí)切換，操作方便，且不存在重新輸入的成本。

關(guān)于這兩種打開(kāi)方式，到底哪種操作更順暢，確實(shí)難分高下，就跟「確定和取消哪個(gè)在左，哪個(gè)在右」是一種性質(zhì)的問(wèn)題，沒(méi)有好壞之分，關(guān)鍵是要看在哪種場(chǎng)景下使用更合適。

新頁(yè)面打開(kāi)適用的場(chǎng)景：

• 頁(yè)面內(nèi)容沒(méi)有關(guān)聯(lián)性，且從邏輯上沒(méi)有從屬關(guān)系，相對(duì)獨(dú)立。如：產(chǎn)品中的外鏈。
• 存在多頁(yè)面「比較」的操作，需要經(jīng)常切換。如：淘寶商品詳情。
• 需要保留住前一頁(yè)的操作不丟失。如：知乎上過(guò)濾出來(lái)的結(jié)果列表。
• 功能分支存在穿插，當(dāng)路徑發(fā)生交叉時(shí)，最好新開(kāi)頁(yè)面。如：產(chǎn)品內(nèi)部的跳轉(zhuǎn)鏈接，導(dǎo)致信息關(guān)聯(lián)的層級(jí)發(fā)生改變。
• 具有輔助功能的操作。如：使用文檔（PDF、圖片等）需要來(lái)回參照。

當(dāng)前頁(yè)打開(kāi)適用的場(chǎng)景：

• 流程性的功能頁(yè)面，前后操作存在關(guān)聯(lián)和影響。如：下單支付、按步驟新增。
• 同一層級(jí)內(nèi)容間的操作。如：tab欄的切換。
• 同一路徑中的操作，用戶當(dāng)前的操作會(huì)對(duì)主頁(yè)的內(nèi)容產(chǎn)生影響。如：編輯一個(gè)配置，用戶操作完，會(huì)回到當(dāng)前頁(yè)查看結(jié)果。
• 用戶具有明確目的性的操作，當(dāng)前頁(yè)有利于鎖定用戶注意力。如：淘寶中「我的收藏」。

以上是結(jié)合功能場(chǎng)景進(jìn)行的選擇側(cè)重，如果就「用戶體驗(yàn)」一定要分出個(gè)高下，我個(gè)人還是比較支持默認(rèn)「當(dāng)前頁(yè)打開(kāi)」，從體驗(yàn)角度分析，「當(dāng)前頁(yè)打開(kāi)」略勝一籌的主要原因有以下兩個(gè)：

• 尊重用戶的決定。當(dāng)前頁(yè)打開(kāi)，將更多選擇機(jī)會(huì)留給用戶（鼠標(biāo)中鍵、按住ctrl點(diǎn)擊鏈接或者可以右鍵新窗口打開(kāi)），一個(gè)具有良好用戶體驗(yàn)的產(chǎn)品，在用戶做操作的時(shí)候，總是能讓他們按自己的意志做出決定。網(wǎng)站對(duì)每個(gè)鏈接強(qiáng)制打開(kāi)新頁(yè)面則剝奪了用戶的選擇權(quán)，因?yàn)椴煌娜擞胁煌臑g覽習(xí)慣和使用需求。
• 體驗(yàn)一致。保持一致體驗(yàn)的設(shè)計(jì)才能讓用戶產(chǎn)生信任感與安全感。當(dāng)用戶在操作界面元素的時(shí)候，可以順暢的知道、理解，并且能預(yù)料到將會(huì)發(fā)生什么，不會(huì)被分神，也不會(huì)被打斷。任何違反這個(gè)原則的設(shè)計(jì)都將會(huì)演變成一種「以設(shè)計(jì)方意志為導(dǎo)向」的設(shè)計(jì)，而不是「以用戶為中心」的設(shè)計(jì)。

小結(jié)

當(dāng)我們不知道兩種方式如何選擇時(shí)，或許「不強(qiáng)制用戶」才是最好的體驗(yàn)。因?yàn)槲覀兠媾R的用戶多樣，電腦操作熟悉程度多樣，因此不同用戶對(duì)于打開(kāi)方式的習(xí)慣也具有多樣性，這個(gè)是設(shè)計(jì)者無(wú)法揣測(cè)和調(diào)查清楚的。

在「兩害取其輕」的情況下，在當(dāng)前窗口打開(kāi)鏈接，不失為一個(gè)選擇，尊重用戶自己的決定，讓用戶對(duì)交互界面自主可控。

三、彈出框

彈出框（彈層）又叫模態(tài)對(duì)話框，是指在用戶想要對(duì)當(dāng)前對(duì)話框以外的應(yīng)用程序或內(nèi)容進(jìn)行操作時(shí)的提示方式。它一般覆蓋在整體頁(yè)面之上，避免了頁(yè)面跳轉(zhuǎn)。

彈出框通常是為了顯示一個(gè)單獨(dú)的內(nèi)容，在不離開(kāi)整體頁(yè)面的情況下有一些互動(dòng)，提供信息和交互。

如下圖知乎中的「寫(xiě)想法」，用戶可以快速的在彈出框中記錄個(gè)人想法，記錄發(fā)布后，很順暢的回到之前的路徑上繼續(xù)操作，便捷，操作思路清晰。

△ https://www.zhihu.com/

現(xiàn)在很多產(chǎn)品中的新增、創(chuàng)建，也都會(huì)采用彈出框的交互方式，當(dāng)然前提是在彈出框中編輯的內(nèi)容不是很多，此時(shí)彈出框不僅承載了信息編輯的功能，還可以作為上下文的跳轉(zhuǎn)，幫助用戶銜接路徑。

如 iconfont 中的新建項(xiàng)目，用戶新增后，頁(yè)面會(huì)直接跳轉(zhuǎn)到新的項(xiàng)目空間。

△ http://www.iconfont.cn

彈出框適用的場(chǎng)景：

• 內(nèi)容簡(jiǎn)單，沒(méi)有復(fù)雜的操作，且具有臨時(shí)性。如：新增一個(gè)收貨地址，進(jìn)行簡(jiǎn)要的輸入編輯。
• 更為詳細(xì)的輔助說(shuō)明，是對(duì)當(dāng)前內(nèi)容的快速擴(kuò)展。如：縮略圖，點(diǎn)擊放大查看。

因此，彈出框可以較好的實(shí)現(xiàn)上下內(nèi)容層疊的感知，不打擾用戶的主路徑，同時(shí)作為頁(yè)面承載元素和用戶操作的補(bǔ)充，起到承前啟后的作用。

總結(jié)

本文結(jié)合這三種鏈接打開(kāi)方式的頁(yè)面交互關(guān)系，進(jìn)行適用場(chǎng)景舉例，并總結(jié)每種方式的優(yōu)缺點(diǎn)，方便在設(shè)計(jì)中更好的根據(jù)不同的場(chǎng)景選擇合適的頁(yè)面打開(kāi)方式。

當(dāng)然，以上總結(jié)也是基于我個(gè)人的理解與經(jīng)驗(yàn)，沒(méi)有統(tǒng)一的用法和標(biāo)準(zhǔn)，在具體設(shè)計(jì)實(shí)踐中，仍要靠設(shè)計(jì)者的直覺(jué)和經(jīng)驗(yàn)來(lái)進(jìn)行綜合考量與判斷。

作為體驗(yàn)設(shè)計(jì)師，如何規(guī)劃用戶瀏覽路徑，是個(gè)需要嚴(yán)肅對(duì)待的命題。沒(méi)有絕對(duì)的好與壞，但一定要結(jié)合產(chǎn)品類(lèi)型、場(chǎng)景、目標(biāo)用戶等進(jìn)行具體問(wèn)題具體分析。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ā)到您的郵箱中， 請(qǐng)點(diǎn)這里

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

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

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

一、什么是高級(jí)感？

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

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

1. 克制的

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

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

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

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

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

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

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

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

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

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

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

2. 的

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

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

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

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

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

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

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

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

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

3. 特立獨(dú)行的

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

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

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

因?yàn)?，她們有特色的五官長(zhǎng)相，意味著不向大眾主流審美屈服和妥協(xié)，而且非常自信。同時(shí)，高級(jí)感也意味著，在 TA身上看不到欲望、諂媚和討好。

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

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

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

二、高級(jí)感的接受度？

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

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

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

1. 影響審美的因素

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

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

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

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

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

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

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

2. 大眾對(duì)「高級(jí)感」的接受度

這里的「大眾」就先指我們中國(guó)大眾吧，他們能接受「高級(jí)感」的克制，極簡(jiǎn)嗎？

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

而中國(guó)呢？

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

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

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

越來(lái)越多的北歐極簡(jiǎn)裝修風(fēng)的流行……

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

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

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

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

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

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

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

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

1. 克制的配色

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

在界面的用色上，非常克制，采用以「黑、白、灰」為主，目的是為了讓用戶聚焦內(nèi)容本身，而不是為了設(shè)計(jì)而設(shè)計(jì)。

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

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

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

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

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

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

總結(jié)

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

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ā)到您的郵箱中， 請(qǐng)點(diǎn)這里

我們使用語(yǔ)言與人進(jìn)行溝通，傳達(dá)信息，記錄內(nèi)容，而視覺(jué)語(yǔ)言也發(fā)揮著類(lèi)似的作用。從色彩到排版樣式，從插畫(huà)到品牌構(gòu)建，視覺(jué)語(yǔ)言同樣承擔(dān)著類(lèi)似的功能，它和傳統(tǒng)的語(yǔ)言有著類(lèi)似的特征包括結(jié)構(gòu)化和溝通功能。

所以，視覺(jué)語(yǔ)言也是規(guī)范化的，標(biāo)準(zhǔn)化的，它足夠自由，也保有約束。視覺(jué)語(yǔ)言本身也可以具備足夠明顯清晰的特色，就像每個(gè)人的表達(dá)方式和口音一樣，這使得視覺(jué)語(yǔ)言本身可以強(qiáng)化和凸顯品牌特色。那么想要?jiǎng)?chuàng)建一套屬于自己的視覺(jué)語(yǔ)言，可以從下面的9個(gè)方面入手。

1. 構(gòu)建品牌獨(dú)有的配色方案

我們總是說(shuō)，色彩和形體是用戶第一眼最快注意到的東西。配色方案的視覺(jué)表現(xiàn)力最強(qiáng)，這使得配色方案成為視覺(jué)語(yǔ)言中辨識(shí)度最高的組成部分。配色方案本身需要具備一定的獨(dú)特性，確保它整體上能夠讓人記住，區(qū)別于其他，品牌不至于在繁雜的互聯(lián)網(wǎng)世界中迷失，也不會(huì)讓用戶無(wú)法記住。

另一方面，配色方案應(yīng)該具備良好的兼容性，能夠調(diào)和品牌不同模塊，比如網(wǎng)站、APP、社交媒體、包裝、名片等。

配色也應(yīng)該體現(xiàn)品牌的價(jià)值。想想麥當(dāng)勞的配色吧，黃色和紅色為主。這兩種色彩本身能夠觸發(fā)幸福（黃色）和饑餓（紅色）的感覺(jué)，兩者搭配加上經(jīng)典的金拱門(mén)的LOGO，麥當(dāng)勞的視覺(jué)識(shí)別度可以說(shuō)是相當(dāng)高的。此外，麥當(dāng)勞旗下的許多其他的設(shè)計(jì)，也是在這個(gè)配色的基礎(chǔ)上構(gòu)建的。

2. 構(gòu)建排版的層次結(jié)構(gòu)

排版層次結(jié)構(gòu)的構(gòu)建，和選擇字體同樣重要。不同的排版層次，能夠給人截然不同的感受，清晰還是粗糙，雅致還是有趣。在排版的層次結(jié)構(gòu)上，并不存在對(duì)錯(cuò)，更多需要考慮的是合適不合適，風(fēng)格和感受上的一致性。

當(dāng)然，不同層級(jí)的信息，在排版層級(jí)上還是要有比較清晰的體現(xiàn)的，大小疏密對(duì)比度不足，會(huì)難以讓用戶感知到內(nèi)容之間的重要性的差異。

以 Airbnb 為例，網(wǎng)站的排版有著清晰的層次結(jié)構(gòu)，字體的大小、字重、間距和配色都已經(jīng)標(biāo)準(zhǔn)化了。相應(yīng)的，給人的體驗(yàn)也始終保持著應(yīng)有的一貫性。

3. 建立柵格來(lái)規(guī)范內(nèi)容之間的空間關(guān)系

視覺(jué)元素之間的位置關(guān)系，和它們本身的設(shè)計(jì)是同等重要的。如果你希望整個(gè)設(shè)計(jì)在細(xì)節(jié)上是清晰明確的，那么柵格會(huì)給你想要的。

FreeCodeCamp 對(duì)此有很明確的描述：

柵格賦予了UI界面元素以模塊化的清晰結(jié)構(gòu)，這使得整個(gè)設(shè)計(jì)團(tuán)隊(duì)能在此基礎(chǔ)上更好地合作。這使得產(chǎn)品能夠快速清晰地輸出到不同的平臺(tái)上。如果你是基于某個(gè)想法來(lái)構(gòu)建概念設(shè)計(jì)，那么這種方法更加實(shí)用有效。

簡(jiǎn)而言之，柵格讓視覺(jué)呈現(xiàn)的復(fù)雜度降低了。

4. 創(chuàng)建組件庫(kù)

從按鈕、圖標(biāo)再到卡片，你應(yīng)當(dāng)創(chuàng)建出一整套可用的、風(fēng)格一致的UI組件庫(kù)。

同樣功能的控件，在頁(yè)面不同的地方、或者不同的頁(yè)面上有著截然不同的風(fēng)格，是讓人迷惑而糟心的。一個(gè)好的組件庫(kù)，應(yīng)當(dāng)包含全部常用的UI組件，以及針對(duì) iOS 和 Android 平臺(tái)所適配之后的UI組件。雖然構(gòu)建組件庫(kù)本身的工作量并不小，但是在完成之后，能讓后續(xù)的工作事半功倍。

5. 強(qiáng)調(diào)圖片的風(fēng)格和特征

在諸多圖形化的元素當(dāng)中，圖片和插畫(huà)是視覺(jué)性最突出的元素，這也是整個(gè)視覺(jué)語(yǔ)言當(dāng)中最重要的因素之一，因?yàn)樗鼜哪撤N意義上是和品牌關(guān)系最緊密的素材。

構(gòu)成視覺(jué)語(yǔ)言涉及到圖片素材的方方面面，構(gòu)圖，色彩，濾鏡，甚至相關(guān)動(dòng)效的細(xì)節(jié)。

下面是 Smashmallow 中的網(wǎng)頁(yè)設(shè)計(jì)，即使它們并不是同期設(shè)計(jì)也不是服務(wù)于相同的功能，但是很明顯插畫(huà)所采用的視覺(jué)風(fēng)格是一致的，并且每幅插畫(huà)當(dāng)中都使用了共同的元素：熱氣球。這一元素和品牌本身是有著緊密關(guān)聯(lián)的，而用戶也可以從這些插畫(huà)圖片的內(nèi)容，迅速意識(shí)到品牌本身的一些概念。

6. 為動(dòng)效設(shè)定規(guī)則

動(dòng)畫(huà)效果同樣是要遵循一些規(guī)則的。是快速移動(dòng)還是慢速移動(dòng)，是懸停觸發(fā)還是自動(dòng)運(yùn)行？這些動(dòng)效的運(yùn)動(dòng)規(guī)則其實(shí)是有著明顯的視覺(jué)識(shí)別度的，就像日漫和美漫在視覺(jué)和運(yùn)動(dòng)規(guī)則上存在差別一樣。

就像下面這個(gè)來(lái)自Dribbble 的動(dòng)效，它大體上做著勻速的圓周運(yùn)動(dòng)，速度適中，其中有些元素并沒(méi)有完全按照?qǐng)A周運(yùn)動(dòng)。那么想想看，是否所有的做圓周運(yùn)動(dòng)的物體都和它一樣呢？它們是否會(huì)帶來(lái)不一樣的視覺(jué)觀感呢？

7. 讓視覺(jué)和文本內(nèi)容匹配起來(lái)

視覺(jué)語(yǔ)言并不是只涉及到視覺(jué)元素，文本并不是與之割裂的，在設(shè)計(jì)的時(shí)候，兩者需要合理地配合，在體驗(yàn)上達(dá)成一致，傳達(dá)一致的信息。

在下面的 Steffany 這個(gè)網(wǎng)站當(dāng)中，整體設(shè)計(jì)呈現(xiàn)出非常明顯的女性化的特征，文本內(nèi)容在表達(dá)方式和調(diào)性上和整體的視覺(jué)語(yǔ)言保持著一致，并沒(méi)有出現(xiàn)兩者沖突或者競(jìng)爭(zhēng)的狀況。

8. 可信且可靠

視覺(jué)語(yǔ)言只有在用戶接納的情況下，才會(huì)地發(fā)揮作用，它要給人可靠的感覺(jué)。所以，整個(gè)視覺(jué)語(yǔ)言需要和你的品牌定位、氣質(zhì)表里合一，而不能讓設(shè)計(jì)和產(chǎn)品、企業(yè)的氣質(zhì)割裂開(kāi)來(lái)。

你能想象沒(méi)有主角的芝麻街會(huì)是怎樣的一種氣場(chǎng)么？

整個(gè)品牌和視覺(jué)形象都是圍繞著 Big Bird 和 Elmo 等角色建立起來(lái)的，每一個(gè)細(xì)節(jié)的設(shè)計(jì)都是圍繞著這些角色來(lái)創(chuàng)建的。注意網(wǎng)站中角色和其他視覺(jué)元素之間的映射關(guān)系，它們讓用戶清晰地感知到角色和整體設(shè)計(jì)之間的關(guān)系是表里如一的，這使得整個(gè)網(wǎng)站的設(shè)計(jì)更容易為用戶所接受，視覺(jué)語(yǔ)言在此發(fā)揮了作用。

9. 落實(shí)到具體標(biāo)準(zhǔn)文檔當(dāng)中

整個(gè)視覺(jué)語(yǔ)言在構(gòu)建起來(lái)之后，需要保持各方面的一致性，在具體設(shè)計(jì)的時(shí)候，則得有一份詳實(shí)具體的設(shè)計(jì)文檔供整個(gè)設(shè)計(jì)團(tuán)隊(duì)和利益相關(guān)人員，作為參考。所以，完成整個(gè)設(shè)計(jì)之后，將整個(gè)視覺(jué)語(yǔ)言相關(guān)的內(nèi)容和素材制作成設(shè)計(jì)風(fēng)格指南，和整個(gè)品牌的設(shè)計(jì)規(guī)范統(tǒng)一到一起。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ā)到您的郵箱中， 請(qǐng)點(diǎn)這里

領(lǐng)先企業(yè)已經(jīng)認(rèn)識(shí)到，設(shè)計(jì)不僅僅停留在產(chǎn)品的 “外在美”，而應(yīng)聚焦在更具商業(yè)價(jià)值的“內(nèi)在美”。那么，如何實(shí)現(xiàn)通過(guò)“內(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)?！霸O(shè)計(jì)思維”作為一套完整的“以用戶為中心”的方法論和工具包，為企業(yè)重塑“客戶價(jià)值”、實(shí)現(xiàn)服務(wù)創(chuàng)新，提供了切實(shí)的方法指引，而這一切的終極目標(biāo)是成就企業(yè)價(jià)值。

 

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

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

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

擺在企業(yè)戰(zhàn)略制定者們面前的問(wèn)題是，如何以一種全局視角去理解客戶，并讓組織運(yùn)作回歸“創(chuàng)造客戶價(jià)值”，不斷創(chuàng)新。埃森哲《2017年技術(shù)展望》通過(guò)針對(duì)全球企業(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í)，面對(duì)產(chǎn)品服務(wù)創(chuàng)新面臨的內(nèi)外部不確定性，企業(yè)決策者往往陷入兩難困境：即一方面，鼓勵(lì)組織內(nèi)部大膽試錯(cuò)、大膽創(chuàng)新；另一方面，又希望創(chuàng)新過(guò)程管理有序，并能量化創(chuàng)新結(jié)果。

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

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

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

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

 

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

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

《哈佛商業(yè)評(píng)論》就曾以百事公司為例，分析這家傳統(tǒng)快消業(yè)巨頭，如何通過(guò)設(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)在過(guò)去的十幾年，從產(chǎn)品規(guī)劃方法，發(fā)展成為了一套系統(tǒng)化的創(chuàng)新方法論。

在新的語(yǔ)境下，設(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)新方法體系（見(jiàn)圖二）可以看做以下三項(xiàng)模式及其工具方法的合集：

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

 

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

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

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

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

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

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

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

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

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

顛覆了酒店住宿行業(yè)的Airbnb在創(chuàng)立初期，新用戶和預(yù)定量增長(zhǎng)停滯不前，創(chuàng)始人之一同時(shí)也是設(shè)計(jì)師背景的布賴恩·切斯科（Brian Chesky）通過(guò)深入對(duì)種子用戶的理解，發(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帶來(lái)了100%的預(yù)定量增長(zhǎng)。而Airbnb更強(qiáng)化了圖片優(yōu)先的整體策略，時(shí)刻關(guān)注用戶體驗(yàn)，成為這家估值超過(guò)300億美元的共享經(jīng)濟(jì)巨頭持續(xù)增長(zhǎng)的基石之一。

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

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

 

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

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

從組織內(nèi)部看，也需要更為有效的溝通和協(xié)作方式。設(shè)計(jì)思維倡導(dǎo)通過(guò)系統(tǒng)化的方式去尋找這些創(chuàng)新機(jī)會(huì)，其核心思想是：對(duì)全局信息的可視化表達(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ī)劃過(guò)程中直接邀請(qǐng)客戶或者最終用戶參與，以共同設(shè)計(jì)的方式充分交流和激發(fā)，目的是打破團(tuán)隊(duì)壁壘，共同以用戶視角進(jìn)行問(wèn)題定義和討論，形成統(tǒng)一認(rèn)識(shí)。

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

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

 

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

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

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

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

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

 

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

領(lǐng)先的企業(yè)決策者們已經(jīng)認(rèn)識(shí)到，設(shè)計(jì)不僅僅停留在產(chǎn)品的 “外在美”，而應(yīng)該聚焦在更具商業(yè)價(jià)值的“內(nèi)在美”。那么，如何實(shí)現(xiàn)通過(guò)“內(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)化、步驟流程完整化。可考慮通過(guò)設(shè)立標(biāo)桿項(xiàng)目、打造標(biāo)桿產(chǎn)品的形式，完整地應(yīng)用設(shè)計(jì)思維方法，在若干輪反復(fù)應(yīng)用之后找到適合本企業(yè)的流程方法。

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

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

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

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

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

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

同時(shí)，在定義階段，將這些用戶行為KPI用到產(chǎn)品設(shè)計(jì)的輸入中，聚焦在提升這些用戶KPI上，后續(xù)不斷優(yōu)化提升。在方案設(shè)計(jì)中考慮，如何形成反饋機(jī)制，預(yù)設(shè)用戶行為的KPI和監(jiān)測(cè)方法，在下一輪優(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ù)增加其對(duì)設(shè)計(jì)團(tuán)隊(duì)的投入，在2012年就開(kāi)始著手組建新的設(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è)超過(guò)3700平米的空間中，集中不同專長(zhǎng)的數(shù)字化設(shè)計(jì)能力，與客戶共同創(chuàng)新。

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

 

結(jié)語(yǔ)

設(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ì)公司，為期望卓越的國(guó)內(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ā)到您的郵箱中， 請(qǐng)點(diǎn)這里

當(dāng)我們每周深入探討一個(gè)問(wèn)題時(shí)，可以向這二十位經(jīng)驗(yàn)豐富的設(shè)計(jì)師學(xué)習(xí)。本周，設(shè)計(jì)師們講述了從他們?cè)O(shè)計(jì)過(guò)的一款失敗產(chǎn)品中學(xué)到了什么。

Simon Pan（谷歌高級(jí)交互設(shè)計(jì)師 ，美國(guó)三藩市，國(guó)籍：澳大利亞）

2000年在美國(guó)佛羅里達(dá)州棕櫚灘縣的總統(tǒng)選舉中，蝶形選票就是一個(gè)兇殘?jiān)O(shè)計(jì)的突出代表。

蝶形選票的設(shè)計(jì)將候選人與中間一列打孔交織排列在一起。這種設(shè)計(jì)讓很多選民感到困惑，結(jié)果使他們不小心將本想投給阿爾·戈?duì)?Al Gore)的選票錯(cuò)投給了帕特里克·布坎南(Patrick Buchanan)，或戈?duì)?Gore)與布坎南(Buchanan)兩個(gè)人?！白貦盀┼]報(bào)”的一項(xiàng)研究推測(cè)，被蝴蝶選票搞糊涂的選民，讓阿爾·戈?duì)?AlGore)失去了總統(tǒng)職位。

之所以稱這是一個(gè)失敗的設(shè)計(jì)并不是因?yàn)槠浣Y(jié)果導(dǎo)致喬治·布什(George Bush)贏得了選舉，而是因?yàn)樵S多選民在投票后的當(dāng)天認(rèn)為自己投給了阿爾·戈?duì)?Al Gore)。更糟糕的是，因同樣原因?qū)е碌囊荒Ｒ粯拥膯?wèn)題早在1996年棕櫚灘縣的選舉中就已經(jīng)發(fā)生過(guò)了。任何有能力的設(shè)計(jì)師只要看一看選票表格，就會(huì)發(fā)現(xiàn)這當(dāng)中的可用性問(wèn)題。任何業(yè)余的設(shè)計(jì)師，都本可以讓用戶提前測(cè)試選票表格的設(shè)計(jì)并指出問(wèn)題。

相比選票的設(shè)計(jì)，當(dāng)今的設(shè)計(jì)挑戰(zhàn)與實(shí)際生活聯(lián)系更加緊密、更加復(fù)雜和全球化?？瓷先ゴ蟠笮⌒〉臎Q定在我們的世界中承擔(dān)著重要的結(jié)果，我認(rèn)為，現(xiàn)在是時(shí)候讓設(shè)計(jì)成為一個(gè)執(zhí)證上崗的職業(yè)了。（閱讀 Mike Monteiro的《Designs lost generation》）。

 

Andrew Doherty（Another.ai的CEO，德國(guó)柏林；前谷歌產(chǎn)品設(shè)計(jì)經(jīng)理；國(guó)籍：澳大利亞）

老實(shí)講，我們所做的幾乎每個(gè)項(xiàng)目都以這樣或那樣的方式失敗了。每次讓我失望的是時(shí)間本身時(shí)間有限，我們的動(dòng)作太慢了。我們必須砍掉一些需求和基本功能以滿足商業(yè)上的訴求。我在媒體上寫(xiě)了一篇關(guān)于這件事的文章，結(jié)果在當(dāng)時(shí)的設(shè)計(jì)圈中迅速傳播開(kāi)來(lái)。因?yàn)槲艺J(rèn)為在我們的整個(gè)職業(yè)生涯中，大家都感受到了這種痛苦：即優(yōu)秀的UX設(shè)計(jì)師必須是戰(zhàn)士，妥協(xié)的設(shè)計(jì)不是好的設(shè)計(jì)。

“我覺(jué)得設(shè)計(jì)是探索發(fā)現(xiàn)，而不是創(chuàng)造?？赡芤?yàn)槲抑笆强脊艑W(xué)家的原因，我認(rèn)為設(shè)計(jì)像是恐龍，掩埋在地下的遺跡。作為設(shè)計(jì)師，我們的任務(wù)是仔細(xì)清除污垢和糞便，使遺跡被發(fā)現(xiàn)，復(fù)原，可重新被使用，然后把它們?cè)诓┪镳^展出供人們體驗(yàn)?！?Andrew)

作為設(shè)計(jì)師，我們也必須用我們的想象力和想法來(lái)填補(bǔ)空白和缺失的部分。但業(yè)務(wù)目標(biāo)，研發(fā)資源，時(shí)間和資金總會(huì)與我們的理想情況產(chǎn)生矛盾。如果我們不注意的話，他們會(huì)試圖改變恐龍的本質(zhì)，把它的骨頭碾碎成粉末，而之后他們會(huì)奇怪為什么人們不想?yún)⒂^博物館展出的遺跡了。最好的設(shè)計(jì)師是那些在限制下溝通，爭(zhēng)取，并協(xié)調(diào)所有不斷變化的（通常也存在相互矛盾的）各方利益，來(lái)主張?jiān)O(shè)計(jì)使命的初衷的設(shè)計(jì)師。但設(shè)計(jì)永遠(yuǎn)不會(huì)是完美的。完美的設(shè)計(jì)不是設(shè)計(jì)，是藝術(shù)。而我們不是藝術(shù)家，我們是溝通者。而溝通者總面臨溝通失敗。但這就是溝通。不斷失敗，但不斷嘗試，永遠(yuǎn)嘗試去贏。

 

Adham Dannaway（高級(jí)UI/UX設(shè)計(jì)師，合同/自由職業(yè)，澳大利亞悉尼，國(guó)籍：澳大利亞）

當(dāng)我剛從事設(shè)計(jì)工作時(shí)，我為一家面向小型企業(yè)，提供DIY建站工具的初創(chuàng)公司工作（是的，又是一款建站工具）。這款產(chǎn)品最酷的地方在于：一個(gè)業(yè)主只需輸入他的企業(yè)名稱、行業(yè)和品牌色，一個(gè)充滿相關(guān)內(nèi)容和圖片的網(wǎng)站就會(huì)在他的眼前自動(dòng)生成?？梢哉f(shuō)是真正的一鍵生成網(wǎng)站。

我負(fù)責(zé)設(shè)計(jì)和構(gòu)建網(wǎng)站的框架模板，使以后的網(wǎng)站可自動(dòng)生成。我需要找到一個(gè)基于企業(yè)名稱，所在行業(yè)和品牌色就可自動(dòng)創(chuàng)建出一個(gè)像樣的網(wǎng)站的方法。我接受了這個(gè)挑戰(zhàn)。經(jīng)過(guò)大量的摸索和研究，我決定用一個(gè)簡(jiǎn)單的屬性列表來(lái)代表每一個(gè)網(wǎng)站，包括：模板（定義網(wǎng)站布局）、內(nèi)容模塊（內(nèi)容類(lèi)型包括圖像、文本和視頻的內(nèi)容類(lèi)型）、品牌色（最多2種）和主題（字體和樣式）。我設(shè)置了多種可替換的屬性以確?？山ňW(wǎng)站類(lèi)型的多種多樣。不幸的是，公司在我們完成產(chǎn)品開(kāi)發(fā)之前就倒閉了。這是一個(gè)非常有趣且富有挑戰(zhàn)性的項(xiàng)目，我學(xué)到了很多關(guān)于如何分解一個(gè)網(wǎng)站架構(gòu)的知識(shí)。如果你在一件失敗的事情中學(xué)到點(diǎn)什么，那說(shuō)明還不算完全失敗。

 

Ben Huggins（YouTube高級(jí)交互設(shè)計(jì)師，美國(guó)三藩市，國(guó)籍：美國(guó)）

我的一部分愿意去相信，精心打造的產(chǎn)品將永遠(yuǎn)是最成功的產(chǎn)品。這想法很好，但隨著我在一路跌打碰撞中的學(xué)習(xí)，我意識(shí)到，這部分的我需要閉嘴了。

在我讀研時(shí)，我和朋友Noah合作開(kāi)發(fā)了一款應(yīng)用，名為“捕捉亮點(diǎn)?”，——一個(gè)幫助人們?cè)谒麄兊囊曨l片段中找到并分享那些亮點(diǎn)時(shí)刻的應(yīng)用。我們知道對(duì)于任何一個(gè)從GoPro相機(jī)，孩子的體育運(yùn)動(dòng)，家庭活動(dòng)等場(chǎng)合中留下數(shù)小時(shí)未觀看視頻的人來(lái)說(shuō)，這是一個(gè)巨大的難題。

因?yàn)槲覀冏隽艘粋€(gè)可靠的應(yīng)用來(lái)幫助解決這個(gè)問(wèn)題，于是我確信用戶們會(huì)發(fā)現(xiàn)這個(gè)應(yīng)用的。

但他們沒(méi)有。后來(lái)我們的錢(qián)都花光了，最終決定開(kāi)放應(yīng)用的源代碼。我意識(shí)到，即使人們被某個(gè)問(wèn)題所困擾，想出解決方案僅僅是個(gè)開(kāi)始。引導(dǎo)人們使用解決方案仍需要做大量的工作，更別說(shuō)讓人們?yōu)橹顿M(fèi)了。

有無(wú)數(shù)名言強(qiáng)調(diào)過(guò)，未曾實(shí)踐過(guò)的想法毫無(wú)價(jià)值。但即使是實(shí)踐過(guò)的想法也仍需能觸及分發(fā)到用戶。所以是的，我們學(xué)到了很多（像Noah寫(xiě)的那樣），但不得不停止開(kāi)發(fā)。那還有一線希嗎？現(xiàn)在GoPro相機(jī)上有個(gè)叫做“HilightTag”的按鈕。這讓我們受寵若驚。

 

Nick Babich（Ring Central開(kāi)發(fā)團(tuán)隊(duì)經(jīng)理，俄羅斯，國(guó)籍：俄羅斯）

我要給你們講個(gè)十多年前的故事，是我做過(guò)的第一個(gè)真正的項(xiàng)目。任務(wù)是建立一套控制船只進(jìn)出的系統(tǒng)。我們的客戶是一個(gè)港口運(yùn)輸公司，他們想在自己的網(wǎng)站上使用這個(gè)系統(tǒng)。

我為正在開(kāi)發(fā)的系統(tǒng)感到興奮，因?yàn)檫@個(gè)系統(tǒng)將使數(shù)百人的生活變得更好，所以我決定做一個(gè)擁有進(jìn)技術(shù)和豐富的視覺(jué)體驗(yàn)的系統(tǒng)。我試著盡可能多地增加功能。例如，為管理員提供了一個(gè)強(qiáng)大的界面，允許從多個(gè)數(shù)據(jù)庫(kù)直接導(dǎo)入和導(dǎo)出數(shù)據(jù)，同步事項(xiàng)，監(jiān)控及修改重復(fù)的信息。

經(jīng)過(guò)一個(gè)月的緊鑼密鼓的設(shè)計(jì)、編碼和調(diào)試工作之后，我向客戶演示了該系統(tǒng)。這是一個(gè)功能齊全的系統(tǒng)，隨時(shí)可以上線。。。至少我覺(jué)得是這樣。但演示不太順利，我受到了很多批評(píng)。

主要問(wèn)題是：我所做的系統(tǒng)并不是我的客戶想要的。他們需要的是一個(gè)帶有WYSIWYG編輯器的簡(jiǎn)單表格，以便于即使是不太熟練計(jì)算機(jī)技術(shù)的管理員也可以學(xué)會(huì)添加新事項(xiàng)或更改表中的現(xiàn)有事項(xiàng)。這和我最初的設(shè)想（一個(gè)熟練的管理員將使用的系統(tǒng)）相去甚遠(yuǎn)。

但我學(xué)到了一些重要的東西：

1. 明確目標(biāo)。
   你應(yīng)該永遠(yuǎn)非常清楚地知道你要解決的是什么問(wèn)題，以及你的客戶對(duì)即將搭建的系統(tǒng)有哪些期望。
2. 你不是用戶/客戶。
   不要在沒(méi)有任何研究或者需求說(shuō)明的情況下去假設(shè)人們將如何使用你的產(chǎn)品。
3. 功能不等于價(jià)值。
   更多的功能不會(huì)自動(dòng)轉(zhuǎn)化為更多的價(jià)值。最好的產(chǎn)品是那些能滿足用戶需求的產(chǎn)品。
4. 迭代，迭代，再迭代。
   不要試圖一次性做出一個(gè)完整的產(chǎn)品，要永遠(yuǎn)不斷地在每次迭代之后在進(jìn)行迭代和測(cè)試

 

Kymberlee Ide?（副總裁，F(xiàn)CV交互體驗(yàn)設(shè)計(jì)師，加拿大人）

(*Kymberlee剛從McCann的體驗(yàn)設(shè)計(jì)副總監(jiān)崗位辭職)。

回想我當(dāng)乙方的時(shí)候，我在加拿大一家很大的銀行帶領(lǐng)團(tuán)隊(duì)負(fù)責(zé)一個(gè)數(shù)百萬(wàn)美元項(xiàng)目的數(shù)字化戰(zhàn)略及部署。我是在項(xiàng)目進(jìn)行到中途加入的，當(dāng)時(shí)的項(xiàng)目進(jìn)度有點(diǎn)曲折（項(xiàng)目缺乏原型，只用線框圖）。

當(dāng)我們終于要去做這個(gè)網(wǎng)站的主要（且非常復(fù)雜）的部分時(shí)，發(fā)現(xiàn)網(wǎng)站流程的設(shè)計(jì)真的非常差。

我記得當(dāng)時(shí)我指出了這一點(diǎn)并建議團(tuán)隊(duì)不能再繼續(xù)使用這樣的方法和設(shè)計(jì)。老板對(duì)我說(shuō)，如果我在領(lǐng)導(dǎo)團(tuán)隊(duì)和督導(dǎo)委員會(huì)中提出這個(gè)建議的話我將是自毀前程。但現(xiàn)實(shí)是，無(wú)論我怎樣選擇都是在賭上自己的一切。

最后發(fā)現(xiàn)結(jié)果還不錯(cuò)。我做了正確的事，在委員會(huì)中提出了建議，并申請(qǐng)項(xiàng)目排期延長(zhǎng)5個(gè)月來(lái)修正這一部分的問(wèn)題。講這個(gè)故事的寓意是：做正確的事。

 

Alessandro Floridi?（德勤公司UX經(jīng)理，目前在澳大利亞悉尼，意大利人）

“沒(méi)有失敗，只有反饋”——Richard Bandler

我每天都收到“反饋”，但這仍是不愉快的體驗(yàn)。我最大的失敗，即使發(fā)生在十多年前，仍如昨日般記憶猶新。我當(dāng)時(shí)住在中國(guó)并經(jīng)常和科技打交道。一位客戶曾像我咨詢關(guān)于數(shù)字廣告系統(tǒng)的解覺(jué)方案，我想到了一個(gè)讓我非常自豪的想法，利用一個(gè)我朋友正在開(kāi)發(fā)的軟件來(lái)監(jiān)測(cè)觀看者的性別，并針對(duì)性地播放廣告。

你可能能猜到后面故事的發(fā)展了，而我曾認(rèn)為我曾有過(guò)的最好的想法就是它了。這個(gè)產(chǎn)品很棒，很簡(jiǎn)單。大型顯示器、照相機(jī)和實(shí)驗(yàn)軟件，基本上就是在這里等著事故的發(fā)生。災(zāi)難發(fā)生在當(dāng)產(chǎn)品被投放到一個(gè)法國(guó)的著名機(jī)場(chǎng)之后。在那之后不久，很快我收到一個(gè)精美的文件夾，里面是來(lái)自一個(gè)著名律師的關(guān)于隱私問(wèn)題的300頁(yè)來(lái)信。我沒(méi)想過(guò)會(huì)是這樣的結(jié)果！我應(yīng)該提前測(cè)試產(chǎn)品，不應(yīng)該盲目愛(ài)上我的想法。這就是我在這個(gè)項(xiàng)目中得到的教訓(xùn)。

 

Leslie Chicoine（體驗(yàn)設(shè)計(jì)及產(chǎn)品管理顧問(wèn)，目前在美國(guó)丹佛，美國(guó)人）

我很早就了解到測(cè)試的價(jià)值，所以我還沒(méi)有經(jīng)歷過(guò)那么多產(chǎn)品的失敗。當(dāng)然，不排除有些產(chǎn)品在測(cè)試或原型設(shè)計(jì)中表現(xiàn)得并不好，但我把這稱為學(xué)習(xí)，而不是失敗。我所看到的真正失敗是發(fā)生在團(tuán)隊(duì)氛圍中的。因此，在團(tuán)隊(duì)內(nèi)部建立良好的溝通模式和共同創(chuàng)造出色的產(chǎn)品同樣重要。

 

Buzz Usborne?（Help Scout的?產(chǎn)品設(shè)計(jì)師，目前在澳大利亞悉尼，英國(guó)人）

很多事情都沒(méi)有按照我的計(jì)劃進(jìn)行，而這正是重點(diǎn)，不是嗎？失敗使我成為一個(gè)更好的人和更好的設(shè)計(jì)師。不過(guò)我想到一個(gè)特別的失敗案例，，那是我為自己的產(chǎn)品prevue.it所做的事情。在Prevue的內(nèi)部有一個(gè)文件夾庫(kù)，每個(gè)文件夾都包含你與客戶共享的設(shè)計(jì)工作。有一天，一位朋友建議，如果我讓用戶把他們的資料庫(kù)公之于眾，Prevue就可以作為一個(gè)制作作品集的工具。主意聽(tīng)起來(lái)不錯(cuò)，所以我去做這件事情。

在幾個(gè)月的時(shí)間里，成千上萬(wàn)的人因?yàn)檫@個(gè)特別的功能成為了注冊(cè)用戶。事實(shí)證明，投資工具的主意，作品集工具服務(wù)是門(mén)大生意！但這些新用戶中沒(méi)有一個(gè)愿意付費(fèi)的，他們還要求額外增加一些我們的競(jìng)品所提供的功能。與此同時(shí)，現(xiàn)有的用戶被“新”的產(chǎn)品方向搞糊涂了，感到困惑?？梢哉f(shuō)，我制造了一個(gè)爛攤子，花了好幾年的時(shí)間才恢復(fù)，這過(guò)程中損失了大量的客戶。

我在挫折與失敗中，

1. 我明白了，一件事情很容易做或看起來(lái)很有趣，并不意味著它是值得做的。
2. 我明白了，新功能需要適應(yīng)現(xiàn)有客戶的需求，以及長(zhǎng)期秉持的商業(yè)策略，而不僅僅是讓產(chǎn)品看起來(lái)更好，或者更容易使用。
3. 我明白了，通過(guò)簡(jiǎn)單地與客戶交談，我能更好地了解哪些功能應(yīng)該優(yōu)先考慮，哪些功能不能真正解決任何現(xiàn)有的痛點(diǎn)。
4. 我明白了，有時(shí)候，成千上萬(wàn)的新用戶并不總是一件好事。

 

Kylie Timpani?（Humaan高級(jí)設(shè)計(jì)師，目前在澳大利亞珀斯，澳大利亞人）

實(shí)際上我沒(méi)有機(jī)會(huì)足夠深入地參與到一個(gè)產(chǎn)品中直至需要判斷成功與否的階段，更不用說(shuō)我也沒(méi)有參與過(guò)重要到需要一個(gè)成功/失敗矩陣來(lái)衡量是否成功的產(chǎn)品了。我所設(shè)計(jì)的，大多是面向公眾的網(wǎng)站，這其中的很多設(shè)計(jì)都經(jīng)歷過(guò)一些嚴(yán)重的失敗。最常出現(xiàn)的失敗，特別是在我早期職業(yè)生涯中出現(xiàn)的，是當(dāng)我交付設(shè)計(jì)方案時(shí)，發(fā)現(xiàn)方案在很多方面都完全沒(méi)有達(dá)到預(yù)期目標(biāo)。也許風(fēng)格不對(duì)，也許用戶體驗(yàn)不好，也許頁(yè)面布局沒(méi)有與用戶習(xí)慣相匹配，也許沒(méi)有體現(xiàn)出品牌，也許用戶就是不喜歡。

要克服這些失敗是很難的，因?yàn)檫@意味著你在這個(gè)過(guò)程中漏掉了一些東西，或更糟的是，你忽視或省略了重要的信息。這種失敗有點(diǎn)像炸彈可能隨時(shí)引爆。但也意味著還有很大的成長(zhǎng)空間。成長(zhǎng)就在于我們從失敗中學(xué)到的東西。我學(xué)到三種簡(jiǎn)單且快速的方法來(lái)幫助項(xiàng)目取得成功，也減少了出現(xiàn)失敗設(shè)計(jì)的概率：

1. 關(guān)注和我所設(shè)計(jì)的主題相關(guān)的所有信息和我要解決的問(wèn)題。
2. 如果有不確定的或需要更多詳情時(shí)，盡可能多地問(wèn)問(wèn)題。我不擔(dān)心這樣顯得無(wú)知或愚蠢。我告訴自己，我是用心投入的。
3. 盡量摒棄個(gè)人偏見(jiàn)，從而盡可能多地考慮項(xiàng)目的問(wèn)題和背景。

我發(fā)現(xiàn)采用以上方法，會(huì)讓工作更有效，更深思熟慮，同時(shí)失敗的可能性更少。最重要的是，客戶會(huì)看到，你在努力理解他們的項(xiàng)目和使命，因此能培養(yǎng)雙方的信任和健康的合作，免于項(xiàng)目中的阻撓和意料之外的反饋。

 

Graeme Fulton—?riter的程序員和設(shè)計(jì)師，目前在英國(guó)直布羅陀，英國(guó)人）

我有過(guò)很多失敗的產(chǎn)品和想法，舉兩個(gè)例子：

1.Lostgrad社區(qū)

在我畢業(yè)那時(shí)，每個(gè)人都在為尋找工作而煩惱，所以我想，應(yīng)該建立一個(gè)社區(qū)網(wǎng)站來(lái)幫助他們：

（http://graemefulton.com/projects/post/lostgrad-jobs-website）

幾年前，我在這里寫(xiě)下了關(guān)于整個(gè)項(xiàng)目的失敗歷程，這是早期快速失敗教會(huì)我的最好的一課。

2. Slappy Face

我真的想不通這個(gè)項(xiàng)目為什么沒(méi)有成功：

你可以在這里體驗(yàn)。

從這次的經(jīng)驗(yàn)中學(xué)習(xí)到（創(chuàng)造這個(gè)產(chǎn)品很有趣?。?，你不可能單靠?jī)?yōu)秀的設(shè)計(jì)來(lái)獲得產(chǎn)品成功。盡管它可能是世界上最好的產(chǎn)品，但如果你不把它拿出來(lái)，圍繞它建立社區(qū)，打造優(yōu)秀的銷(xiāo)售團(tuán)隊(duì)，你就不會(huì)收獲太大的成功。

現(xiàn)在，我正在開(kāi)發(fā)一款關(guān)于電子郵件模板的應(yīng)用，名為T(mén)amarin Templates。

 

Kaiting Huang?（谷歌交互設(shè)計(jì)師，目前在美國(guó)西雅圖，中國(guó)臺(tái)灣人）

要回答這個(gè)問(wèn)題，我們首先要定義成功的標(biāo)準(zhǔn)。谷歌有一套易于操作的評(píng)判標(biāo)準(zhǔn)，稱為HEARTS。可以用來(lái)衡量產(chǎn)品的用戶體驗(yàn)：

• 好感度：用戶滿意度。
• 參與度：使用頻率。
• 接受度：新用戶對(duì)產(chǎn)品或功能的接受程度或者意愿。
• 留存：在一定時(shí)間內(nèi)再次使用產(chǎn)品或功能的用戶。
• 任務(wù)成功率：完成某一任務(wù)的時(shí)間和達(dá)成率。

老實(shí)講，在加入谷歌前，我不清楚我的大部分設(shè)計(jì)是成功的還是糟糕的，因?yàn)樵O(shè)計(jì)公司的項(xiàng)目效果并不能被長(zhǎng)期跟蹤。如果用“HEARTS”來(lái)衡量的話，我的大多數(shù)項(xiàng)目可能是“失敗的”，因?yàn)楦緵](méi)有資源或計(jì)劃來(lái)繼續(xù)跟進(jìn)、迭代和優(yōu)化。在沒(méi)有測(cè)試的情況下，是不可能第一次就把一切都設(shè)計(jì)好的。但對(duì)我而言，只要能從項(xiàng)目中學(xué)到一些新的東西，就是取得了小小的勝利。無(wú)論是了解一個(gè)新的行業(yè)，例如設(shè)計(jì)運(yùn)河調(diào)度的應(yīng)用；學(xué)習(xí)如何與開(kāi)發(fā)人員合作，例如學(xué)習(xí)編碼和用開(kāi)發(fā)語(yǔ)言進(jìn)行交流；掌握一款設(shè)計(jì)工具，例如如何在Sketch中使用“符號(hào)”功能，還是結(jié)識(shí)有趣的同事，等等。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ā)到您的郵箱中， 請(qǐng)點(diǎn)這里

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

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

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

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

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

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

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

以愛(ài)奇藝安卓版V9.9.5視頻詳情頁(yè)為例，它就是加入了觸感反饋，當(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í)候，就像你剛戀愛(ài)時(shí)，你男朋友牽你手觸電的感覺(jué)，加入觸感之后讓整個(gè)交互更加情感化了。同時(shí)當(dāng)你點(diǎn)贊或收藏成功之后，也會(huì)及時(shí)反饋當(dāng)前所處的狀態(tài)，提示成功，從而增強(qiáng)用戶的把控感。

二、讓用戶操作更方便

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

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

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

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

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

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

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

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

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

以天貓雙11活動(dòng)為例，從天貓首頁(yè)界面加入搶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)注，通過(guò)外力引導(dǎo)可以引導(dǎo)用戶做產(chǎn)品想讓他們做的事情，雖然我們說(shuō)好的產(chǎn)品會(huì)自己說(shuō)話，但是對(duì)于某些新操作，是有必要提醒用戶的。

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

六、加入品牌基因

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

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

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

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

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

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

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

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

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

總結(jié)

作為設(shè)計(jì)師，我們?cè)谠O(shè)計(jì)時(shí)除了考慮實(shí)現(xiàn)基本功能外，同時(shí)還可以考慮如何設(shè)計(jì)才能夠抓住用戶，讓用戶為你的產(chǎn)品買(mǎi)單。以上八個(gè)交互小細(xì)節(jié)其實(shí)仔細(xì)看，你會(huì)發(fā)現(xiàn)總結(jié)起來(lái)就是反饋、提醒、引導(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ì)公司，為期望卓越的國(guó)內(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ā)到您的郵箱中， 請(qǐng)點(diǎn)這里

\

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ā)到您的郵箱中， 請(qǐng)點(diǎn)這里

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ā)到您的郵箱中， 請(qǐng)點(diǎn)這里

社交電商在2018年可謂風(fēng)起云涌，拼多多、云集、有贊都在18年陸續(xù)宣布融資，并且融資金額都過(guò)億。然而社交電商本身就是個(gè)偽命題，雖然人口紅利大不如前，而且社交說(shuō)白了就是一直被人所反感的微商，刷屏、商品質(zhì)量差，傳銷(xiāo)即視感。

但是有需求就有市場(chǎng)，想一想為什么你討厭拼多多，是假貨、是山寨、還是其他什么，究其原因是飽漢不知餓漢饑。而飽漢只是很少一部分人群而已，我們自然不是他的目標(biāo)用戶，隨你拉黑也無(wú)所謂，所以社交電商的崛起是必然，并且有他獨(dú)特的優(yōu)勢(shì)：

• 在移動(dòng)場(chǎng)景下的購(gòu)物場(chǎng)景更加豐富，勢(shì)必為社交電商打下了更好的基礎(chǔ)；
• 社交電商在發(fā)展政策上逐步完善，將是一片潛力巨大的市場(chǎng)；
• 獲客成本低，下線城市發(fā)展空間大；
• 電商巨頭排兵布陣，準(zhǔn)備構(gòu)建社交電商生態(tài)。

目前社交電商的形式主要分為兩種，一種是拼團(tuán)，如拼多多，這種模式通常發(fā)起者是不收益的，只是所有拼團(tuán)者可以享受更低的價(jià)格購(gòu)買(mǎi)商品，算是一種利人利己，裂變質(zhì)量更好的一種行為。另一種是微商，這種模式的裂變范圍更廣，但是裂變質(zhì)量較差。微商被冠以惡名刷屏大家都明白，而經(jīng)我們研究發(fā)現(xiàn)，其實(shí)發(fā)圈的推薦購(gòu)物是效率的分銷(xiāo)行為。還有這樣的熟人賣(mài)貨邏輯是否可行？

社交是最好做的，也是最難做的。購(gòu)物從本質(zhì)上來(lái)說(shuō)都是發(fā)現(xiàn)有需求才購(gòu)物，但逐漸的變成了逛／別人推薦想起來(lái)自己有需求，再購(gòu)物的變化。前者我們可以通過(guò)廣告、營(yíng)銷(xiāo)、產(chǎn)品的優(yōu)化來(lái)讓用戶轉(zhuǎn)化，而后者正是現(xiàn)階段我們需要考慮的事情，如何讓用戶買(mǎi)單那些可能有需求的東西，滿足用戶其他更深層次的需求。

2017年艾瑞咨詢的移動(dòng)社交用戶在應(yīng)用內(nèi)購(gòu)物驅(qū)動(dòng)因素分析，我們能發(fā)現(xiàn)社交關(guān)系鏈的價(jià)值還是非常值得挖掘的呢。

俗話說(shuō)的好，詳情頁(yè)乃兵家必爭(zhēng)之地，得詳情頁(yè)者得天下。首先我們來(lái)看看詳情頁(yè)的首屏?？芍^是百花齊放了，業(yè)務(wù)、用戶、場(chǎng)景決定了功能與信息架構(gòu)。電商詳情之所以復(fù)雜就是因?yàn)樗枰休d很多復(fù)雜的場(chǎng)景，所以很多時(shí)候并不是所有的信息都是有用而你又無(wú)法簡(jiǎn)化。這顯然不僅僅是普通的電商所呈現(xiàn)出來(lái)的商詳，而是擁有「社交背景的商詳頁(yè)?！?

那么下面我們分別從功能結(jié)構(gòu)、以及細(xì)節(jié)來(lái)剖析這四款電商產(chǎn)品的商詳。

一、拼多多

1. 功能結(jié)構(gòu)

從信息結(jié)構(gòu)上看頁(yè)面信息層級(jí)還是比較清晰的，也確實(shí)很像3，4線城市大賣(mài)場(chǎng)的感覺(jué)，各種活動(dòng)優(yōu)惠的標(biāo)簽也是很排斥奧卡姆的剃刀了。但是各種活動(dòng)標(biāo)簽依然讓人有些眼花繚亂，視覺(jué)上頁(yè)面缺少一些品牌特征。

其實(shí)我之前有做過(guò)物流的產(chǎn)品，當(dāng)時(shí)也很糾結(jié)好用和好看的平衡點(diǎn)到底在哪里，后來(lái)我發(fā)現(xiàn)了如果為了要用而要舍棄好看，請(qǐng)不要猶豫，一定要選擇好用。而你一旦絞盡腦汁想辦法折中，對(duì)不起，那會(huì)變的既不好看又不好用。所以拼多多的視覺(jué)、圖片風(fēng)格我還是很能理解的。

然后首屏的上半部分依然是幫助用戶建立認(rèn)知的信息介紹區(qū)域，同樣也是大圖置頂?shù)姆绞?，但是?xì)心的小伙伴在對(duì)比的時(shí)候能發(fā)現(xiàn)拼多多其實(shí)把全場(chǎng)包郵、假一賠十等特色信息放在了第一梯隊(duì)的板塊，很明顯，它想告訴大家我們的服務(wù)是一流的，不會(huì)有假貨，因?yàn)槿巧秸?

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

比較特殊的地方是，在左下角有一個(gè)更多的按鈕，收納了歷史瀏覽、回到首頁(yè)和幫助3個(gè)功能，通?！父唷沟陌粹o會(huì)放置在右上角，這里的設(shè)計(jì)和大部分用戶的認(rèn)知可能不太一致。還有一個(gè)比較有意思的是，價(jià)格最右側(cè)顯示的是已拼而不是已售，所以從細(xì)節(jié)能看出來(lái)拼多多是有多么強(qiáng)調(diào)拼團(tuán)這個(gè)屬性了。

然后我們熟悉的購(gòu)物車(chē)功能沒(méi)有，因?yàn)槠炊喽嘁彩窍迺r(shí)拼團(tuán)電商，要拼團(tuán)先支付，所以沒(méi)有購(gòu)物車(chē)的場(chǎng)景。而大家看到的單獨(dú)購(gòu)買(mǎi)這個(gè)錨定效應(yīng)也是運(yùn)用的很直接了，應(yīng)該沒(méi)有人會(huì)用更高的價(jià)格還死命的加購(gòu)物車(chē)吧？

錨定效應(yīng)（Anchoring effect）是指當(dāng)人們需要對(duì)某個(gè)事件做定量估測(cè)時(shí)，會(huì)將某些特定數(shù)值作為起始值，起始值像錨一樣制約著估測(cè)值。在做決策的時(shí)候，會(huì)不自覺(jué)地給予最初獲得的信息過(guò)多的重視。

二、云集

1. 功能結(jié)構(gòu)

云集首先是一家會(huì)員制電商，其次才以社交的手段來(lái)進(jìn)行分銷(xiāo)的電商。大部分以微商形式存在的電商都會(huì)面臨店主同時(shí)可以買(mǎi)或者賣(mài)的場(chǎng)景。然而很有趣的是，這樣的 s2b2c的模式，商詳究竟要如何做呢？其實(shí)你能發(fā)現(xiàn)，優(yōu)秀的電商產(chǎn)品總有自己的核心關(guān)鍵詞，比如拼多多是拼團(tuán)，云集是批發(fā)價(jià)。所以當(dāng)我們要滿足買(mǎi)的場(chǎng)景時(shí)告訴用戶自購(gòu)可以享受批發(fā)價(jià)，而賣(mài)的場(chǎng)景則可以賺利潤(rùn)。雖然買(mǎi)的場(chǎng)景多，但是為了業(yè)務(wù)考慮，我們依然要把賣(mài)的場(chǎng)景做足。

在商品詳情中，和其他產(chǎn)品不同的是多了這幾個(gè)功能：

• 任務(wù)獎(jiǎng)勵(lì)，通過(guò)完成銷(xiāo)售筆數(shù)和金額達(dá)成任務(wù)。
• 品牌授權(quán)，對(duì)擁有被授權(quán)資格的商品透出品牌授權(quán)背書(shū)入口，增加用戶的品牌信任度。
• 發(fā)圈素材，不是自用推薦的商品，一般很難賣(mài)，別人的發(fā)圈素材能夠幫助店主更快的賣(mài)貨。
• 大家都在賣(mài)，賣(mài)也要賣(mài)好賣(mài)賺得多的商品。

以上的功能都是刺激以及幫助這些小b去推薦及銷(xiāo)售商品。從而整個(gè)商詳頁(yè)都是為了形成一種賣(mài)的氛圍同時(shí)兼顧著買(mǎi)的功能。

其實(shí)我們都知道，社交電商（微商）都是有組織有紀(jì)律的，只有散戶才會(huì)自己挑商品找素材去賣(mài)貨，而擁有社群的店主只需要一個(gè)商品的二維碼即可。

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

用過(guò)云集的買(mǎi)家都知道，云集和環(huán)球捕手一樣是沒(méi)有和其他電商一樣的評(píng)價(jià)功能的，會(huì)有人問(wèn)為什么那么重要的評(píng)價(jià)功能不放呢，別人如何建立信任呢？其實(shí)我們有在收集評(píng)論但并沒(méi)有公開(kāi)，而且我們側(cè)重的是推薦購(gòu)買(mǎi)，別人推薦你之后其實(shí)評(píng)論的意義就不大了。所以既然我們?cè)谑占u(píng)論那在供應(yīng)商的選擇上也會(huì)一直更新。

另一個(gè)原因就是評(píng)論這個(gè)功能在去中心化的小b店主為中心的產(chǎn)品中并不合適，可以想一想，社交電商和傳統(tǒng)電商不同，傳統(tǒng)電商會(huì)有商家入駐，商家和小b店主的區(qū)別在于商家除了需要銷(xiāo)售商品時(shí)，還需要維持店鋪的信譽(yù)和好評(píng)率，所以評(píng)論對(duì)于商家來(lái)說(shuō)特別重要。但是以平臺(tái)為背景的店主只需要分享商品賣(mài)貨就行，評(píng)論的好壞并不是特別重要。

所以說(shuō)到這里大家就會(huì)覺(jué)得社交電商真的是一個(gè)偽命題，你到底是為了別人好還是純粹想賺錢(qián)。所以大家發(fā)現(xiàn)在這樣的場(chǎng)景下，評(píng)論好那么都OK，如果出現(xiàn)大批量的差評(píng)，這個(gè)差評(píng)給的是商品，并不是某一個(gè)小b店主，在這里商品和服務(wù)就不像傳統(tǒng)電商那樣捆綁在一起而是區(qū)分開(kāi)了。

三、環(huán)球捕手

1. 功能結(jié)構(gòu)

信息整體強(qiáng)調(diào)了價(jià)格和限時(shí)特賣(mài)，弱化了標(biāo)題和介紹。再早些時(shí)候所有 app 都還把標(biāo)題放在價(jià)格的上面，并以大字體風(fēng)格為驕傲?，F(xiàn)在反而都把價(jià)格放在了標(biāo)題上面，而環(huán)捕把價(jià)格元素做的更加明顯。

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

標(biāo)題和介紹字號(hào)變小我認(rèn)為可以理解，在同樣以推薦消費(fèi)的背景下，我已經(jīng)知道是什么商品了，不管是從別人推薦而來(lái)還是自己從列表點(diǎn)進(jìn)來(lái)都已經(jīng)對(duì)該物品有詳細(xì)的了解，商品標(biāo)題和介紹并不是特別重要。不過(guò)既然如此，介紹放一行也應(yīng)該足夠了，既要弱化為什么又要放多行。排名和最近銷(xiāo)量筆數(shù)的視覺(jué)呈現(xiàn)有待改進(jìn)，一個(gè)直角一個(gè)圓角不太和諧，最近銷(xiāo)量不可點(diǎn)擊卻做成按鈕的形狀。

四、洋蔥海外倉(cāng)

1. 功能結(jié)構(gòu)

大家可能對(duì)洋蔥跨境電商比較陌生。它同樣也是一個(gè)線上的分銷(xiāo)平臺(tái)。它的模式和其他兩個(gè)稍有區(qū)別，用戶如果想賣(mài)貨可以選擇兩種方式，一種是成為代理商，代理商可以招募店主，同時(shí)可以獲得下面店主銷(xiāo)售利潤(rùn)的30%。而店主不可以招募店主。而另一種就是直接成為店主，可以獲得銷(xiāo)售額利潤(rùn)的70%。

說(shuō)完模式，我們來(lái)看看它商詳?shù)男畔⒄故?。首先我們?huì)發(fā)現(xiàn)在商品大圖上方展示的是相關(guān)的8件好貨，那么我們能想到的是：

• 為了提高客單價(jià)，
• 跨境電商的郵費(fèi)國(guó)際物流和清關(guān)費(fèi)較貴。

所以能一次性買(mǎi)足夠的商品自然是比較劃算，所以在這里更明顯的位置放置了相關(guān)的商品供買(mǎi)家和賣(mài)家挑選。

你會(huì)發(fā)現(xiàn)洋蔥在詳情中加入了評(píng)價(jià)功能，但這里的評(píng)價(jià)并不是所有的用戶的評(píng)價(jià)都能夠被顯示出來(lái)，而是經(jīng)過(guò)官方審核以及店主上傳的評(píng)價(jià)才能夠被顯示的。

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

洋蔥將利益點(diǎn)和賣(mài)點(diǎn)放在了圖片中沉底，這也能夠讓商品與文案的關(guān)聯(lián)性更強(qiáng)，缺點(diǎn)是容易被忽略。

產(chǎn)品介紹上方會(huì)出現(xiàn)一個(gè)頭像，但是新手用戶會(huì)很疑惑這個(gè)頭像到底是誰(shuí)？官方還是店主不得而知。而該產(chǎn)品的介紹文案過(guò)多也會(huì)影響首屏的展示效率。

洋蔥將返回首頁(yè)、以及底部標(biāo)簽導(dǎo)航的功能集合在了一個(gè) fab上，令人不太理解的是懸浮按鈕中和底部均有購(gòu)物車(chē)功能，然而二級(jí)頁(yè)面也沒(méi)有存在這個(gè) fab，所以懸浮按鈕中的購(gòu)物車(chē)功能有點(diǎn)雞肋。

所有的「社交電商」在應(yīng)用內(nèi)放置互動(dòng)聊天的功能都特別雞肋。店主與買(mǎi)家的社交紐帶依然是微信，而平臺(tái)對(duì)于買(mǎi)家來(lái)說(shuō)只有在逛和買(mǎi)的時(shí)候才會(huì)使用，即使做了IM也無(wú)法在應(yīng)用中植入社交場(chǎng)景，更不用說(shuō)讓用戶養(yǎng)成習(xí)慣了。所以做社交要有背景。

底部只有加入購(gòu)物車(chē)，沒(méi)有立即購(gòu)買(mǎi)按鈕。一個(gè)是希望提高客單價(jià)，同時(shí)幫助用戶節(jié)省物流費(fèi)。另一個(gè)是 b2c電商的產(chǎn)品都由平臺(tái)物流統(tǒng)一發(fā)貨，他和 c2c 的淘寶不同的是淘寶購(gòu)物都是根據(jù)不同的商家進(jìn)行物流運(yùn)輸，所以不同的業(yè)務(wù)模式形成的功能也是不同的。

總結(jié)

廣告營(yíng)銷(xiāo)的電商模式未必能滿足喜歡個(gè)性化需求的用戶，我們購(gòu)物或許會(huì)逐漸的變成你覺(jué)得我適合買(mǎi)什么而不是我看看你有什么。徐志斌老師在《社交紅利》中提出社交紅利能夠從人與人之間的關(guān)系，互動(dòng)中產(chǎn)出更多的價(jià)值，那么基于電商背景是否可以將電商價(jià)值最大化。

而我們今天討論的社交電商商詳，它能夠幫助小b用戶與c端用戶更的鏈接，不同業(yè)務(wù)模式下的商詳所呈現(xiàn)出來(lái)的功能、框架、視覺(jué)表現(xiàn)都是有很大區(qū)別的，而我們要做的是讓買(mǎi)賣(mài)雙方的關(guān)系鏈更結(jié)實(shí)。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)。