導(dǎo)讀：體驗(yàn)設(shè)計(jì)在我們的生活中無處不在，當(dāng)體驗(yàn)設(shè)計(jì)成為我們很多人口中的耳熟能詳?shù)脑~語時(shí)，你對體驗(yàn)設(shè)計(jì)的了解有多少呢？哪些地方因?yàn)轶w驗(yàn)設(shè)計(jì)變的更加美好呢？體驗(yàn)設(shè)計(jì)除了用在工業(yè)設(shè)計(jì)，在互聯(lián)網(wǎng)的設(shè)計(jì)中又是如何使用的呢？讓我們一一了解。

當(dāng)下比較流行的HMI(人機(jī)界面)，在汽車的不斷更新迭代中，車載屏幕也在發(fā)生變化，左側(cè)是幾年的車載界面樣子，右側(cè)是現(xiàn)在的車載界面。

有哪些體驗(yàn)方面的變化呢？

屏幕的視覺感受上發(fā)生了不小的變化，例如從整體的感覺上屏幕硬件變的更大，干凈，看起來比較清晰，操作起來更加方便快捷，功能也變得越來越多。

當(dāng)我們聽到“體驗(yàn)設(shè)計(jì)”，第一個(gè)想到的會是什么？

例如聲音的感受，聽到某一首歌曲會因?yàn)楦柙~或歌手的聲音產(chǎn)生共鳴，這是聽覺的體驗(yàn)。

例如做飯時(shí)螺螄粉，在煮的時(shí)候很臭，但是吃起來很好吃。這是嗅覺和味覺的體驗(yàn)，幫助我們快速記住某件物體的特征。

還有很多我們身體感官的體驗(yàn)，例如拿不同手機(jī)的重量，看到好看的或丑的東西視覺體驗(yàn)。

B端(企業(yè)用戶商家)管理系統(tǒng)，左圖為早期的B端管理頁面，可以看的出樣子會比較舊不太好看，因?yàn)樵缙谑菦]有設(shè)計(jì)師的加入，右邊是符合現(xiàn)在審美的界面，除了有設(shè)計(jì)的師的加入還會有交互設(shè)計(jì)師的加入，在看和用的體驗(yàn)上更加友好。說了這么多你是不是很好奇什么是體驗(yàn)設(shè)計(jì)呢？那么接下來我就帶著大家去了解體驗(yàn)設(shè)計(jì)的歷史以及部分案例的講解，希望能幫助到你了解體驗(yàn)設(shè)計(jì)。

一、什么是體驗(yàn)設(shè)計(jì)

什么是體驗(yàn)設(shè)計(jì)？

用戶體驗(yàn)這個(gè)詞最早被廣泛認(rèn)知是在上世紀(jì)90年代中期，由用戶體驗(yàn)設(shè)計(jì)師唐納德·諾曼（Donald Norman）所提出和推廣。

近些年來，計(jì)算機(jī)技術(shù)在移動和圖形技術(shù)等方面取得的進(jìn)展已經(jīng)使得人機(jī)交互（HCI）技術(shù)滲透到人類活動的幾乎所有領(lǐng)域。這導(dǎo)致了一個(gè)巨大轉(zhuǎn)變──（系統(tǒng)的評價(jià)指標(biāo)）從單純的可用性工程，擴(kuò)展到范圍更豐富的用戶體驗(yàn)。這使得用戶體驗(yàn)（用戶的主觀感受、動機(jī)、價(jià)值觀等方面）在人機(jī)交互技術(shù)發(fā)展過程中受到了相當(dāng)?shù)闹匾?，其關(guān)注度與傳統(tǒng)的三大可用性指標(biāo)（即效率，效益和基本主觀滿意度）不相上下，甚至比傳統(tǒng)的三大可用性指標(biāo)的地位更重要。

在網(wǎng)站設(shè)計(jì)的過程中有一點(diǎn)很重要，那就是，要結(jié)合不同利益相關(guān)者的利益──市場營銷，品牌，視覺設(shè)計(jì)和可用性等各個(gè)方面。市場營銷和品牌推廣人員必須融入“互動的世界”，在這一世界里，實(shí)用性是最重要的。

這就需要人們在設(shè)計(jì)網(wǎng)站的時(shí)候必須同時(shí)考慮到市場營銷，品牌推廣，和審美需求三個(gè)方面的因素。用戶體驗(yàn)就是提供了這樣一個(gè)平臺，以期覆蓋所有利益相關(guān)者的利益──使網(wǎng)站容易使用、有價(jià)值，并且能夠使瀏覽者樂在其中。這就是為什么早期的用戶體驗(yàn)著作都集中于網(wǎng)站用戶體驗(yàn)的原因。

