基于可用性檢查的APP交互設計研究與應用

引言

移動應用程序（App）為用戶提供了便利的服務，已成為日常生活中不可或缺的一部分。然而，隨著市場競爭日益激烈，如何高效地開展App 交互界面設計成為重要議題。本文將兩項常用的可用性檢查法引入交互界面設計的全流程，并以校園流浪貓公益救助App 為案例，探討可用性檢查理論在設計流程中應用的節點與方式，旨在提高設計效率和用戶體驗，為開發易用、滿意的交互產品提供技術參考。

一、可用性檢查在交互界面設計中的應用概述

（一）可用性理論解讀

可用性理論起源于人機交互研究，旨在通過科學方法優化系統與用戶之間的交互效率與體驗，確保用戶能夠直觀、方便地完成任務，并感到愉快和滿足。不同學者和權威機構對可用性的定義和特征描述存在差異，通常以Jacob Nielsen 和國際標準化組織（ISO）發布的ISO 9241-11 標準為主要參考。Nielsen 將可用性定義為用戶界面易于學習和使用的質量屬性，涵蓋可學習性、效率、可記憶性、容錯性和滿意度5 個維度[1]；ISO 將可用性定義為“用戶在特定使用場景下，能有效、高效和滿意地達成目標的能力”。盡管各方定義有所不同，但這些理論和標準為可用性研究提供了重要的理論基礎和實踐指南。

（二）可用性檢查理論解讀

可用性研究的一個重要方向是可用性評估，包含自動評估、實證評估、正式評估和非正式評估4 種基本方式[2]。其中，實證評估和非正式評估的應用最為廣泛。實證評估包括可用性測試、A/B 測試和用戶調查等方法，需要真實的用戶參與測試實驗。這類方法通過收集目標用戶與產品交互時的客觀表現和主觀反饋來診斷可用性問題，為提升App 的用戶體驗發揮了重要作用[3]。例如，基于實證評估的鐵路購票App 交互界面設計診斷和優化[4]，以及電子政務App 界面布局方式的用戶偏好研究等[5]。

非正式評估以可用性檢查最具代表性，該方法無需真實用戶的參與，通常是基于公認的經驗法則和評估者的一般技能及經驗來衡量可用性水平，因其成本低、效率高的特點，被廣泛應用于移動產品的迭代設計。例如，基于可用性檢查的移動健康App 老年友好設計的策略輸出等[6]。

可用性檢查的目的是發現設計中的可用性問題，并判斷問題的嚴重程度。其效能可達到實證評估的79.17%[7]，且能發現許多用戶測試中忽略的可用性缺陷，因此也被稱為“簡化的可用性工程”。

（三）可用性檢查法解讀

可用性檢查是Nielsen 和Robert L Mack 于1994 年提出的一種方法體系[8]，共包括8 項基本方法，如表1。這類方法類似于設計審查，是以專家視角為基礎而非用戶參與的檢查方法。其中，啟發式評估和認知演練的應用最為廣泛，在健康醫療、公共服務和弱勢人群關懷等領域的交互界面研究中發揮重要作用，本文著重討論這兩項方法。

1. 啟發式評估

啟發式評估通常由專業評估者依據自身經驗，判斷評估對象的交互元素是否符合既定的可用性原則，從而發現產品中可能存在的可用性設計問題和交互體驗缺陷，并提出系統性的產品優化方案[9]。

評估者一般包括可用性專家、軟件開發者或專業相關者。評估對象可以是完整的產品（系統）、產品的一部分（子系統），或是設計早期的原型。可用性原則以Nielsen 十原則最具代表性，如表2。啟發式評估通常由3-5 名評估者組成，評估者根據啟發式原則識別交互過程中遇到的問題，并對問題的嚴重程度進行評分。每位評估者需獨立開展評估，實驗結束后對所有評估結果進行討論與匯總，并輸出可用性問題列表。該方法通過專業視角快速識別潛在的可用性問題，彌補了用戶研究中樣本量較少的局限。

2. 認知演練

認知演練旨在預測交互界面正確的操作序列能否被用戶采用，從而優化產品的需求和交互流程[10]。該方法采用任務導向的結構化方式，通過專家模擬用戶在每個交互步驟中解決問題的過程，分析用戶的心智活動，評估其是否能夠根據任務目標和記憶內容執行正確操作。

認知演練需明確評估對象的典型用戶，確保演練過程符合用戶的背景、技能水平和行為習慣等特征。評估者應基于真實的任務場景，模擬典型用戶首次使用系統時的思考和行動過程，并根據自評表回答相關問題，如表3。演練結束后，評估者根據檢查結果進一步分析失敗原因，探討迭代優化的關鍵要素。認知演練能幫助了解用戶在使用系統時的認知過程，從設計的隱性邏輯層面發現問題，以提高系統的可用性和用戶滿意度。其優勢在于無需真實用戶參與，適用于產品早期階段，避免開發后期的高成本修改。

（四）可用性檢查法的應用策略

