三分鐘了解體驗設(shè)計

10 評論 5339 瀏覽 13 收藏 15 分鐘

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

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

有哪些體驗方面的變化呢?

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

當(dāng)我們聽到“體驗設(shè)計”,第一個想到的會是什么?

例如聲音的感受,聽到某一首歌曲會因為歌詞或歌手的聲音產(chǎn)生共鳴,這是聽覺的體驗。

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

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

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

一、什么是體驗設(shè)計

什么是體驗設(shè)計?

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

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

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

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

二、體驗設(shè)計的視覺感受

當(dāng)大家聽到”體驗設(shè)計“這一詞語時,早期想到的是實用、簡單、隨著時代的不斷演變以及市場的需求,變的更加好用,多功能,簡單??梢苑譃椋?strong>有用、易用、友好、視覺設(shè)計、品牌,五個方面給大家詳細(xì)的分析。

1. 有用

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

2. 易用

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

3. 友好

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

4. 視覺設(shè)計

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

5. 品牌

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

三、體驗設(shè)計的特點

體驗設(shè)計的特點,總結(jié)了7條,如下:

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

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

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

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

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

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

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

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

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

4. 省錢

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

5. 用戶忠誠度

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

6. 高轉(zhuǎn)化率

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

7. 積極的品牌體驗

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

好的品牌設(shè)計甚至?xí)绊懫放频膬r值,例如我們看到的小米LOGO,因為改了一個圓角宣傳營銷全網(wǎng)刷屏。

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

體驗設(shè)計的案例有很多,這里說3點,如下:

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

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

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

2. 文案編寫

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

3. UI設(shè)計

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

五、總結(jié)體驗設(shè)計

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

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

參考文獻(xiàn):

https://wiki.mbalib.com/wiki/用戶體驗設(shè)計

 

公眾號:南設(shè)(ID:NANSHE18)

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 哈哈,這個軟件剛登陸不就是這個樣子嘛

    回復(fù)
    1. 對的呀

      回復(fù)
  2. 體驗設(shè)計重在前兩個字,客戶的深度參與確實很重要。

    來自上海 回復(fù)
    1. 人與物體的互動也很重要

      回復(fù)
  3. 一文看下來五分鐘左右,剩下的用來看看圖片上的內(nèi)容了哈哈。

    來自江蘇 回復(fù)
    1. 后面文章會越來越有深度

      回復(fù)
  4. 用戶體驗設(shè)計的幾個原則:有效的、流暢的、符合直覺、容錯的、一致的、不打擾的、美好的、尊重環(huán)境、超出預(yù)期的。

    來自吉林 回復(fù)
    1. 謝謝

      回復(fù)
  5. 有些軟件用微信登陸后還要你的手機(jī)號碼驗證碼,比原來直接用手機(jī)登錄還要繁瑣啊,一開始也沒個說明引導(dǎo),這種設(shè)計給用戶的體驗就很差

    來自廣東 回復(fù)
    1. 二次向用戶索取手機(jī)號會比較繁瑣,直接使用手機(jī)號一鍵登錄會更好

      來自北京 回復(fù)