WWDC17 強調了「人機介面」的重要性,並希望透過以下設計原則達成「以人為本」的設計目標:
- 回饋(Feedback): 設計師認為良好的回饋能幫助使用者理解操作結果,提升使用信心。就像汽車儀表板上的各種指示燈和訊息,能讓駕駛者清楚了解車輛狀態,並預測可能發生的問題。應用程式也應提供明確、即時且易懂的回饋,例如狀態指示、完成提示、警告和錯誤訊息等,讓使用者知道他們的操作是否成功,以及應用程式正在執行什麼動作。
- 可見性(Visibility): 重要的控制項和資訊必須清楚可見,才能提升介面的易用性。就像汽車儀表板上的資訊雖然繁雜,但都必須清楚呈現,才能讓駕駛者一目了然。應用程式也應該將關鍵資訊放在顯眼的位置,例如郵件應用程式中的未讀郵件指示,或時鐘應用程式中的導航列。
- 一致性(Consistency): 設計師強調介面設計需保持一致性,讓使用者可以輕鬆上手,並降低學習成本。就像所有汽車都使用相似的符號和術語、控制項位置也大致相同,讓駕駛者可以快速適應不同車款。應用程式也應該遵循平台慣例,使用使用者熟悉的圖標、術語、導航模式和工作流程,例如 iOS 使用者習慣的「sharrow」圖標。
- 心智模型(Mental Models): 設計師指出,介面設計應符合使用者對系統的理解和預期,才能讓使用者覺得直觀易用。他以水龍頭設計為例,說明若設計不符合使用者心智模型,會造成使用上的困擾。應用程式設計也應該考慮使用者的心智模型,避免設計與使用者預期相差太多。
- 接近性(Proximity): 控制項和受其影響的物件之間的距離越近,使用者越容易將兩者聯想在一起。就像房間裡的電燈開關通常都安裝在門口附近,方便使用者進出房間時控制燈光。應用程式設計也應該將相關的控制項和物件放在一起,例如 Keynote 中的檢視選單和幻燈片導航器。
- 群組化(Grouping): 將相關元素群組在一起,可以幫助使用者理解元素之間的關係,並賦予設計結構。就像牆上的多個開關,如果其中一個控制窗簾,最好將其與其他控制燈光的開關分開。應用程式設計也應該將相關的控制項群組在一起,例如 Sketch 中的群組控制、變形和編輯工具等。
- 映射(Mapping): 控制項的設計應該反映其控制的物件或功能。就像窗簾開關的上下方向,應該與窗簾的升降方向一致。應用程式設計也應該使用易於理解的映射方式,例如使用水平滑動條調整水平屬性、使用旋鈕調整旋轉角度。
- 啟示(Affordances): 物件的外觀和特性應該提示使用者可以如何與其互動。就像餐盤的形狀和大小,暗示了它可以用來盛放食物。應用程式設計也應該使用清楚的視覺提示,讓使用者知道可以如何與介面元素互動,例如滑動條、旋鈕和按鈕等。
- 漸進式揭露(Progressive Disclosure): 設計師認為,應逐步引導使用者,從簡單操作到更複雜的操作。就像點餐時,服務員會逐步詢問顧客的需求,而不是一次性提供所有選項。應用程式設計也應該使用漸進式揭露,隱藏次要功能,避免使用者感到困惑或不知所措,例如列印對話框。
- 對稱性(Symmetry): 設計師認為對稱的設計能帶給使用者平衡、穩定和秩序感,提升介面的美觀性。就像自然界中的許多生物都具有對稱性,人造物也常使用對稱設計。應用程式設計也應該利用對稱性,例如 Weather 應用程式中的反射對稱和位移對稱,營造平衡和秩序感。
設計師在演講中強調,這些設計原則並非一成不變的規則,設計師需要根據應用程式的類型、平台、螢幕尺寸、使用案例和目標使用者等因素,選擇最適合的設計原則,並在不同原則之間取得平衡。