iOS開發之”人機界面準則“

Apple官方推出的“iOS人機界面準則”一直被iOS開發者奉爲絕對的設計參考寶典,特別是iOS7系統推出以來,Apple公司對該準則進一步做了更新。最近,國內知乎社區的郎啓旭推出了“iOS人機界面準則”完整的中文版,使iOS國內開發者可以快速上手。

iOS人機界面準則主要分爲UI設計基礎、設計策略、iOS技術、UI元素、圖標和圖像設計等幾個大類,其中每個大類有細分爲許多小節,對iOS界面設計原則描述的非常詳盡。

準則一開始就談到了iOS7的設計主旨:

  • 依從(Deference)。用戶界面(UI)應當有助於用戶理解內容並與之互動,而非對抗。
  • 清晰(Clarity)。文字在每種字號下都易於閱讀,圖標表意準確清晰,裝飾也恰到其度,並以對功能的無比關注驅動設計。
  • 縱深(Depth)。視覺上的分層界面和逼真的動作使其更賦活力,提升了用戶的愉悅和理解。

對於“依從”這個主旨,準則舉了幾個實際設計的例子來闡述其表現方式,包括:

  • 充分利用整塊屏幕。重新考量對插圖和視覺框架的使用,可以考慮讓內容擴展到屏幕邊緣。“天氣”就是一個很好的範例:漂亮的全屏界面非常直觀地呈現出某個地點當前天氣的關鍵信息,而且還有
    多餘空間可以顯示每個小時的天氣數據。
  • 重新考量模擬現實的視覺表現。浮雕、漸變和陰影效果有時會讓界面元素變得沉重,進而喧賓奪主。相反,要突出內容並讓界面扮演一個輔助性的角色。
  • 通過半透明的界面元素來暗示背後的內容。半透明效果(如“控制中心”)可以提供情境,幫助用戶看到更多可用的內容,並給人一種短暫停留的暗示。在 iOS 7 中,半透明元素只模糊渲染在其正背後的內容,給人一種透過宣紙的感覺,但屏幕上的其他部分並不會模糊。
  • 大量使用留白。留白會讓重要內容和功能更爲突出、更易於理解。同時,留白還可以傳達一種安靜平和的感覺,這會讓 app 看上去更加專注和高效。
  • 用色彩簡化界面。使用一種主題色——例如「便籤」中的黃色——來突出重點,並巧妙地暗示其交互性。同時,這會給 app 帶來一致性的視覺主題。內置的 app 使用了一系列純淨的系統顏色,而每一種顏色在深色淺色兩種背景中看起來都很好。
  • 擁抱無邊框按鈕。在 iOS 7中,所有的條欄按鈕都沒有邊框。無邊框按鈕會在按鈕的內容區域內使用情境、顏色和一個動作導向的標題來暗示其交互性。如果合適,還可以通過顯示纖細的邊框或者淺色背景來讓按鈕更加突出。
  • ……

在“啓動和停止”一節中,準則特別強調:一般來說,在接觸新 app 的一兩分鐘內人們就會決定是否繼續使用。如果你把握住這轉瞬即逝的機會迅速呈現有用的內容,就可以激發新用戶的興趣,並給所有用戶帶來出色的體驗。不要在人們安裝好你的 app 後告訴他們需要重啓設備。重啓會耽誤時間,還會讓你的 app 看起來不太可靠且難以上手。

避免要求用戶提供設置信息,代之以:

  • 關注 80% 用戶的需求。這樣,大部分用戶不需要進行任何設置,因爲你的 app 已經按他們期望的方式設置好了。如果有一些功能只有極少數用戶可能需要或者大部分用戶只會用一次,請拋棄這樣的功能。
  • 儘可能通過其他方式獲取信息。如果你可以使用任何內置程序或設備中用戶所提供的信息,那就從系統中獲取這些信息,而不要讓用戶再輸一次。
  • 如果你確實需要提供設置信息,請讓人們在你的 app 中輸入。然後,儘快存儲這些信息(例如,在你 app 的設置中)。這樣一來,在有可能體驗到你 app 的樂趣前人們不會被迫切換到 iOS 的「設置」中了。如果人們將來需要修改這些信息,可以在任何時間前往 app 的設置頁面進行修改。

準則在“設計策略”部分指出,一致性可以讓用戶將 app 中的某部分界面的經驗和技巧複用到其他地方,或者從一個 app 複用到另一個 app。一致性的 app 不是對其他 app 的簡單複製,也不是風格上的一成不變,相反,它關注用戶所習慣的方式和標準,並提供一個具有內在一致性的體驗。

要判斷一個 iOS app 是否符合一致性原則,可以通過以下幾個問題來考量:

  • App 是否和 iOS 標準保持一致?它是否正確地使用了系統控件、視圖和圖標?是否以用戶所期望的方式利用了設備的特性?
  • App 自身是否具有內部一致性?文本內容是否使用了統一的用辭和風格?同樣的圖標是不是通常意味着相同的意思?當用戶在不同的位置執行同一個操作時是否符合其預期?自定義的界面元素外觀和其行爲是否保持一致?
  • App 是否在合理範圍內與之前的版本保持一致?術語和含義是不是仍然相同?基本概念和主要功能是否基本不變?

準則強調:在整個開發過程中,始終要用你的app 定義陳述去判斷功能點、控件和用詞是否妥當。例如:

  • 當你考慮增加一個新功能時,問問自己,這對你 app 的主要目的和目標用戶是不是不可或缺?如果不是,把它放在一邊,它可能是構建另一個 app 的基礎。例如,你已經確定你的用戶喜歡探索烹飪,那麼強調打包好的蛋糕和加工好的熟食可能不會被用戶喜歡。
  • 當你考慮 UI 的外觀和行爲時,問問自己,你的目標用戶是喜歡簡潔流暢的設計,還是一個更明顯的主題風格?以用戶對你 app 的期望爲指引,例如使用 app 去完成一項重要任務,快速找到一個答案,探究內容詳情,或者爲了娛樂。儘管你的購物清單 app 需要易於理解而且立即可以上手,但你的用戶可能會更喜歡一個展示着大量美味食材圖片的界面主題。
  • 當你在考量術語時,努力去迎合你的受衆的專業認知。例如,即便你的受衆不太可能由專業廚師組成,但你也應該明白,用戶會希望看到配方和技術方面的專業術語。
  • 儘可能避免增加用戶的認知負擔。用戶熟悉標準 UI 元素的外觀和行爲,所以不需要停下來去思考如何使用它們。但當他們面對那些和標準 UI 外觀和行爲完全不一樣的元素時,先前的經驗毫無用處。除非你獨特的元素可以讓任務執行更容易,否則用戶可能不會喜歡被迫去學習新的流程,而這些流程又不會在其他 app 中用到。
  • 重新設計標準控件前要三思。如果你正在計劃重新設計一個標準控件,要確保你的新設計提供了和標準控件一樣多的信息。例如,如果你設計的開關控件不能表現出兩個相反的狀態,用戶可能不會意識到這是一個兩態控件。

有關iOS 7人機界面準則的詳細內容可以查看Apple官方文檔,也可以查看郎啓旭翻譯的中文版

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章