一個(gè)好的用戶界面設(shè)計(jì)應(yīng)該注意的75個(gè)原則
一個(gè)好的界面設(shè)計(jì)應(yīng)該擁有高轉(zhuǎn)化率且方便用戶使用,換句話說:既能達(dá)到商業(yè)目的又能滿足方便易用的要求。
有一個(gè)設(shè)計(jì)咨詢公司根據(jù)自己的客戶案例,總結(jié)了75個(gè)經(jīng)過實(shí)踐證明的原則:
@喬向陽之前國內(nèi)流傳這篇文章的前40個(gè)規(guī)則,后35個(gè)是我熬夜翻譯的,這個(gè)網(wǎng)站會(huì)不斷的更新添加新規(guī)則,建議收藏。
1. 使用單欄布局代替多欄布局
單欄布局能夠讓用戶對(duì)全局有更好的掌控,對(duì)內(nèi)容一目了然。而多欄布局可能會(huì)分散用戶注意力。最好的做法是用一個(gè)有邏輯的敘述來引導(dǎo)用戶并在末尾放上你的行動(dòng)按鈕。

2. 使用禮品誘惑代替生硬的推銷
例如可以給用戶提供禮物來表達(dá)你的友善姿態(tài)。更深層的講,送禮是一種基于互惠原則的有效說服策略。顯而易見的好處是讓你在往后的活動(dòng)進(jìn)展中更加順利。

3. 合并重復(fù)的功能避免分散
隨著時(shí)間的推移,不可避免的你增加了很多模塊、元素,而且功能相同。碎片化的界面會(huì)增加用戶的學(xué)習(xí)曲線,所以需要合并重復(fù)的功能,重構(gòu)你的界面。

4. 用戶的評(píng)價(jià)好過自賣自夸
用戶好評(píng)是另一個(gè)可以提高轉(zhuǎn)化率的說服策略。當(dāng)潛在客戶看到其他人對(duì)你的服務(wù)給予好評(píng)時(shí),項(xiàng)目機(jī)會(huì)會(huì)大增。所以試著提供一些含金量高的證據(jù)證明這些好評(píng)是真實(shí)可信的。

5. 重復(fù)你的主行動(dòng)按鈕
多次重復(fù)主行動(dòng)按鈕的方法適用于界面很長或者分頁的情況。

6. 區(qū)分開可點(diǎn)擊和已選擇的樣式
視覺風(fēng)格,如顏色、深度和對(duì)比度都可以當(dāng)做可靠的線索以幫助人們了解你的導(dǎo)航界面:我在哪里,我能去哪里。為了讓用戶清晰,可點(diǎn)擊元素(鏈接,按鈕)、已選擇元素(選擇的菜單)、以及純文本的樣式應(yīng)該是彼此明顯不同,而且在界面上要保持一致性原則。在視覺上,我們一般認(rèn)為藍(lán)色表示可被點(diǎn)擊,黑色表示已被選擇或是什么。

7. 給出推薦而不是讓用戶來選擇
當(dāng)列出許多選項(xiàng)時(shí),給出一個(gè)重點(diǎn)推薦項(xiàng)是個(gè)不錯(cuò)的做法,盡管推薦的設(shè)置無法滿足所有用戶,但這么做是有理論依據(jù)的:當(dāng)面臨的選擇越多時(shí),用戶就越難做出決定(決策癱瘓)。所以你可以高亮某個(gè)選項(xiàng)來幫助用戶做出選擇。

8. 使用恢復(fù)功能代替彈出對(duì)話框
假設(shè)你剛點(diǎn)擊了一個(gè)鏈接或者按鈕,撤銷操作可以讓操作流暢自然,也更符合人類的本能。而每次操作都彈一個(gè)確定框則好像是在質(zhì)問用戶你明白不明白這個(gè)操作會(huì)產(chǎn)生什么后果。其實(shí)只有極少數(shù)情況下才會(huì)發(fā)生誤操作。所以,為了防止誤操作而設(shè)計(jì)的確認(rèn)窗口其實(shí)是不人性化的,用戶每次操作都需要進(jìn)行毫無意義的確定。所以請(qǐng)考慮在你的產(chǎn)品里實(shí)現(xiàn)撤銷操作來提升用戶的操作友好度吧。

9. 明確產(chǎn)品適用人群而不是面向所有人
你是想把產(chǎn)品做成大眾化的還是有精確的適用人群呢?答案是:在產(chǎn)品定位上你需要更精確些。把產(chǎn)品定位得精確的風(fēng)險(xiǎn)就是可能縮小了目標(biāo)潛在用戶的范圍,但這種更專業(yè)的精神卻反過來會(huì)贏得信任、權(quán)威。

10. 直接果斷而不是猶猶豫豫
你可以通過不確定而顫抖的聲音來表達(dá)傳遞自己的意思,也可以通過很自信的方式表達(dá)。如果你在界面中的表述多以問號(hào)結(jié)束,比如”也許”,”可能”,”感興趣?” 或者”想要試試么?”,那么你完全可以把語氣變得更堅(jiān)定一些。不過萬事無絕對(duì),適當(dāng)放松措詞讓用戶有自行思考的余地也是可以的。

相關(guān)文章

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









