探討！人性化的界面設計
文/呂健安
人性化指的是一種理念，具體體現在美觀的同時能根據消費者的生活習慣，操作習慣，方便消費者，既能滿足消費者的功能訴求，又能滿足消費者的心理需求。因此，人性化UI界面就是在設計的過程中始終以用戶作為設計的出發點和目的，不但要使用戶儘可能簡單、高效地與產品交互，同時還要滿足用戶的情感需求；甚至通過產品的使用，幫助使用者建立自我價值和自我認同的信念。
優化的軟體系統結構
UI界面是軟體系統的外在表現。UI界面的信息結構是軟體系統在操作過程中所呈現的信息層次，通俗地講就是軟體系統的組織結構。它的任務就是在信息與使用者之間建立起一個通道，使用戶能夠按照這個通道便捷地獲取到其所需要的信息，因此軟體系統結構的優化是人性化UI界面設計的基礎和必要前提。
一個人性化的軟體結構系統，首先需要優化軟體結構層級，通過減少界面信息結構層級和增加單層信息幅度，來構建一種「寬而扁」、「快而全」的信息組織形式，也就是通過適當增加同一層級目錄以減少目錄的總層級數量，以減少用戶為實現某一功能操作的步驟數量，和提高用戶的操作效率。但，此種方式應避免的問題的是：同一層級功能的增加可能會導致用戶面對一個UI頁面過多的功能而手足無措，不能迅速找出其想要的信息。這就要求對軟體結構層級中的同級功能進行分類管理。
其次人性化的軟體結構系統體現在各層級功能分類和分布上，一個人性化的UI軟體結構中各功能模塊間的關係要有邏輯性，分類要合理、清晰，命名要準確、易懂，不要使用過於專業的術語。
交互設計
交互一詞最初源於比爾.莫格里奇，他把交互定義為產品使用行為，任務流程圖和信息結構的設計，實現技術的可用，易於理解以及令人們使用得更加愉悅。任務流程圖和信息結構的設計目的是把複雜的信息和頁面經過精心組織清晰地展現給用戶，易於用戶理解，並在使用的過程獲得愉悅的感受，因此任務流程圖和信息結構決定了整個界面操作邏輯與頁面關係，是交互設計中的關鍵。
界面上的每一個符號必須是能指與所指的緊密結合，讓用戶覺得這個東西應該是這樣使用的，也就是要符合用戶的心理預期；但是當我們的設計不是這樣的時候，用戶就會產生困擾和抱怨。那麼什麼樣的跳轉設計才是符合用戶心理預期呢？人性化UI界面的應用功能以及操作界面設計盡量符合用戶日常經驗所衍生出的對於系統以及環境的印象，也就是在產品升級換代的時候盡量保持交互設計和上一代產品相一致，使用戶即使面對新產品仍然是熟悉的操作環境，不至於感覺到陌生和困惑。
有些產品屏幕的顯示空間有限，有可能會使軟體的信息結構變得窄而深。為了實現某個功能，用戶在操作過程中需要在多個界面之間跳轉，這個時候就需要保證用戶順暢地操作，要能夠快速地找到出口，並能夠隨時地返回上級操作菜單，這樣會增加用戶的安全感。
合理的頁面布局
頁面布局就是對界面的文字、圖形或表格進行排布、規劃、設計，是軟體系統功能架構的外在可視化形式。頁面布局顯示了軟體功能構架如何分解為不同功能集，以及功能集構件如何由跳轉連接來產生有用的功能形式。因此，有效的布局對於用戶快速找到想要的內容，以及提升用戶的體驗至關重要。布局方案不是唯一的，巧妙採用各種布局可以增強產品的易用性和交互體驗。在產品設計過程中，需要考慮為不同的信息結構提供相匹配的布局。
合理規劃利用界面空間的目的是保證用戶閱讀和操作時的準確性和高效率。因此，界面布局首先應當清晰明了地呈現界面上各元素之間的相互聯繫和重點，因為用戶首先關注的區域是界面的視覺焦點，形式上被賦予焦點屬性的UI元素一定要表達最重要的內容。其次要根據用戶的閱讀習慣來設計布局，也就是尊重大部分人從左向右，自上而下的閱讀習慣。其次要求在用戶閱讀時關鍵數據不會被中斷，而且要求一個任務盡量在同一個界面內完成；同時要求界面上邏輯上相關的元素在空間上被分隔開來，且沒有明顯的視覺關聯，以避免誤操作的發生，如確認按鈕和放棄按鈕。
圖形界面
色彩和圖標是圖形界面的兩大主要的構成元素，因此人性化UI界面設計還體現為色彩和圖標等的人性化要求。
色彩通過視覺衝擊，影響於人們的感官，直接左右人們的感情與行動。不同的色彩讓人產生不同的心理感受，反之不同的心理狀態所能接受的色彩也是不盡相同的。
界面的圖標按鈕是軟體功能的命令集，每一個圖標對應的是一個目標動作，因此作為體現目標動作的圖標，是具有典型特徵的圖形符號，它應該有強烈的表意性，能形象地反映界面的功能信息，快速準確告訴用戶該圖標是做什麼用。系統的信息結構隱藏在界面之下，界面圖標設計需要讓用戶預知操作的後果，引導性的界面圖標能讓用戶對系統做出準確的把握。
TAG:設計智造 |