二、體驗(yàn)設(shè)計(jì)的視覺感受

當(dāng)大家聽到”體驗(yàn)設(shè)計(jì)“這一詞語時(shí)，早期想到的是實(shí)用、簡單、隨著時(shí)代的不斷演變以及市場的需求，變的更加好用，多功能，簡單。可以分為：有用、易用、友好、視覺設(shè)計(jì)、品牌，五個(gè)方面給大家詳細(xì)的分析。

1. 有用

這只是生活中的一部分產(chǎn)品，但是非常有用例如車滿足人們的出行，電腦可以提高工作的效率，手機(jī)滿足通話、攝影、等功能。這些都是有用的產(chǎn)品，有一個(gè)共同的特點(diǎn)就是簡潔的外觀、滿足生活的剛需。

2. 易用

這只是生活中的一部分產(chǎn)品，例如車鑰匙，早期人們鎖車門需要插入鑰匙進(jìn)行旋轉(zhuǎn)后才可以進(jìn)行鎖門，現(xiàn)在可以進(jìn)行一定遠(yuǎn)距離遙控，讓車鑰匙變的更加易用。這些產(chǎn)品都非常容易使用，且都有自己的功能特點(diǎn)。

3. 友好

這只是生活中的一部分，例如安全帽可以保護(hù)人們的安全，也可以是人與人之間的，例如醫(yī)療人員注射疫苗，都可以感受到友好的信任和安全感。

4. 視覺設(shè)計(jì)

這只是生活中的一部分產(chǎn)品，簡單的背景與幾何圖形，加入投影效果，合理的使用頁面分布比例，使產(chǎn)品看起來高級有購買的欲望。

5. 品牌

這只是生活中的一部分產(chǎn)品，我們常常說到品牌普通人記住的是一個(gè)圖標(biāo)或一個(gè)動物，例如apple，我們記住的是咬一口蘋果，京東記住的是一只狗，華為記住的是一朵花，淘寶記住的是一個(gè)淘字和貓頭，這些都是比較成功的品牌，除了比較成功的運(yùn)營團(tuán)隊(duì)我們從設(shè)計(jì)角度不難發(fā)現(xiàn)都有一個(gè)共同點(diǎn)，非常的簡潔，貼近生活，易拓展。

三、體驗(yàn)設(shè)計(jì)的特點(diǎn)

體驗(yàn)設(shè)計(jì)的特點(diǎn)，總結(jié)了7條，如下：

1. 有效的可用性設(shè)計(jì)
2. 驅(qū)動用戶深度參與
3. 產(chǎn)品的獨(dú)特性
4. 省錢
5. 用戶忠誠度
6. 高轉(zhuǎn)化率
7. 積極的品牌體驗(yàn)

1. 有效的可用性設(shè)計(jì)

登錄注冊頁在每個(gè)APP應(yīng)用中非常的常見，但是不同的APP存在很大的差異化，例如有的為了減少用戶獲取驗(yàn)證碼的步驟，根據(jù)運(yùn)營商功能使用了一鍵登錄，還有的會直接放大第三方登錄的入口，例如微信登錄。每個(gè)頁面滿足登錄功能的前提下都是對的，只是考慮的點(diǎn)不同，例如第三個(gè)頁面，可以有兩個(gè)假設(shè)，1、為了保證頁面的簡潔，2、為了減少用戶多次使用短信發(fā)送造成的成本，引導(dǎo)使用微信登錄。

可用性是用來衡量某個(gè)產(chǎn)品被特定的用戶在特定的場景中，有效、高效并且滿意得達(dá)成特定目標(biāo)的程度。

可用性不僅是涉及到界面的設(shè)計(jì)，也涉及到整個(gè)系統(tǒng)的技術(shù)水平?？捎眯允峭ㄟ^人因素反映的，通過用戶操作各種任務(wù)去評價(jià)的?？捎眯允且豁?xiàng)可測量的指標(biāo)，描述了用戶能多有效地與一個(gè)產(chǎn)品進(jìn)行互動，它也涉及一個(gè)產(chǎn)品多容易理解和它多容易使用。提高可用性是至關(guān)重要的。

2. 驅(qū)動用戶深度參與

一個(gè)大家非常熟悉的電商應(yīng)用購買流程，用戶從瀏覽商品列表頁到物品詳情頁，選擇適合自己的物品，進(jìn)行加入購物車下單，整個(gè)流程都是大家自己進(jìn)行操作，深度參與購買物品的流程。（衡量深度參與的指標(biāo)有很多，如停留時(shí)間，頁面深度，流程完整等）。

3. 產(chǎn)品的獨(dú)特性

