Wwdc

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