UI設(shè)計(jì)資料庫(kù)
輸入機(jī)構(gòu)/課程/服務(wù)名稱

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

2021-12-16 10:30:49
# 設(shè)計(jì)培訓(xùn) # UI設(shè)計(jì)培訓(xùn)

用戶界面(User Interface)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味,還有讓軟件的操作變得舒適、簡(jiǎn)單、自由、充分體現(xiàn)軟件的定位和特點(diǎn),以下是一些有關(guān)UI設(shè)計(jì)的原則。


1、了解你的用戶

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


2、重視UI模型

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


3、保持一致

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


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

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


5、提供反饋

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


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

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


7、鼓勵(lì)用戶

一旦用戶在完成了關(guān)鍵操作,可以通過(guò)彈出對(duì)話框等方式及時(shí)告知用戶。值得注意的是,把一個(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)潔

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


*文章內(nèi)容和圖片均來(lái)源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)聯(lián)系刪除。

查看剩余內(nèi)容
loading
Hi,我是教育寶平臺(tái)顧問(wèn) 添加我的微信,在查找或下載資料時(shí),有任何問(wèn)題,我會(huì)隨時(shí)為您解決~
loading
掃描二維碼 添加顧問(wèn)微信

點(diǎn)贊

收藏

資深學(xué)習(xí)規(guī)劃師,免費(fèi)幫您答疑解惑,定制學(xué)習(xí)方案
限時(shí)免費(fèi)咨詢
喜歡此內(nèi)容的人還喜歡
  1. UI設(shè)計(jì)培訓(xùn)學(xué)習(xí)要遵循哪些設(shè)計(jì)規(guī)范
    攻略
    # UI設(shè)計(jì)培訓(xùn) # 設(shè)計(jì)培訓(xùn)
  2. 游戲UI設(shè)計(jì)學(xué)什么?實(shí)際發(fā)展怎么樣?
    攻略
    # 設(shè)計(jì)培訓(xùn) # UI設(shè)計(jì)培訓(xùn)
  3. 怎么學(xué)UI設(shè)計(jì)入門?怎樣才能少走彎路?
    攻略
    # 設(shè)計(jì)培訓(xùn) # UI設(shè)計(jì)
  4. 零基礎(chǔ)該如何成為UI設(shè)計(jì)師
    攻略
    # 設(shè)計(jì) # UI設(shè)計(jì) # 設(shè)計(jì)培訓(xùn)
  5. UI設(shè)計(jì)發(fā)展前景
    就業(yè)
    # 設(shè)計(jì) # UI設(shè)計(jì) # 設(shè)計(jì)培訓(xùn)
  6. UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)。
    科普
    # 設(shè)計(jì) # UI設(shè)計(jì) # 設(shè)計(jì)培訓(xùn)
職位/薪酬更多
教育寶設(shè)計(jì)頻道
教育寶致力于打造中國(guó)最專業(yè)的設(shè)計(jì)學(xué)習(xí)平臺(tái),為設(shè)計(jì)學(xué)員、教育機(jī)構(gòu)、從業(yè)者和上下游搭建連接、互動(dòng)、交流和賦能平臺(tái)。