每個(gè)產(chǎn)品都有自己的獨(dú)特性、從顏色、圖標(biāo)風(fēng)格、底部圖標(biāo)樣式，都有自己的特色，例如美團(tuán)會把LOGO放在首頁的選中狀態(tài)，還有非常明顯的黃顏色和頂部三排圖標(biāo)的布局，打卡就立刻知道這是美團(tuán)APP，這就是產(chǎn)品的設(shè)計(jì)獨(dú)特性。

4. 省錢

聯(lián)合卡的會員套餐運(yùn)營，在平時(shí)單獨(dú)購買時(shí)會省錢不少，設(shè)計(jì)界面時(shí)也會與原價(jià)形成對比，幫助用戶省錢的同時(shí)促進(jìn)用戶下單。

5. 用戶忠誠度

通過開通購買會員的方式，測試用戶對平臺的信任度以及忠誠度，用戶信任這個(gè)平臺時(shí)才會對平臺的商品進(jìn)行消費(fèi)。會員頁的設(shè)計(jì)體現(xiàn)出專屬權(quán)益功能的同時(shí)，融入了會員卡的高級感。

6. 高轉(zhuǎn)化率

通過設(shè)計(jì)簽到任務(wù)，獲得成就獎勵，來提高用戶停留時(shí)長的轉(zhuǎn)化率，在設(shè)計(jì)上更加符合真實(shí)用戶場景，獲得獎勵時(shí)擁有成就感，積分界面設(shè)計(jì)時(shí)簡潔、高級。界面整體保持一致性。

7. 積極的品牌體驗(yàn)

品牌除了LOGO外也可以使用LOGO中的一部分，進(jìn)行品牌的延展，在VI中，APP的圖標(biāo)中，網(wǎng)頁設(shè)計(jì)中，海報(bào)設(shè)計(jì)等多個(gè)地方進(jìn)行展示。

好的品牌設(shè)計(jì)甚至?xí)绊懫放频膬r(jià)值，例如我們看到的小米LOGO，因?yàn)楦牧艘粋€(gè)圓角宣傳營銷全網(wǎng)刷屏。

四、體驗(yàn)設(shè)計(jì)運(yùn)用案例

體驗(yàn)設(shè)計(jì)的案例有很多，這里說3點(diǎn)，如下：

1. 工業(yè)設(shè)計(jì)
2. 文案編寫
3. UI設(shè)計(jì)

1. 工業(yè)設(shè)計(jì)

左側(cè)的圖片是小朋友坐過的搖搖車，右側(cè)也是一個(gè)搖搖車，相比之下左側(cè)的搖搖車需要兩人才可以移動，右側(cè)搖搖車需要一個(gè)人，攜帶和挪動時(shí)更加方便，在外觀上也好看很多，眼睛看到的和使用上的感受都屬于我們對某件物品的印象和體驗(yàn)，影響商品購買率。

2. 文案編寫

不同的文案會影響我們的判斷和操作，高級的文案還會影響情緒，在設(shè)計(jì)時(shí)根據(jù)頁面的不同文字大小做出層級區(qū)分，方便閱讀，功能文案上做明顯對比設(shè)計(jì)（帶按鈕和不帶按鈕），方便用戶進(jìn)行選擇。

3. UI設(shè)計(jì)

在設(shè)計(jì)中，字體、按鈕、卡片圓角、投影、圖標(biāo)大小都需要保持一致且美觀，做成組件庫可以減少設(shè)計(jì)周期節(jié)約成本。讓用戶在使用時(shí)感受到專業(yè)和品牌（顏色）的整體貫穿，視覺和操作感官的良好體驗(yàn)。

五、總結(jié)體驗(yàn)設(shè)計(jì)

體驗(yàn)設(shè)計(jì)除了包含感官和期許還包含經(jīng)歷和期許。體驗(yàn)設(shè)計(jì)在企業(yè)中的作用是助力企業(yè)發(fā)展，我們拆分到設(shè)計(jì)進(jìn)行落地時(shí)，需要保持用戶體驗(yàn)設(shè)計(jì)的幾個(gè)原則：有效的、流暢的、符合直覺、容錯(cuò)的、一致的、不打擾的、美好的、尊重環(huán)境、超出預(yù)期的。（這些在下棋中進(jìn)行詳細(xì)講解）。

你還想到哪些關(guān)于體驗(yàn)設(shè)計(jì)的案例歡迎探討。

參考文獻(xiàn)：

https://wiki.mbalib.com/wiki/用戶體驗(yàn)設(shè)計(jì)

公眾號：南設(shè)（ID：NANSHE18）

本文由 @南設(shè) 發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議