啟發式評估和認知演練在評估系統可用性屬性以及可用性問題的深度與廣度方面存在差異[11]。啟發式評估側重于系統的“滿意度”屬性，更針對評估的廣度以及整體性能的表現。認知演練注重于“可學性”屬性，能深入挖掘交互過程中較為細節的可用性缺陷，更針對評估的深度與細分操作。二者的應用特征表明，啟發式評估對于保障App 的滿意度和基礎表現有積極作用，有利于判斷用戶需求是否被滿足，適合介入設計前期。而認知演練更易于判斷App 的實際應用效果，對于提升交互原型的細節設計有顯著作用，適合介入設計后期。

基于上述分析，可用性檢查法在App 交互界面設計流程中的應用可分為設計前期的需求分析階段，以及設計后期的測試改進階段，如圖1。本文將以校園流浪貓公益救助App 為案例，探討可用性檢查法介入設計流程的具體方式。啟發式評估介入需求分析階段，將重點評估功能設置，確保設計決策符合用戶的真實需求和認知方式，并發掘潛在需求。認知演練介入測試改進階段，將側重于簡化任務流程，減少冗余的交互步驟，提高用戶的操作效率和界面可用性，確保設計滿足用戶的直覺需求，使產品更符合用戶的使用習慣。

二、可用性檢查法的前期應用

（一）選題背景

本文將開發一款以流浪貓公益救助為核心，以局域生活服務為載體的App 數字平臺，為校園社區構建安全的生活環境，并提供便捷的服務渠道。該App 將重點解決校園內流浪動物的安置問題及相關衛生安全隱患[12]，便利校園用戶的數字化生活。

（二）典型用戶

本文基于對天津市各高校內不同年齡和職業等利益相關人群的隨機問卷調查，以及16 位目標用戶的深度訪談結果，確定了典型用戶的特征：18 ～ 25 歲的青年群體；對新鮮事物有較高接受度；對校內公共社交服務有強烈需求；有流浪動物公益救助意愿，但基于機遇和安全隱患等問題較少做出行動。

（三）用戶旅程圖

用戶參與校園流浪動物救助是App 設計的核心，用戶的體驗價值發生在發現流浪貓、開始救助和長期救助的過程中。用戶旅程圖記錄了各階段典型用戶救助流浪動物的具體行為，如圖2。用戶的情緒低谷主要體現在長期救助中，App的設計需重點解決科學救助和安全、穩定喂養等痛點。結合設計機會點與用戶需求，該App 的主要功能設定為：（1）校園圈，確保社交信息在局域內傳播，社群協作在局域內形成閉環；（2）檔案與科普，確保流浪動物管理的便捷性和救助方式的科學性；（3）集市，確保App 用戶數量滿足基礎運營要求，并激發潛在用戶的救助需求；（4）投喂，確保長期救助的穩定運行，并提升用戶的實際體驗。

（四）需求優化

完成功能設定后，依據啟發式評估的執行標準，開展初步評價，挖掘設計策略中未考量的隱性需求。本文邀請3 名專業評估者，評估者為該App 的目標用戶，同時具備人機交互、用戶體驗設計等領域的專業知識，具有極強的觀察能力和批判思維，了解界面設計基礎規范。3 名評估者的基本情況為：（1）具有互聯網產品經理工作經驗的在校生；（2）具有可用性研究經驗的在校生；（3）具有寵物飼養經驗的設計學在崗教師。

啟發式評估介入的目的是識別隱性需求，完善App 的功能構建。評估結果共識別出兩項潛在需求：（1）地理圍欄。校園圈是針對校園局域內用戶的社交服務功能，僅允許該局域內的用戶使用。原有的App 功能未考慮“僅限校內用戶發布信息”的驗證機制，可能導致虛假信息泛濫，違反了錯誤預防原則。應在校園圈功能下增設地理圍欄功能，為保障平臺信息內容安全提供防范措施，為用戶的注冊與使用提供便捷的驗證機制。（2）云端投喂記錄。投喂功能包含線下自助投喂和云端投喂，云端投喂可視化在設計初期未被考量，違反了系統狀態可見性原則。應增設云端投喂記錄功能，為非線下投喂用戶提供“遠程監控”資料，使其實時查看動物狀態與投喂情況。

（五）服務藍圖

服務藍圖通過系統性呈現用戶行為與系統運作機制之間的對應關系，為App 的設計與開發構建邏輯嚴密的指導框架[13]。通過對用戶旅程圖的分析，本文設計了App 的服務藍圖，將校園公益救助流程劃分為嘗試救助、助養救助、領養救助和社團救助 4 個階段，如圖3。

三、設計實踐

（一）App 的信息架構與功能闡釋

結合典型用戶分析、用戶旅程圖分析、需求優化和服務藍圖的研究結果，本文提出了流浪貓公益救助App 的功能架構，包括校園圈、檔案與科普、集市和投喂4 個模塊功能，如圖4。

1. 校園圈。該模塊能滿足用戶的基本社交需求，支持用戶分享自己的救助經歷或校園事件，獲取校內動態信息以及尋求公益救援等。例如，用戶可在所屬校園圈內發布實時資訊、活動征集和志愿者招募等公開信息，或分享自己的救助過程與經驗，如圖5。設定該模塊以期望增強校園社交互動，激活存量用戶，實現公益救助活動的良性循環，促進更多公益交流與合作。

