一個(gè)好的用戶界面設(shè)計(jì)應(yīng)該注意的75個(gè)原則
60. 用幽默代替嚴(yán)肅
為什么要一直那么嚴(yán)肅呢?在你的UI里加入一些幽默的元素有助于與你的用戶/客戶之間建立良好的情感聯(lián)系,也更容易原諒你的一些錯(cuò)誤。

61. 用反饋代替沉默
當(dāng)我們執(zhí)行了一個(gè)動(dòng)作,肯定我們希望知道是否成功。比如:當(dāng)我們發(fā)送郵件時(shí)候希望知道是否發(fā)送成功。什么反饋也沒(méi)有意味著不確定性:起作用了么?點(diǎn)擊了么?按鈕按下去了么?是否要重試? 成功提醒是非常有價(jià)值的交互。

62. 判斷出用戶意圖
如下圖所示,這是亞馬遜的一個(gè)多級(jí)菜單,當(dāng)?shù)谝粋€(gè)菜單展開(kāi),用戶鼠標(biāo)往右下角移動(dòng)路過(guò)第二個(gè)菜單的時(shí)候,之前的展開(kāi)的菜單并不會(huì)消失,他們靠算法預(yù)判到用戶可能是想點(diǎn)擊第一個(gè)菜單下的某個(gè)子菜單。

63. 使用寬松的間隔避免元素?cái)D在一起
空白的填充可以讓內(nèi)容和表格的可讀性更好,廣泛適用于列表、表格、段落等元素。

64. 使用講故事的方式而不是列出事實(shí)
講故事是最古老的傳播方式,可以在著頁(yè)面和各種UI交互頁(yè)使用。一個(gè)基本的故事有幾個(gè)簡(jiǎn)單的元素,如場(chǎng)景,帶著目的的人物,遇到的問(wèn)題。故事可以引發(fā)讀者的情感反應(yīng),就像自己遇到了同樣的處境。這樣,故事也可變得更加難忘。這也就是為什么銷售長(zhǎng)久以來(lái)喜歡講故事,說(shuō)明這非常有效的。

65. 使用可靠的內(nèi)容,避免造假
人們可以一眼就看出太假的東西,為了讓你的產(chǎn)品更值得信賴,不要造假。股票高高的走勢(shì)圖和網(wǎng)頁(yè)上開(kāi)心笑的人沒(méi)有任何理由和意義?;祀s著好和壞的評(píng)價(jià),非整數(shù)數(shù)字讓你的網(wǎng)頁(yè)更真實(shí)可靠。

66. 隨著用戶的進(jìn)階而優(yōu)化
當(dāng)用戶對(duì)你的操作界面很熟悉之后,一些給新手顯示的東西或者一些經(jīng)常顯示的東西變得不那么重要,可以去掉或者移動(dòng)其他地方。這樣可以讓設(shè)計(jì)更加精簡(jiǎn)。

67. 以別人為中心
想建立社會(huì)影響力的時(shí)候就要優(yōu)先考慮別人的利益,把對(duì)話中的”我“變成”你“。

68. 對(duì)于你顯而易見(jiàn)的東西可能對(duì)于別人不是
有些事情對(duì)于我們來(lái)說(shuō)似乎是顯而易見(jiàn)的,對(duì)于別人卻不是。如下圖中讓用戶輸入U(xiǎn)RL快捷方式,用戶不一定知道指的是什么:

69. 讓語(yǔ)言簡(jiǎn)潔明了,去掉多余的廢話
使用更少,更簡(jiǎn)潔的話,在寫完草稿后,看看是否還可以縮減。抓住要點(diǎn)可以避免丟掉用戶的注意力。

70. 使用響應(yīng)式布局避免靜態(tài)布局
沒(méi)有什么比出現(xiàn)橫縱雙滾動(dòng)條更糟糕的頁(yè)面了,讓頁(yè)面支持的響應(yīng)式布局,這樣在各種大小的移動(dòng)設(shè)備上都能良好的顯示。

相關(guān)文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說(shuō)到相機(jī)畫幅,估計(jì)平時(shí)聽(tīng)到最多的可能就是全畫幅與半畫幅了,以至于不少人認(rèn)為中畫幅比全畫幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來(lái)和大家說(shuō)說(shuō)相機(jī)的不同畫幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來(lái)探討這個(gè)話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10
常用照片尺寸有哪些 常見(jiàn)證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無(wú)論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺(jué)效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺(jué)突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來(lái)看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語(yǔ)言,今天我們來(lái)推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫面,該怎么操作呢?下面我們就來(lái)看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡(jiǎn)單說(shuō)說(shuō)真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無(wú)損壓縮(M)”和“無(wú)損壓縮(S)”RAW的問(wèn)題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁(yè)面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來(lái)看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說(shuō)一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來(lái)看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06









