UI設(shè)計(jì)原則,看看,有沒(méi)有你知道的!

2021-5-27    藍(lán)藍(lán)設(shè)計(jì)的小編

(圖片來(lái)源于圖蟲(chóng)創(chuàng)意)

1、了解你的用戶(hù)

因?yàn)槟愕挠脩?hù)是最終評(píng)判用戶(hù)界面好壞的人,所以用戶(hù)即是你的終極目標(biāo),不了解用戶(hù)需求,即使你的界面做得再好,也不是用戶(hù)想要的產(chǎn)品。了解用戶(hù)的需求是你開(kāi)始做界面的前提,試著沉下心來(lái)仔細(xì)觀察用戶(hù)的喜好,并了解他們的技能水平和體驗(yàn)觀察他們?cè)诮缑嬷腥绾尾僮?。不要迷戀于追逐設(shè)計(jì)趨勢(shì)的更新,或是不斷添加新的功能,始終記住,首要的任務(wù)是關(guān)注你的用戶(hù),這樣才能創(chuàng)造出一個(gè)能讓用戶(hù)達(dá)成目標(biāo)的界面。

2、重視UI模型

在軟件中,用戶(hù)的大部分時(shí)間都消耗在界面操作中,比如數(shù)據(jù)錄入、數(shù)據(jù)修改、數(shù)據(jù)查閱等等,這點(diǎn)與瀏覽為主的網(wǎng)站類(lèi)頁(yè)面的用戶(hù)操作是完全不同的,所以我們無(wú)需畫(huà)蛇添足。用戶(hù)希望在新創(chuàng)造的界面中看到那些已有的、相似功能的或遵循基本操作方式的軟件界面,即可利用已成慣例的UI模型,使用戶(hù)產(chǎn)生親切感。

3、保持一致

用戶(hù)需要知道一旦他們學(xué)會(huì)做某項(xiàng)操作,那么下次也同樣可行。語(yǔ)言、布局和設(shè)計(jì)是需要保持一致性的幾個(gè)界面元素。一致性的界面可以讓用戶(hù)對(duì)于如何操作有更好的理解,從而提升效率。

4、清晰的視覺(jué)層次

設(shè)計(jì)時(shí),要讓用戶(hù)把注意力放在最重要的地方。每一個(gè)元素的尺寸、顏色還有位置,它們?yōu)槔斫饨缑婀餐该髁说缆贰G逦膶蛹?jí)關(guān)系將對(duì)降低外觀的復(fù)雜性起到重要作用。

(圖片來(lái)源于圖蟲(chóng)創(chuàng)意)

5、提供反饋

界面要始終保持和用戶(hù)的溝通,不管是他們的行為對(duì)錯(cuò)與否。隨時(shí)提示用戶(hù)的行為:狀態(tài)更改、出現(xiàn)錯(cuò)誤或者異常信息。視覺(jué)提示或是簡(jiǎn)單文字提醒都能告訴用戶(hù),他們的行為是否能夠達(dá)到預(yù)期的結(jié)果。

6、容錯(cuò)機(jī)制

無(wú)論你的設(shè)計(jì)多么的清晰明了,用戶(hù)都會(huì)犯錯(cuò)。你的界面應(yīng)當(dāng)允許并要為用戶(hù)提供可以撤銷(xiāo)行為的方式,并且對(duì)五花八門(mén)的輸入數(shù)據(jù)盡量寬容(沒(méi)人愿意只是因?yàn)樘铄e(cuò)了生日的格式而重頭再來(lái))。同樣,如果用戶(hù)的行為引起了一個(gè)錯(cuò)誤,在恰當(dāng)?shù)臅r(shí)機(jī)運(yùn)用信息顯示什么行為是錯(cuò)誤的,并確保用戶(hù)明白如何防止這種錯(cuò)誤的再次發(fā)生。

7、鼓勵(lì)用戶(hù)

一旦用戶(hù)在完成了關(guān)鍵操作,可以通過(guò)彈出對(duì)話框等方式及時(shí)告知用戶(hù)。值得注意的是,把一個(gè)復(fù)雜的流程任務(wù)分解為若干簡(jiǎn)單步驟,將會(huì)更顯繁復(fù)和讓人精力分散。所以無(wú)論正在執(zhí)行的任務(wù)有多么復(fù)雜和漫長(zhǎng),在界面上要保持流程的不間斷性。

8、語(yǔ)言有親和力

所有的界面或多或少都有文字在其上,讓文稿盡量口語(yǔ)化,而不是華美辭藻的堆砌。為行為提供清晰、簡(jiǎn)明的標(biāo)簽,保持簡(jiǎn)樸的文字?jǐn)⑹??!?

9、保持簡(jiǎn)潔

最好的用戶(hù)界面就是沒(méi)有界面。優(yōu)秀的軟件界面中,你看不到華而不實(shí)的UI修飾,更看不到那些用不到的設(shè)計(jì)元素。所以當(dāng)想著是否要在界面上加一個(gè)新功能或是新元素的時(shí)候,再思考一下:用戶(hù)或者界面中真的需要這些么?為什么用戶(hù)想要在這里當(dāng)這個(gè)小巧的動(dòng)態(tài)圖標(biāo)?是否只是因?yàn)槌鲇谧晕蚁埠煤晚?yè)面的漂亮而去添加這些元素??jī)?yōu)秀的UI工程師做出來(lái)的軟件界面不會(huì)十分華麗,界面中沒(méi)有任何分散用戶(hù)注意力打攪用戶(hù)操作的元素。甚至應(yīng)該達(dá)到在用戶(hù)使用系統(tǒng)的時(shí)候完全注意不到頁(yè)面和操作復(fù)雜的問(wèn)題,一切都應(yīng)該是順理成章的。


(圖片來(lái)源于圖蟲(chóng)創(chuàng)意)

文章來(lái)源:快資訊 作者:德方科技


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

                                                            微信圖片_20210513163802.png

 

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

 

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)




分享本文至:

日歷

鏈接

個(gè)人資料

存檔