掌握四個(gè)交互方式,提升用戶體驗(yàn)

4 評(píng)論 10960 瀏覽 57 收藏 7 分鐘

交互設(shè)計(jì)常常出現(xiàn)在產(chǎn)品經(jīng)理的工作中,關(guān)乎用戶體驗(yàn)的交互設(shè)計(jì)可以從哪些角度進(jìn)行優(yōu)化呢?

產(chǎn)品經(jīng)理經(jīng)常會(huì)提到「交互設(shè)計(jì)」這個(gè)詞,那么什么是交互設(shè)計(jì)呢?

交互設(shè)計(jì),又稱互動(dòng)設(shè)計(jì),(英文Interaction Design,縮寫 IxD 或者 IaD),是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域,側(cè)重在交互模式的設(shè)計(jì)?!S基百科

不過我覺得《用戶體驗(yàn)要素》這本書里面說得更加清楚一些:

交互設(shè)計(jì)關(guān)注于描述“可能的用戶行為”,同時(shí)定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為。

我們可以簡(jiǎn)單理解為:人和機(jī)器是怎么互動(dòng)和交流的。

主要表現(xiàn)在人輸入或者進(jìn)行一個(gè)操作,機(jī)器或者界面怎么輸出或者給予什么反饋的。

怎么評(píng)價(jià)交互設(shè)計(jì)做得好呢?

一般會(huì)從有用性、可用性、情感因素來進(jìn)行評(píng)估。

交互設(shè)計(jì)師首先進(jìn)行用戶研究相關(guān)領(lǐng)域,以及潛在用戶,設(shè)計(jì)人造物的行為,并從有用性,可用性和情感因素(usefulness,usability and emotional)等方面來評(píng)估設(shè)計(jì)質(zhì)量?!S基百科

有用性不必說,就是這個(gè)機(jī)器或者這個(gè)App必須是對(duì)用戶來講,是有價(jià)值的。

而可用性即方便使用,具備一定良好的用戶體驗(yàn)。

情感因素即給用戶帶來一些情感方面的正向反饋。比如說,一個(gè)彈框,現(xiàn)在的很多都是使用的非模態(tài)操作,即我可以點(diǎn)擊屏幕的任意地方,取消彈框。但是大部分情況下依然會(huì)給出關(guān)閉按鈕,這樣用戶就會(huì)有一個(gè)心理預(yù)期:這個(gè)界面可以關(guān)閉的,這其實(shí)就是一個(gè)正面的心理反饋。

我們來看看,哪些交互方式,能提升用戶體驗(yàn),給予用戶正向的的情感反饋呢?

一、管理心理預(yù)期

未知是讓人恐懼的事情,所以我們?cè)O(shè)計(jì)產(chǎn)品的時(shí)候,要讓用戶有一種“一切盡在掌握”的感覺。

1. 管理進(jìn)度

許多App都有一個(gè)收集用戶信息,給用戶定制個(gè)性化內(nèi)容的流程;無論步驟多少,都會(huì)給一個(gè)進(jìn)度條的顯示。

哪些交互方式,能提升用戶體驗(yàn)?zāi)兀? width=

加載頁面,會(huì)給加載進(jìn)度的提示。

哪些交互方式,能提升用戶體驗(yàn)?zāi)兀? width=

2. 管理時(shí)間

啟動(dòng)頁面,一般會(huì)有倒計(jì)時(shí)的顯示。

哪些交互方式,能提升用戶體驗(yàn)?zāi)兀? width=

3. 提前告知

用文字的方式,提示告知等待時(shí)間。比如一個(gè)Instagram的賬號(hào)分析App,通常會(huì)去IG拉取數(shù)據(jù),這個(gè)過程可能會(huì)有一些長,一般會(huì)提示用戶:我們正在加載數(shù)據(jù),一般會(huì)持續(xù)1-2分鐘的時(shí)間,請(qǐng)勿關(guān)閉App。

實(shí)時(shí)提示,比如這個(gè)注冊(cè)的密碼輸入。輸入前和輸入中,密碼提示那里都有反饋。

哪些交互方式,能提升用戶體驗(yàn)?zāi)兀? width=

加載時(shí)先展示框架,讓用戶有個(gè)大概的了解。比如今日頭條,會(huì)先把產(chǎn)品的導(dǎo)航展示出來。

哪些交互方式,能提升用戶體驗(yàn)?zāi)兀? width=

4. 隨時(shí)退出

比如啟動(dòng)頁面、一些信息填寫頁面、Guide頁面有一個(gè)Skip的按鈕,可以讓我有種可以管控這個(gè)流程的感覺。

哪些交互方式,能提升用戶體驗(yàn)?zāi)兀? width=

哪些交互方式,能提升用戶體驗(yàn)?zāi)兀? width=

彈窗的關(guān)閉按鈕,可以隨時(shí)關(guān)閉。

哪些交互方式,能提升用戶體驗(yàn)?zāi)兀? width=

二、利用聲效和震動(dòng)

聲音是和用戶進(jìn)行耳朵進(jìn)行互動(dòng),震動(dòng)是和用戶進(jìn)行觸覺的互動(dòng)。調(diào)動(dòng)用戶的觀感,讓用戶沉浸其中。

1. 聲音和震動(dòng)會(huì)有一種互動(dòng)的沉浸感

比如蘋果手機(jī)里面的計(jì)算器,點(diǎn)擊時(shí)候會(huì)有聲音;蘋果的時(shí)鐘App,設(shè)置時(shí)間的時(shí)候會(huì)有齒輪轉(zhuǎn)動(dòng)的聲音。

再比如之前提到的冥想的Balance,就是利用聲效讓用戶有一種沉浸感。

2. 聲音和震動(dòng)也可以起到提示和提醒的作用

比如生活中洗衣機(jī),洗完衣服,會(huì)有滴滴的提示;比如蘋果手機(jī)左邊的靜音鍵開關(guān),會(huì)有震動(dòng)的效果,可以起到一個(gè)提醒的作用。

三、利用動(dòng)畫效果

有些時(shí)候利用一定的動(dòng)畫,引起用戶的注意。比如按鈕的閃光效果,提示用戶點(diǎn)擊。

哪些交互方式,能提升用戶體驗(yàn)?zāi)兀? width=

比如蘋果手機(jī)開屏的時(shí)候?輸錯(cuò)密碼后的搖晃動(dòng)畫,讓人聯(lián)想到搖頭這樣的動(dòng)作,友好提示“輸錯(cuò)了”。

四、模擬生活中的真實(shí)場(chǎng)景

蘋果截圖,有相機(jī)按下快門的聲音,讓我們很好地理解截圖這樣的概念。

以上總結(jié)一下,就是要通過聲音/動(dòng)效/震動(dòng)/界面提示等,給用戶的操作進(jìn)行一系列的反饋,給用戶的心理提供一定的預(yù)期。

 

本文由 @熊不知 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 交互說明

    回復(fù)
  2. 作者:熊不知;公眾號(hào):熊不知(ID:xiongbuzhia)關(guān)注我,一起聊產(chǎn)品吧

    來自湖北 回復(fù)
  3. 受教了,謝謝!

    來自北京 回復(fù)