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