文/李慧真 手機介面設計是手機產品設計的重要環節之一，不僅具有可視化展現作用，還要確保使用者和產品之間的有效連接，因此易用性和交互性成為介面設計的核心要素。現階段用戶對手機介面的易用性、交互性、舒適性等方面提出較高要求，期望一個輕鬆、愉悅、流暢的使用體驗。
而這種體驗需要存在於使用過程中，讓用戶更加主動直觀地進行體驗，同時引導用戶順利完成操作，既滿足了用戶需求，也使用戶獲得了愉快的體驗過程，這便是基於用戶體驗的交互介面。
用戶在頁面訪問時，其有目的及需求去進行訪問操作，用戶在頁面訪問時，首先會獲取信息，然後進行流程操作，從而完成操作任務，因此在不同的任務和目的下，也決定了頁面的排版布局是不一樣的。
例如：閱讀類的產品是為了營造沉浸式的閱讀體驗，所以在很多的閱讀產品中都會在閱讀的時候，隱藏頁面的一些操作按鈕，給用戶一種沉浸式的閱讀體驗。在用戶具有操作需求時，輕點頁面螢幕，又能幫助用戶很快速的獲取這些操作按鈕，即可喚起操作欄。
當梳理用戶和產品方的需求後，面對需求和展示功能的多樣化，如何對需求功能進行頁面設計和分類，或者我們很難從用戶的角度進行組織分類，可採用卡片分類法，對挖掘信息組織進行分類。
例如：在設計一個商品的詳情介面，用戶訪問頁面後希望能查看心意的產品詳情：價格、規格、購買；查看用戶評價，與此同時，產品方希望用戶進入頁面，就能夠進行購買並將商品信息分享給其他人。
在了解用戶及產品方的需求後，可使用卡片分類法，來對產品的信息架構進行梳理，將獨立的功能模塊寫在一張卡片上，然後讓用戶按照自己的理解進行分類，用戶會將商品預覽圖、價格、運費、規格、剩餘數量、銷量放到商品詳情裡面，將收藏、分享、加入購物車、購買放到操作功能裡面去，並將購買數量、選擇規格等放到操作詳情裡面。
具體的頁面設計可以用卡片分類的方法來將有限的空間進行一個信息的布局與組織，來幫助用戶更加快速理解頁面上的內容。
在一個操作介面上會同時分布很多信息，每個信息的重要程度都不同，但每一個信息又不可缺，這就需要在同一介面上進行重要度區分。在一個介面中可從用戶的認知模型角度分析，對各類信息的排布和標重方式做一個對比，再通過信息模塊的位置、大小、色彩或狀態等形式對其重要度進行區分，確定哪種排布和標重方式最優。
同時，在進行頁面布局時要謹記用戶的認知心理和閱讀習慣（從上到下，從左到右），平衡用戶的認知能力，以及功能權重、信息認知容量，將設計美學中的元素，例如：留白、圖底關係、平衡、轉換、視覺引導等視覺原理合理地運用起來，最終使產品有一個比較清晰的架構，用戶可以依靠他的潛意識或者無意識的行為就很自然流暢的獲取信息並完成相關操。
手機的交互介面是衡量用戶體驗的重要載體，也包含了設計人員對用戶認知的考慮程度和對交互活動的分析力度，是依託於數據和功能產生的，其設計：
①首先，需要對用戶體驗的信息進行收集，同時要區分用戶類型，了解用戶對手機信息架構的認識、導航信息的使用、對反饋信息的獲知以及各種情感體驗。
②然後，確定交互類型和人機互動方式，目標匹配與優化策略，通過通用性設計的方法，建立手機介面交互模型，幫助設計人員形成最初的設計方案、介面供給的識別以及最終獲取策略，然後對手機互動設計方案進行評估，判斷其是否能夠有效降低用戶認知負荷。
③最後，再根據手機介面互動設計的標準和原則，具體設計交互結構模型、設計存取機制、介面結構模塊的劃分，繪製出交互結構功能圖。
操作簡單、便於控制的產品，給人們帶來更好的易用性和操作性，友好的人機互動介面，可以給用戶提供一個輕鬆和便捷的使用感受，最大限度地降低了用戶認知負荷，使得手機交互介面設計更加人性化和合理化。
① 官方頭條號：設計智造 頂級創意設計師必備
② 本篇為 設計智造www.cocoo.top 編輯整理，版權歸原作者所有，轉載請註明出處！