交互設(shè)計(jì)

交互知識(shí):


1、中央凹與邊界視野:

中央凹的成像最清晰,分辨率最高;邊界視 ? 野成像模糊;由此我們可以總結(jié)如下:

關(guān)于操作反饋和錯(cuò)誤信息的提示:

a.用戶反饋信息最好不要與用戶的關(guān)注點(diǎn)超過1-2厘米,否則用戶察覺不到;

b.邊界視野上的信息足夠明顯,比如使用大的字體或者顏色的更換,保證用戶可以足夠看的到;

c.邊界視野上的信息要有統(tǒng)一的特點(diǎn),讓用戶能夠識(shí)別提示信息的作用,比如使用紅色的x表示錯(cuò)誤信息;

d.對(duì)話框的使用,對(duì)話框可以強(qiáng)制終止用戶的操作,但對(duì)話框不宜操作使用頻繁,會(huì)降低用戶的敏感度;

讓用戶更快找到信息:

a.通過字體或者顏色的變化可以引起用戶的關(guān)注點(diǎn),如果是邊界視野,則需要通過引導(dǎo),比如彈出效果;

b.信息很多無法預(yù)測(cè)用戶的心理,可以通過圖標(biāo)的不同變化,但不要太過華麗。

2、格式塔原理——如何處理不同頁(yè)面的元素關(guān)系

?a.接近性原理:在位置上相互靠近的物體傾向于被感知為一組,比如ios的設(shè)置板塊

b.相似性原理:看起來相似的物體傾向于被感知為一組(支付寶的首頁(yè))

c.連續(xù)性原理:我們傾向于將線條和形狀感知為連續(xù)的整體(ibm的logo設(shè)計(jì))

d.主體/背景原理:我們傾向于將元素區(qū)分為主體和背景,其中主體占據(jù)了我們主要的注意力。(蘋果的一些操作。當(dāng)前操作為背景。提醒用戶的操作為前景)

e.共同命運(yùn)原理:一起運(yùn)動(dòng)的物體傾向于被感知為一組或者彼此相關(guān),大多用于動(dòng)態(tài)交互

3.時(shí)間感知——大多關(guān)于系統(tǒng)的反饋

a.一個(gè)交互系統(tǒng)的響應(yīng)度,即能否即使告知用戶當(dāng)前的狀態(tài)而不需要他們無故等待,是影響用戶滿意度的最重要因素

人機(jī)交互有關(guān)的一些時(shí)間間隔,以及與之對(duì)應(yīng)的認(rèn)知原理


b.除了上述的操作外,還有一些可以提高交互的小建議:

進(jìn)度條需要讓用戶感到系統(tǒng)正在運(yùn)作、并且清楚進(jìn)度和需要等待的時(shí)間,不要一直停在99%,也不要只顯示已完成而忽略未完成。

盡量不要在單位子任務(wù)內(nèi)發(fā)生延遲。上文提到用戶會(huì)將任務(wù)拆解為子任務(wù),完成每個(gè)子任務(wù)期間用戶都是處于高度專注的狀態(tài),此時(shí)發(fā)生延遲影響較大。

如果加載需要長(zhǎng)時(shí)間,先渲染出重要信息讓用戶看到。

利用空閑時(shí)間先做些事情,不要等待用戶發(fā)出指令后才開始慢吞吞地行動(dòng)

4.減少用戶的思考

a.減少用戶的認(rèn)知資源的使用,給用戶易用的感覺

b.減少用戶的輸入操作,比如:又下拉選擇下拉或者勾選

5.降低工作記憶負(fù)擔(dān)

避免使用模式,即避免同個(gè)操作在不同模式下有不同的效果。用戶常常會(huì)忘記當(dāng)前處在哪個(gè)模式下,因此很容易犯錯(cuò)。除非在使用模式時(shí)非常清晰地將模式標(biāo)示出來。

讓用戶知道他使用的搜索詞是什么。“用戶居然會(huì)笨到忘記自己搜的是什么嗎?”了解了工作記憶的特點(diǎn)之后,也許我們會(huì)更能理解這種問題。

每個(gè)頁(yè)面應(yīng)該只有一個(gè)行動(dòng)召喚按鈕(Call To Action),避免干擾用戶注意。

提供操作提示和幫助時(shí),不要一次呈現(xiàn)太多信息,用戶記不住。

層級(jí)低的導(dǎo)航更好用,因?yàn)橛脩魰?huì)忘記自己所處的位置。




? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容