UX最佳演練:交互驅(qū)動(dòng)連接

1 評(píng)論 4258 瀏覽 12 收藏 6 分鐘

我們開(kāi)展了最佳用戶體驗(yàn)演練的系列活動(dòng),其涵蓋了模式和格式塔理論是如何幫助我們?cè)O(shè)計(jì)便于用戶理解的界面。如今,我們要涉及如何處理這些模式背后的行為:俗稱交互設(shè)計(jì)。

首先我們要明白的是:良好的互動(dòng)是由良好的人際關(guān)系驅(qū)動(dòng)的,那我們要如何實(shí)現(xiàn)這一切呢?

以下將從幾個(gè)方面來(lái)幫助我們理解什么是好的交互:

可用性

可用性絕對(duì)是我們最喜歡的項(xiàng)目之一??偟膩?lái)說(shuō),它應(yīng)該作為用戶體驗(yàn)設(shè)計(jì)師的核心,但與我們談?wù)摰慕换ヒ矝](méi)有什么不同。尼爾森和施耐德曼將從以下五個(gè)方面來(lái)解釋什么是可用性:

  1. 易學(xué)性:我們的用戶如何輕松學(xué)會(huì)使用界面?
  2. 高效性:用戶能多快完成一項(xiàng)任務(wù)?
  3. 容錯(cuò)率:我們的用戶會(huì)有多少失誤?他們多快能進(jìn)行修正?
  4. 重現(xiàn)性:用戶在使用一段時(shí)間后,回到界面時(shí)還能重現(xiàn)多少?
  5. 滿意度:用戶是否喜歡使用我們的產(chǎn)品?

我們需要牢記的四個(gè)維度:

  1. 詞匯:模仿是交互的重要組成部分,但不是最重要的。保持原創(chuàng)將有助于建立我們剛剛談到的特殊的人際網(wǎng)絡(luò)!
  2. 視覺(jué)效果:圖像和實(shí)物應(yīng)該作為界面的補(bǔ)充,使用的時(shí)候要留意,不要讓用戶感到壓迫感。適度最關(guān)鍵。
  3. 空間:交互是在手機(jī)、筆記本電腦、還是蘋(píng)果手表上運(yùn)行呢?其運(yùn)行空間則十分重要。
  4. 時(shí)間:用戶在我們的界面上花費(fèi)多長(zhǎng)時(shí)間?能與用戶形成互動(dòng)的機(jī)會(huì)是什么?

可視性和標(biāo)志

功能可視性表明該功能應(yīng)該是一目了然的?;旧希陨砭蛻?yīng)該呈現(xiàn)這一切。例如,如果你看到一個(gè)有紅色叉的P,你就知道你不能在那個(gè)地方停車。而標(biāo)志是使“可供件”更加清晰的元素。在上面“禁止停車標(biāo)志”的例子中,標(biāo)志是指P上的紅叉(禁止停車),其使得消息更加清晰!

如果沒(méi)有標(biāo)志,用戶將無(wú)法明白這個(gè)功能表達(dá)的含義。

像視頻上的播放按鈕會(huì)邀您觀看該視頻,而沒(méi)有播放按鈕的視頻則可能會(huì)被誤認(rèn)為靜態(tài)照片。

交互設(shè)計(jì)中的標(biāo)志會(huì)使得我們的界面更直觀和貼心。用戶是沒(méi)有必要考慮其中發(fā)生了什么的,如果我們的用戶需要考慮在我們的界面上發(fā)生了什么,那就太糟糕了。

標(biāo)志可以暗示任何東西,它可以是一個(gè)形狀,一個(gè)字,一個(gè)動(dòng)作甚至一個(gè)顏色。

例如,按鈕是一個(gè)可供選擇的東西,使其像可點(diǎn)擊的標(biāo)志可能是:其形狀本身,深度,顏色,鼠標(biāo)懸停在它上面時(shí)所出現(xiàn)的交互。做這樣的設(shè)計(jì),即使不熟悉概念的人也會(huì)理解他們是如何交互的。

反饋和響應(yīng)時(shí)間

反饋是指交互產(chǎn)生了哪種互動(dòng),雖然聽(tīng)起來(lái)很多余,但非常重要。如果互動(dòng)是我們的用戶和界面之間的對(duì)話,那么“確認(rèn)”就是互動(dòng)成功的反饋?;?dòng)最好是舒適而直觀的,否則我們只會(huì)給用戶增加不必要的負(fù)擔(dān)。

互動(dòng)可以是嘟嘟聲,微型互動(dòng)或動(dòng)畫(huà)。無(wú)論如何,任何回應(yīng)都要讓用戶知道任務(wù)是否完成。其關(guān)鍵是幫助用戶可視化他們行動(dòng)的結(jié)果。

如果沒(méi)有及時(shí)做出反饋,用戶的激情就會(huì)消退,延遲一小會(huì)兒都會(huì)導(dǎo)致用戶的流失。

接下來(lái)呢,讓我們來(lái)看看在設(shè)計(jì)中實(shí)現(xiàn)交互的一些優(yōu)點(diǎn):

#1:他們沒(méi)有時(shí)間去思考發(fā)生了什么,因而要讓用戶了解正在發(fā)生的事情。

#2:自然的保持聯(lián)系。

#3給它一個(gè)目標(biāo),如果沒(méi)有,就不要這樣做。

#4提供反饋意見(jiàn)(通知他們,如上面#1所示)。

#5首頁(yè)清晰,像指南針一樣。

(最好比指南針更清楚!)

以上就是我想表達(dá)的全部了,你有沒(méi)有什么好的樣例來(lái)闡述如何使用交互來(lái)增加用戶可用性呢?

 

原文作者:UX Boot Camp

原文地址:https://blog.prototypr.io/ux-best-practices-part-3-interactions-driving-connections-1623d41c4f62

本文由@Mockplus團(tuán)隊(duì) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 我也一直用MC畫(huà)原型,但是其實(shí)作為一個(gè)普通的會(huì)員用戶,但是用了半年多了很多功能都不會(huì)用,多出一些牛逼的示例的話應(yīng)該會(huì)有很多用戶感興趣的。

    來(lái)自浙江 回復(fù)