建站常識
用戶界面設計10原則
2009-09-15 22:23:00
作者:Kyle Sollenberger 版權所有
翻譯:UCDChina翻譯小組,Roc
設計真正偉大的用戶界面沒有什么偉大的奧秘可言,做到保持簡單易用就可以。
‘保持簡單易用’意味著不要讓用戶分心。恰恰相反,好的UI讓用戶達成目標。結果如何?你的培訓和維護費用降低,并獲得更開心、滿足和高效率的用戶。
當你面對一個全新的界面設計時,別忘了這些原則。
編輯手記:Kyle將在紐約舉行的Web設計趨勢上繼續(xù)探討用戶界面設計的內(nèi)容。
1. 了解你的用戶
“關注用戶:如果在關注競爭對手還是用戶之間選擇,答案總是后者。工作總是首先從用戶開始?!薄狫eff Bezos
了解用戶,因為用戶的目標就是你的目標。試著重述用戶,了解他們的技能水平和體驗,以及什么是他們需要的。找出用戶偏好什么樣的界面,并觀察他們在界面中如何操作。不要迷戀于追逐設計趨勢的更新,或是不斷添加新的功能。首要的任務是關注你的用戶,這樣才能創(chuàng)造出一個能讓用戶達成目標的界面。
2. 重視模型
用戶的大部分時間都消耗在界面中,而不是他們自身上(Facebook,MySpace,Blogger,美國銀行,學校/大學,新聞網(wǎng)站,等等)。我們無需畫蛇添足,用戶在你正在創(chuàng)造的界面中看到的正是那些(已有的)界面已經(jīng)解決的同樣問題。利用已成慣例的UI模型,你將使用戶感覺像在家中一樣熟悉。
CoTweet在郵件應用中運用了廣為人知的UI模型。
3. 保持一致性
“用戶期望越多的被正確驗證,用戶就越覺得系統(tǒng)在自己掌控之中,從而也就更喜愛它(系統(tǒng))?!薄狫akob Nielson
用戶需要一致性。他們需要知道一旦他們學會做某項操作,那么下次也同樣可行。語言、布局和設計是需要保持一致性的幾個界面元素。一致性的界面可以讓用戶對于如何操作有更好的理解,從而提升效率。
4. 運用視覺等級
“設計師可以從混亂中找到統(tǒng)一;他們可以通過組織操控文字、圖片從而清晰地傳達設計意圖?!薄?Jeffery Veen,Web設計藝術家和研究者
設計時,要讓用戶把注意力放在最重要的地方。每一個元素的尺寸、顏色還有位置,它們?yōu)槔斫饨缑婀餐该髁说缆?。清晰的層級關系將對降低外觀的復雜性起到重要作用(甚至當行為本身也同樣復雜的時候)。
5. 提供反饋
界面要始終保持和用戶的溝通,不管是當他/她們的行為對錯與否。隨時提示用戶的行為:狀態(tài)更改、出現(xiàn)錯誤或者異常信息。視覺提示或是簡單文字提醒都能告訴用戶,他/她的行為是否能夠達到預期的結果。
BantamLive在界面中為大多數(shù)行為提供了一種嵌入式的載入提示。
6. (對用戶)寬容
無論你的設計有多么的清晰明了,用戶都會犯錯。你的UI應當允許并寬容的對待用戶的錯誤。要為用戶提供可以撤銷行為的方式,并且對五花八門的輸入數(shù)據(jù)盡量寬容(沒人愿意只是因為填錯了生日的格式而重頭再來)。同樣,如果用戶的行為引起了一個錯誤,在恰當?shù)臅r機運用信息顯示什么行為是錯誤的,并確保他/她明白如何防止這種錯誤的再次發(fā)生。
如何利用簡單的驗證碼提高注冊率一文中講述了一個絕佳的例子。
7. 鼓勵用戶
一旦用戶對界面有了經(jīng)驗之后,要獎勵他/她們,使之進價。把復雜任務分解為若干簡單步驟將會更顯繁復和讓人精力分散。提供更多的抽象方式——如鍵盤快捷鍵——完成任務,這樣會讓你的設計變得簡潔易用。
8. 融入用戶的語言
“如果你對每個像素、每個圖標、每個字體都考慮再三,那么你同樣需要斟酌每個詞語?!?—— Getting Real
所有的界面或多或少都有文字在其上。讓文稿盡量口語化,而不是華美辭藻的堆砌。為行為提供清晰、簡明的標簽,保持簡樸的文字敘述。用戶對此將會很贊賞,因為他們不再是聽命于他人的官腔——他們聽到的是如朋友般甚至自己說話的表述方式。
9. 保持簡潔
“一個現(xiàn)代的悖論就是:創(chuàng)造復雜的界面很簡單,因為復雜到必須簡化它們”—— P?r Almqvist
正所謂:大音希聲、大象無形。最上乘的設計中,你看不到華而不實的UI修飾,或是用不到的設計元素。換而是,其必須的元素一定是簡潔且有意義的。當你想著是否要再界面上加一個心功能或是元素的時候,問問自己,“用戶真的需要這些嗎?”或者是“為什么用戶想要這個小巧的動態(tài)圖標?”。你是否只是因為出于自我喜好而添加這些元素?記住,永遠不要在UI設計中給自己出風頭。
10. 不斷向前
爺爺:如果每次失敗我都放棄的話,那么我將永遠不會發(fā)明耐火褲!【這時褲子燒光了,露出了底褲】
爺爺:接縫處還在改良中……
節(jié)選自《未來小子》
《未來小子》一片是我最喜愛的電影之一。貫穿影片的主角Lewis一直在挑戰(zhàn)著“不斷向前”。這正是UI設計的關鍵準則。
人們常說,當開發(fā)界面的時候,你往往需要失敗的快一點,這樣就能頻繁迭代。當創(chuàng)建UI之時,你總會碰到錯誤。沒關系,只要不斷向前,并且要牢記讓你的UI簡單易用。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2009-07-13 07:48:00] 良好的用戶界面設計
- [2009-04-20 08:33:00] 成功的用戶界面的八個特性
- [2010-11-08 08:18:00] 用戶界面設計中“狀態(tài)”和“動作”的表達
- [2006-01-06 21:55:00] 網(wǎng)站設計和圖形用戶界面(GUI)設計的不同
- [2010-11-03 08:16:00] 如何設計一個良好體驗的用戶界面(上)
- [2009-10-09 08:13:00] 社會化網(wǎng)絡用戶界面(UI)的9個重要特征
- [2010-04-07 21:41:00] 如何精簡用戶界面
- [2010-03-22 15:08:00] 會猜用戶心的界面
- [2010-06-10 16:14:00] 網(wǎng)頁設計(web design)和用戶界面設計(UI design)
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
青島高端網(wǎng)站建設 青島網(wǎng)站建設 網(wǎng)站開發(fā) IT資訊 力圖 微官網(wǎng)帶來的好處 用戶界面 青島網(wǎng)站建設公司哪家好 營銷型網(wǎng)站建設 版面布局 頁面設計 企業(yè)網(wǎng)站為什么要備案 robots 微官網(wǎng) 青島輪胎網(wǎng)站設計 審美 膠南網(wǎng)站建設公司 網(wǎng)站推廣 網(wǎng)站設計趨勢 青島高端網(wǎng)站設計公司哪家好 集團官網(wǎng) 空白和簡潔的設計 英文網(wǎng)站建設 青島IT資訊 網(wǎng)站策劃 外貿(mào)網(wǎng)站設計 青島flash網(wǎng)站 如何做網(wǎng)站優(yōu)化 網(wǎng)站建設的步驟有哪些 官網(wǎng)網(wǎng)站建設