2. 檔案與科普。該功能模塊是實現科學救助的關鍵，旨在解決流浪貓系統化管理的難題。例如，“基本信息”記錄了流浪貓的身份信息、社交關系以及被救助的全過程等信息；“圖文檔案”記錄了流浪貓的樣貌特征、性格偏好和出沒地點等信息；“知識科普”為用戶提供規范的救助流程指南，宣傳科學喂養與救助知識，減少不當救助行為，避免因不規范救助而引起的安全與衛生等問題，如圖6。

3. 集市。該功能模塊的設定源于目標用戶的基本需求，在閑置物品交易功能的基礎上，增加了積分獎勵和公益捐贈等激勵機制，鼓勵用戶的公益救助活動。例如，用戶可在App 交易平臺上發布或購買閑置物品，交易完成后可獲得積分獎勵，用于兌換投喂物品，如圖7。該模塊旨在提供校園閑置商品交易平臺，提升App 的活躍度和用戶黏性，確保救助平臺的用戶留存量，并吸引更多具有社會責任感的用戶群體。

4. 投喂。該功能模塊是App 的關鍵創新功能，需配合分布在校園內的貓糧自助販售機等硬件產品協同使用。例如，用戶可掃描販售機的二維碼，在App 界面上挑選并購買投喂物品，并在指定地點對流浪貓進行投喂，如圖8。另外，用戶可在App 上選擇校內任意一個自助投喂機，確定投喂物品與數量，投喂機根據用戶的指令執行投喂任務，完成云端喂養。該模塊不僅能實現用戶真實投喂與長期救助，增強互動性，還能推廣與分銷物料產品，實現商業與公益的雙重價值。投喂模塊是聯合多方利益相關者關鍵途徑，旨在推動平臺資金流轉，強化用戶救助行為的用戶體驗，推進公益與商業事業。

（二）App 的交互界面設計

App 的交互界面設計由Figma 軟件完成（以iphone 13 為樣機），相關圖片、插畫和圖標等元素設計由Photoshop 軟件完成，如圖5 ～ 8。該App 的視覺設計具有較強一致性，主要表現在以下4 個方面：

布局方面，以柵格系統為基礎，使用4px 作為柵格的最小單位，并調整倍數制定各頁面區域的大小，以保持頁面各要素的比例平衡；另外，頁面采用底部固定導航欄的布局形式，符合年輕用戶的使用習慣和基本認知。

色彩方面， 為營造溫馨的產品情緒， 以黃色（#F5B04C、#FBD46A 和#FEDFC8）為主色調，灰色（#676767 和#5E5E5E）為輔助色開展設計，避免強烈的色彩沖突，突出該App 產品明亮、歡快的特點。

文字方面，字體采用IOS 默認蘋方字體，字號根據文本的重要程度分為12px、16px、20px 和32px 等4 個等級，符合年輕用戶的視覺能力。另外，考慮到中老年用戶的生理機能下降，該App 可進行個性化的字號設置。

控件方面，以一致性為基本設計原則，確保App 的各個層級具備統一特征。其中，按鈕設計均應用圓角矩形，圖標、卡片和導航條等設計均具備圓角特征，突出該App 產品溫和、包容的特點。

通過簡潔、直觀的設計，使該App 的交互界面滿足目標用戶的基本需求，迎合了公益救助的主題，突出了歡快、包容等產品特征。

四、可用性檢查法的后期應用

完成方案設計后，依據認知演練評估標準，開展設計評價。參與認知演練的3 名評估者情況與啟發式評估一致。認知演練的目的是盡可能發現該App 的可用性問題，演練的角色采用前期用戶調研過程中擬合出的典型用戶畫像；演練任務來自真實救助場景，如表4；演練設備為智能手機（運用Figma App 的Mirror 功能將設計原型投影至手機，模擬實際應用效果）。

評估者依照結構化的演練流程，對各項任務的執行過程做遍歷性走查。演練由評估者獨立完成，演練后匯總評估結果。匯總過程由全部評估者參與商討各問題項，生成可用性問題列表，并提供可行的設計修改方案，如表5。結果表明，該App 的可用性問題主要表現為信息與功能按鍵的尋找與識別困難、物料定位不明以及操作流復雜等。在后續的迭代優化中，應針對性的優化上述問題，提高用戶體驗。

結語

本文回顧了可用性理論、可用性檢查理論及兩項檢查方法的執行標準、實施方案與應用特征，并以校園流浪貓公益救助App 界面交互設計為案例，探討了可用性檢查法介入App 界面設計流程的節點及作用，旨在為優化App 界面設計全流程、節約開發成本、提升App 可用性提供實施策略和實例參考。研究表明，可用性檢查法可介入需求分析階段，幫助開發者發掘潛在需求，提升功能設置的完整性；也可介入測試迭代階段，幫助識別App 的可用性問題，簡化操作流程，提升系統的可用性性能。通過在交互界面設計流程中運用恰當可用性檢查法，能有效提升設計效率，優化用戶體驗，提升產品的易用性和市場競爭力。