界面設計中秩序感！

文/徐文靜

相對於視覺傳達設計而言，交互界面更加註重用戶與界面的互動，用戶對界面的理解將直接關係到用戶能否順利操作並達到自己的目的。通過對秩序感理論的闡述，說明秩序感對交互界面設計非常重要，並以實例總結常見的交互界面布局，分析其中的秩序感及其作用。

何為秩序感？

秩序感不是人為的規定，它從本質上是一種規律性，是事物存在、運動、發展、變化的有序性。它不僅表現是一種自然形態，也是一種規律性和條理性，因此人們往往可以通過秩序感來預測事物發展的趨勢。設計為多數用戶服務，更加強調秩序感和規律性。交互界面設計的秩序感體現在視知覺的建構過程中對視覺經驗和運動規律的適應、感知和選擇，因此，探究秩序感在交互界面設計中應用的過程也是感知交互界面視覺秩序和審美心理秩序同構的過程。

界面設計秩序

交互界面設計同平面版式設計有很多共同之處，需要按照一定的科學與藝術的原理進行文字、圖形的布局設計，在有限的屏幕空間上將用戶所需要的服務和信息綜合呈現出來，將理性思維通過個性化的方式表現出來。秩序感就是在這些元素的排列組合中產生了，不但要符合人眼視覺的一系列規律，還要符合形式美的法則。但因為交互界面設計更加側重人機交互，所以遠不如平面版式設計那樣自由，所以根據一般交互界面設計中的秩序感可以大致分為以下幾種：點陣式、左上式、右下式、居中式和總體式等。

點陣式

左上式

這種形式重點突出有層次，上方一般是標題，十分醒目；左側是操作工具欄，自上而下排序，直觀且富有條理；重要信息在右側的較大區域內顯示，可以吸引用戶的注意。其優點是側邊欄與頂部顯示導航信息，結構緊湊、安排科學合理，著重引導用戶理性的選擇所需操作，從左向右，先導航再瀏覽具體信息。這一形式的界面比較適合網頁、音樂播放等軟體操作系統界面。

右下式

這種形式與「左上式」很相似，但是右下式更加強調具體信息，全局信息引導功能較弱，所以比較適用於類似自助售票系統的自助化公共服務設備和局部系統交互界面設計等。因為大部分人都習慣右手操作，所以主要功能鍵安排在右邊更符合用戶的使用習慣，可以提高用戶的操作績效，如局部監控系統界面設計。

居中式

居中布局方式的優點是展示的信息內容量大，信息結構屬於寬而淺類型，儘可能將信息呈現到主頁，一覽無餘的供用戶選擇，所以比較適用於公共服務系統界面和局部系統交互界面等。但是這樣的信息多而密，易產生視覺疲勞和接收錯誤；尤其是界面左右兩邊都有操作鍵時，用戶反而會感到有些混亂。

整體式

整體布局更加的隨意，相比較前幾種形式而已，其秩序感相對較弱，反而更加強調個性化的表現，所以適合於信息展示型界面。這一類的交互界面常用精緻的背景、藝術化的圖案裝飾等元素，這些元素的排布非常自由，因而顯得比較活潑靈動，畫面也會比較均衡協調，可以一下子吸引用戶的眼球。但是這一形式的缺點在於操作性界面功能區塊劃分不夠清晰，易引起信息混亂，所以用戶要花上一些時間才能夠學會並記憶操作方式。

交互界面的流程

視覺吸引。接觸到交互界面時首先映入眼帘的肯定是整體的用色和布局，類似於服務的宣傳。獨特的知覺形式能吸引用戶眼球，併產生深入了解的意願，於無形中與用戶建立信任可靠的關係。尋找信息。當一個用戶使用某個交互界面時，首先是想找到與自己期待的服務相關的信息。這就要求交互界面的設計可以有個性化元素，但也必須有內在的秩序感，如音樂播放軟體，用戶最需要的歌曲搜索、播放、暫停等一定要出現在適當位置，讓用戶把注意力集中在重要的地方。

交互界面設計的目的在於給用戶視覺衝擊力的同時，也能給予用戶良好的操作體驗和服務享受，所以一個優秀的交互界面設計，不僅要仔細思考界面上功能按鈕、程序跳轉等基本要素，更要從視知覺的構成方面去考慮用戶的視覺辨析和記憶，通過不同的秩序編排形式，達到減輕用戶負擔的目的。

秩序感在一定程度上決定了交互界面的總體格調是簡潔有序還是豐富多變，通常不同類型的交互界面會選擇不同的秩序感，來滿足不同用戶的視覺心理需要。利用人們與生俱來的對「秩序感」的認同和欣賞以及適應和選擇進行交互界面設計，不失為一條發展交互界面設計的有效途徑。在未來的交互界面設計發展中，只有做到內容與形式、視知覺經驗與心理定向的統一，才能促進人與設備的情感交流，進而獲得更好的用戶體驗。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！