歡迎來到培訓(xùn)無(wú)憂網(wǎng)!

全國(guó)切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無(wú)憂網(wǎng) > 新聞資訊 > 電腦/IT > web前端 >  網(wǎng)頁(yè)用戶界面設(shè)計(jì)原則

網(wǎng)頁(yè)用戶界面設(shè)計(jì)原則

來源:培訓(xùn)無(wú)憂網(wǎng) 發(fā)布人:裴裴

2022-04-12 21:22:10|已瀏覽:190次

網(wǎng)頁(yè)用戶界面設(shè)計(jì)原則

網(wǎng)頁(yè)用戶界面設(shè)計(jì)原則—了解你的用戶

      了解用戶,因?yàn)橛脩舻哪繕?biāo)就是你的目標(biāo)。試著重述用戶,了解他們的技能水平和體驗(yàn),以及什么是他們需要的。找出用戶偏好什么樣的界面,并觀察他們?cè)诮缑嬷腥绾尾僮。不要迷戀于追逐設(shè)計(jì)趨勢(shì)的更新,或是不斷添加新的功能。首要的任務(wù)是關(guān)注你的用戶,這樣才能創(chuàng)造出一個(gè)能讓用戶達(dá)成目標(biāo)的界面。

網(wǎng)頁(yè)用戶界面設(shè)計(jì)原則—重視模型

      用戶的大部分時(shí)間都消耗在界面中,而不是他們自身上(Facebook,MySpace,Blogger,美國(guó)銀行,學(xué)校/大學(xué),新聞網(wǎng)站,等等)。我們無(wú)需畫蛇添足,用戶在你正在創(chuàng)造的界面中看到的正是那些(已有的)界面已經(jīng)解決的同樣問題。利用已成慣例的UI模型,你將使用戶感覺像在家中一樣熟悉。

網(wǎng)頁(yè)用戶界面設(shè)計(jì)原則—保持一致性

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

網(wǎng)頁(yè)用戶界面設(shè)計(jì)原則—運(yùn)用視覺等級(jí)

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

網(wǎng)頁(yè)用戶界面設(shè)計(jì)原則—提供反饋

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

      (對(duì)用戶)寬容

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

      鼓勵(lì)用戶

      一旦用戶對(duì)界面有了經(jīng)驗(yàn)之后,要獎(jiǎng)勵(lì)他/她們,使之進(jìn)價(jià)。把復(fù)雜任務(wù)分解為若干簡(jiǎn)單步驟將會(huì)更顯繁復(fù)和讓人精力分散。提供更多的抽象方式——如鍵盤快捷鍵——完成任務(wù),這樣會(huì)讓你的設(shè)計(jì)變得簡(jiǎn)潔易用。

      融入用戶的語(yǔ)言

      所有的界面或多或少都有文字在其上。讓文稿盡量口語(yǔ)化,而不是華美辭藻的堆砌。為行為提供清晰、簡(jiǎn)明的標(biāo)簽,保持簡(jiǎn)樸的文字?jǐn)⑹。用戶?duì)此將會(huì)很贊賞,因?yàn)樗麄儾辉偈锹犆谒说墓偾弧麄兟牭降氖侨缗笥寻闵踔磷约赫f話的表述方式。

      保持簡(jiǎn)潔

      正所謂:大音希聲、大象無(wú)形。最上乘的設(shè)計(jì)中,你看不到華而不實(shí)的UI修飾,或是用不到的設(shè)計(jì)元素。換而是,其必須的元素一定是簡(jiǎn)潔且有意義的。當(dāng)你想著是否要再界面上加一個(gè)心功能或是元素的時(shí)候,問問自己,“用戶真的需要這些嗎?”或者是“為什么用戶想要這個(gè)小巧的動(dòng)態(tài)圖標(biāo)?”。你是否只是因?yàn)槌鲇谧晕蚁埠枚砑舆@些元素?記住,永遠(yuǎn)不要在UI設(shè)計(jì)中給自己出風(fēng)頭。

      不斷向前

      人們常說,當(dāng)開發(fā)界面的時(shí)候,你往往需要失敗的快一點(diǎn),這樣就能頻繁迭代。當(dāng)創(chuàng)建UI之時(shí),你總會(huì)碰到錯(cuò)誤。沒關(guān)系,只要不斷向前,并且要牢記讓你的UI簡(jiǎn)單易用。

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://elsolbar.com/news-id-28382.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注web前端頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機(jī):

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無(wú)憂網(wǎng)
免 費(fèi) 申 請(qǐng) 試 聽
提交申請(qǐng),《培訓(xùn)無(wú)憂網(wǎng)》課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程!