激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

學(xué)會(huì)這3招，讓你快速掌握最優(yōu)秀的交互設(shè)計(jì)法則!

發(fā)布時(shí)間：2024-03-16 12:58:30 瀏覽量：200次

一位好的設(shè)計(jì)師總會(huì)考慮到方方面面的因素，一個(gè)真正讓人難忘的產(chǎn)品中UI和交互設(shè)計(jì)中的每一個(gè)元素都是至關(guān)重要的，一個(gè)又一個(gè)的細(xì)節(jié)設(shè)計(jì)才可以讓你的產(chǎn)品脫穎而出。

什么是交互

在《交互設(shè)計(jì)沉思錄》中Jon Kolko的一句話對(duì)于交互的定義“人與產(chǎn)品、服務(wù)或系統(tǒng)之間創(chuàng)建一系列對(duì)話”。

局長(zhǎng)覺(jué)得還是蠻準(zhǔn)確的。對(duì)交互本身而言，其實(shí)是一系列的對(duì)話和溝通，特別是人機(jī)之間的一個(gè)交流和互動(dòng)。

UI設(shè)計(jì)師是干嘛的，局長(zhǎng)就不多說(shuō)了。

那么如何提升自己作品的質(zhì)量，了解交互是很重要的一步。

作為UI設(shè)計(jì)師應(yīng)該知道的交互原理。

1.當(dāng)界面被設(shè)計(jì)得足夠美觀時(shí)，用戶往往會(huì)容忍一些較為輕微、影響較小的可用性問(wèn)題。

將界面設(shè)計(jì)的足夠美觀，其作用是毋庸置疑的。用戶對(duì)好看的界面中一些輕微的可用性問(wèn)題會(huì)相當(dāng)寬容。

微信讀書(shū)發(fā)現(xiàn)頁(yè)

首頁(yè)使用橫向滑動(dòng)的卡片，一屏一張卡片一個(gè)主題，相比較其他讀書(shū)類(lèi) APP (比如起點(diǎn)、京東讀書(shū)) 而言，這種界面的組織方式瀏覽效率不高，且浪費(fèi)大量屏幕空間，但簡(jiǎn)潔、優(yōu)雅的設(shè)計(jì)，就有了讓我們多花一點(diǎn)耐心和操作成本看下去的欲望。

但是交互和視覺(jué)不是對(duì)立的，設(shè)計(jì)師不應(yīng)該為了更美觀的界面就要降低用戶操作的效率

良好的視覺(jué)設(shè)計(jì)也是體驗(yàn)的一部分，只是我們需要對(duì)具體的頁(yè)面進(jìn)行評(píng)估，強(qiáng)調(diào)視覺(jué)帶來(lái)的體驗(yàn)是否能超過(guò)犧牲掉的交互體驗(yàn)。

2. 任意一點(diǎn)移動(dòng)到目標(biāo)中心位置所需要的時(shí)間，與目標(biāo)距離正相關(guān)，與目標(biāo)大小負(fù)相關(guān)

人們做出一個(gè)移動(dòng)指針的操作通常需要兩步：

第一步：將指針快速移動(dòng)至目標(biāo)大致所在的區(qū)域；

第二步：精細(xì)調(diào)節(jié)指針的位置以達(dá)到可點(diǎn)擊的區(qū)域；

綜合來(lái)看，D在第一步中起更為明顯的作用，而W則主要影響第二步。

減少D的大小

最經(jīng)典的例子就是菜單，大部分APP在點(diǎn)擊這類(lèi)按鈕后一定會(huì)有后續(xù)任務(wù)和操作，所以這些任務(wù)都被安排在了距離所點(diǎn)擊區(qū)域更近的菜單中。

可點(diǎn)擊的按鈕盡可能大

把頁(yè)面中按鈕做的足夠大，用戶可以輕易快速點(diǎn)擊到這個(gè)使用頻率最大的按鈕。登錄按鈕也是一樣的道理。

邊角的利用

這個(gè)作為比較特殊的存在，但在很多地方都可以看到。

瀏覽器右上角的按鈕，Windows左下角的「開(kāi)始菜單」

為什么在如此邊緣的位置放置權(quán)重相當(dāng)高的組件或操作？

在硬件設(shè)備中，邊角是指針再怎么移動(dòng)也不可能超過(guò)屏幕邊界。所以，對(duì)于用戶來(lái)說(shuō)，邊界的操作可以相當(dāng)于「無(wú)限觸發(fā)」。

這意味著對(duì)于設(shè)置在邊角的組件來(lái)說(shuō)。

W趨于無(wú)限大。這樣，無(wú)論指針距離目標(biāo)物多遠(yuǎn)，所花費(fèi)的精力、時(shí)間都是最輕松，最短暫的。

相對(duì)的，反向利用這個(gè)原理，就可以提醒用戶謹(jǐn)慎操作，又或者通過(guò)將關(guān)鍵按鈕遠(yuǎn)離視覺(jué)中心，讓用戶花費(fèi)更多時(shí)間停留在當(dāng)前頁(yè)面。

當(dāng)然，在注意用戶操作成本的同時(shí)，也要平衡界面的美觀和用戶的視覺(jué)體驗(yàn)。

3. 用戶將大部分時(shí)間花在別人家的網(wǎng)站 (產(chǎn)品) 上，而不是你的。這意味他們希望你的網(wǎng)站 (產(chǎn)品) 跟別人的有相同的操作方法和使用模式。

簡(jiǎn)單來(lái)說(shuō)就是將具有相同功能的頁(yè)面盡量保持一致。不要為了追求設(shè)計(jì)而改變用戶形成的使用習(xí)慣。尤其是一些功能性特別強(qiáng)的頁(yè)面，比如商品詳情頁(yè)。

不論是什么風(fēng)格的APP，甚至不論是不是電商APP，只要涉及到商品的詳情頁(yè)，版式都高度相似。

同樣的在具體的icon設(shè)計(jì)中，也不要為了追求與眾不同而改變大家默認(rèn)語(yǔ)義的icon。用戶需要的是底學(xué)習(xí)成本。

總之，相同的頁(yè)面應(yīng)該與其他相同功能的頁(yè)面具有一致的使用模式；

沒(méi)有足夠的理由，不要輕易標(biāo)新立異。

真正優(yōu)秀的設(shè)計(jì)，從功能到元素，從交互到過(guò)渡，都是可靠的。

作為UI設(shè)計(jì)師更需要了解到交互的重要性。

熱門(mén)課程推薦

熱門(mén)資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定