本節書摘來自異步社群《衆妙之門——網站ui設計之道（修訂版）》一書中的第1章，第1.1節，作者【德】smashing magazine，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視
衆妙之門——網站ui設計之道（修訂版）
dmitry fadeyev
什麼是使用者界面設計?什麼是有效的使用者界面設計?你打算如何把使用者界面設計得更好?這一章，我們就來了解一下現代網際網路應用程式中可視使用者界面設計的理論演化和技術更新。
“在你使用工具完成任務的過程中，你所做的操作以及工具的響應，這些結合起來就構成了界面。”—jef raskin
使用者在第一次使用一個界面時，仍然能發現某些元素是他們所熟知的。
使用者界面設計并不僅僅是考慮如何擺放按鈕和菜單，更為重要的是考慮應用程式或裝置如何與使用者互動；更多時候，還要考慮産品與多個使用者之間的互動。這就意味着，使用者界面設計不僅要做出好看的産品外觀，還要做出好用的産品。這不僅僅是調整一下按鈕的位置、給他們選選顔色，而是要為完成一項任務而選擇正确的工具。一個特殊的界面，是否需要使用按鈕?如果确實需要，那麼這些按鈕将完成什麼樣的工作?這個按鈕需要如何設計才能讓使用者了解這個應用程式的工作方式，并且輕松達到使用者的目的。
在産品的開發周期中，盡早開始使用者界面設計至關重要。正如 jef raskin 所說：“對消費者而言，界面就是産品[1]”。使用者一直看到和使用的都是使用者界面，而不是深藏在應用程式背後的技術體系結構。把界面做好，這将極大地提高使用者使用産品時的愉悅感，這也能讓其很容易就掌握産品的使用方法。是以，先從界面設計開始，然後再開始應用程式背景引擎的編碼，要好于先開始編碼，再給它包裹一層界面。
什麼因素能成就一個偉大的使用者界面？
在我們開始着手設計使用者界面之前，首先應該了解什麼樣的使用者界面才是出色的使用者界面，我們的設計要具備哪些品質才夠得上“出色”。所有偉大的使用者界面大都具有下面這8個品質或特點。
1．清晰——通過使用文字、流程圖、層級圖、圖示等元素，避免使用者對界面産生困惑。清晰的界面不需要手冊，同時還能確定使用者在使用的過程中減少犯錯。
2．簡潔——為了讓界面清晰，可以通過在所有元素上添加浮動框說明或者标簽這種簡單的方法來實作，但這樣做會導緻界面膨脹臃腫。如果電腦螢幕上同時充斥了太多的東西，找到你想要的東西是非常困難的，使用者使用起來就覺得困難乏味。如何讓界面同時保持簡潔和清晰，這正是設計偉大界面的挑戰所在。
3．熟悉——人們總是對之前見過的東西有一種熟悉的感覺，有的界面即使是第一次使用，其中的有些元素我們還是會感覺很熟悉。在設計過程中，使用一些現實生活中公認的意象能夠更好地幫助使用者了解。例如，檔案夾樣式的頁籤通常在網站和應用程式中起導航作用，人們很快就能意識到它的導航作用，因為現實生活中，我們也是通過檔案夾來分類資料的。
4．響應性——這意味着兩件事情。首先，響應必須迅速，一個良好的界面不應該讓人感覺反應遲緩。其次，界面應該提醒使用者發生了什麼事，使用者的輸入是否成功地處理，讓使用者了解這些資訊回報。并且明确告訴使用者，他的請求已經被成功受理。
5．一緻性——在整個應用程式中保持界面一緻是非常重要的，這能夠讓使用者識别出使用的模式。一旦使用者學會了界面中某個部分的操作，他很快就能知道如何在其他地方或其他特性上進行操作，就好像他們早就知道似的。
6．美學性——盡管你不需要把一個界面做得非常有吸引力，但是有一個好看的界面會讓使用者工作起來更開心。況且，讓使用者開心絕對是一件好事。
7．高效性——時間就是金錢，一個偉大的界面應當通過快捷菜單或者良好的設計來幫助使用者提高工作效率。畢竟這是科技帶給我們的一個最大好處，它允許我們用更少的時間和努力來完成更多的工作。
8．容錯性——每個人都會犯錯，你的應用程式如何處理使用者所犯的錯誤是對它的總體品質的最好測試。它是否容易撤消操作?是否容易恢複删除的檔案?一個好的使用者界面不應當因為使用者的錯誤而懲罰使用者，而應該總是為使用者提供犯錯之後的補救方法。
想要設計一個包含所有特性的使用者界面非常困難，因為各個特性之間總是互相影響。你在界面中增加的元素越多，使用者在使用上所花的努力就越大。當然，反過來亦是如此。沒有足夠的幫助和支援，使用者會茫然不知所措。如何設計既簡潔、優雅，又清晰、一緻的使用者界面，是擺在使用者界面設計師面前的最大難題。