我們開(kāi)展了最佳用戶體驗(yàn)演練的系列活動(dòng),其涵蓋了模式和格式塔理論是如何幫助我們?cè)O(shè)計(jì)便于用戶理解的界面空猜。如今启上,我們要涉及如何處理這些模式背后的行為:俗稱(chēng)交互設(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)解釋什么是可用性:
易學(xué)性:我們的用戶如何輕松學(xué)會(huì)使用界面爷恳?
高效性:用戶能多快完成一項(xiàng)任務(wù)有缆?
容錯(cuò)率:我們的用戶會(huì)有多少失誤?他們多快能進(jìn)行修正?
重現(xiàn)性:用戶在使用一段時(shí)間后棚壁,回到界面時(shí)還能重現(xiàn)多少杯矩?
滿意度:用戶是否喜歡使用我們的產(chǎn)品?
我們需要牢記的四個(gè)維度:
詞匯:模仿是交互的重要組成部分袖外,但不是最重要的史隆。保持原創(chuàng)將有助于建立我們剛剛談到的特殊的人際網(wǎng)絡(luò)!
視覺(jué)效果:圖像和實(shí)物應(yīng)該作為界面的補(bǔ)充曼验,使用的時(shí)候要留意泌射,不要讓用戶感到壓迫感。適度最關(guān)鍵蚣驼。
空間:交互是在手機(jī)魄幕、筆記本電腦、還是蘋(píng)果手表上運(yùn)行呢颖杏?其運(yùn)行空間則十分重要纯陨。
時(shí)間:用戶在我們的界面上花費(fèi)多長(zhǎng)時(shí)間?能與用戶形成互動(dòng)的機(jī)會(huì)是什么留储?
可視性和標(biāo)志
功能可視性表明該功能應(yīng)該是一目了然的翼抠。基本上获讳,它自身就應(yīng)該呈現(xiàn)這一切阴颖。例如,如果你看到一個(gè)有紅色叉的P丐膝,你就知道你不能在那個(gè)地方停車(chē)量愧。而標(biāo)志是使“可供件”更加清晰的元素。在上面“禁止停車(chē)標(biāo)志”的例子中帅矗,標(biāo)志是指P上的紅叉(禁止停車(chē))偎肃,其使得消息更加清晰!
如果沒(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
內(nèi)容由Mockplus 團(tuán)隊(duì)翻譯整理,僅供學(xué)習(xí)交流。