DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 簡單實用的用戶界面設計10個原則
簡單實用的用戶界面設計10個原則
編輯:關於網頁技巧     

網頁制作POLUOLUO文章簡介:設計真正偉大的用戶界面沒有什麼偉大的奧秘可言,做到保持簡單易用就可以。

設計真正偉大的用戶界面沒有什麼偉大的奧秘可言,做到保持簡單易用就可以。

‘保持簡單易用’意味著不要讓用戶分心。恰恰相反,好的UI讓用戶達成目標。結果如何?你的培訓和維護費用降低,並獲得更開心、滿足和高效率的用戶。

當你面對一個全新的界面設計時,別忘了這些原則。

編輯手記:Kyle將在紐約舉行的Web設計趨勢上繼續探討用戶界面設計的內容。

 

1. 了解你的用戶

“關注用戶:如果在關注競爭對手還是用戶之間選擇,答案總是後者。工作總是首先從用戶開始。”——Jeff Bezos

了解用戶,因為用戶的目標就是你的目標。試著重述用戶,了解他們的技能水平和體驗,以及什麼是他們需要的。找出用戶偏好什麼樣的界面,並觀察他們在界面中如何操作。不要迷戀於追逐設計趨勢的更新,或是不斷添加新的功能。首要的任務是關注你的用戶,這樣才能創造出一個能讓用戶達成目標的界面。

2. 重視模型

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

 20090812-1p38hhmp5j5ktekhwhp1njhbfd
 

CoTweet在郵件應用中運用了廣為人知的UI模型。

3. 保持一致性

“用戶期望越多的被正確驗證,用戶就越覺得系統在自己掌控之中,從而也就更喜愛它(系統)。”——Jakob Nielson

用戶需要一致性。他們需要知道一旦他們學會做某項操作,那麼下次也同樣可行。語言、布局和設計是需要保持一致性的幾個界面元素。一致性的界面可以讓用戶對於如何操作有更好的理解,從而提升效率。

4. 運用視覺等級

“設計師可以從混亂中找到統一;他們可以通過組織操控文字、圖片從而清晰地傳達設計意圖。”—— Jeffery Veen,Web設計藝術家和研究者

設計時,要讓用戶把注意力放在最重要的地方。每一個元素的尺寸、顏色還有位置,它們為理解界面共同指明了道路。清晰的層級關系將對降低外觀的復雜性起到重要作用(甚至當行為本身也同樣復雜的時候)。

5. 提供反饋

界面要始終保持和用戶的溝通,不管是當他/她們的行為對錯與否。隨時提示用戶的行為:狀態更改、出現錯誤或者異常信息。視覺提示或是簡單文字提醒都能告訴用戶,他/她的行為是否能夠達到預期的結果。

 20090812-kf7yqjwsrbfaibyj9d7kh5i2fy

BantamLive在界面中為大多數行為提供了一種嵌入式的載入提示。

6. (對用戶)寬容

無論你的設計有多麼的清晰明了,用戶都會犯錯。你的UI應當允許並寬容的對待用戶的錯誤。要為用戶提供可以撤銷行為的方式,並且對五花八門的輸入數據盡量寬容(沒人願意只是因為填錯了生日的格式而重頭再來)。同樣,如果用戶的行為引起了一個錯誤,在恰當的時機運用信息顯示什麼行為是錯誤的,並確保他/她明白如何防止這種錯誤的再次發生。

如何利用簡單的驗證碼提高注冊率一文中講述了一個絕佳的例子。

7. 鼓勵用戶

一旦用戶對界面有了經驗之後,要獎勵他/她們,使之進價。把復雜任務分解為若干簡單步驟將會更顯繁復和讓人精力分散。提供更多的抽象方式——如鍵盤快捷鍵——完成任務,這樣會讓你的設計變得簡潔易用。

8. 融入用戶的語言

“如果你對每個像素、每個圖標、每個字體都考慮再三,那麼你同樣需要斟酌每個詞語。” —— Getting Real

所有的界面或多或少都有文字在其上。讓文稿盡量口語化,而不是華美辭藻的堆砌。為行為提供清晰、簡明的標簽,保持簡樸的文字敘述。用戶對此將會很贊賞,因為他們不再是聽命於他人的官腔——他們聽到的是如朋友般甚至自己說話的表述方式。

9. 保持簡潔

“一個現代的悖論就是:創造復雜的界面很簡單,因為復雜到必須簡化它們”—— Pär Almqvist

正所謂:大音希聲、大象無形。最上乘的設計中,你看不到華而不實的UI修飾,或是用不到的設計元素。換而是,其必須的元素一定是簡潔且有意義的。當你想著是否要再界面上加一個心功能或是元素的時候,問問自己,“用戶真的需要這些嗎?”或者是“為什麼用戶想要這個小巧的動態圖標?”。你是否只是因為出於自我喜好而添加這些元素?記住,永遠不要在UI設計中給自己出風頭。

10. 不斷向前

爺爺:如果每次失敗我都放棄的話,那麼我將永遠不會發明耐火褲!【這時褲子燒光了,露出了底褲】

爺爺:接縫處還在改良中……

節選自《未來小子》

《未來小子》一片是我最喜愛的電影之一。貫穿影片的主角Lewis一直在挑戰著“不斷向前”。這正是UI設計的關鍵准則。

人們常說,當開發界面的時候,你往往需要失敗的快一點,這樣就能頻繁迭代。當創建UI之時,你總會碰到錯誤。沒關系,只要不斷向前,並且要牢記讓你的UI簡單易用。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved