iOS 11人機交互指南概覽:主題(Themes)

1 評論 6313 瀏覽 29 收藏 6 分鐘

本文譯自Apple官方發布的人機交互指南,希望能夠對你有所幫助。

iOS 設計主題(iOS Design Themes)

作為一個app開發者, 您將有機會開發出一個優秀的、可能排在app store榜首的產品。當然,您必須對產品質量和產品功能有更高的要求。

區分iOS和其他平臺的三大主題:

清晰性(clarify)

縱觀整個系統,各種尺寸的文字都是清晰可見的,圖標都是精確醒目,裝飾都是恰當的,打磨產品的功能可以驅動設計。留白、配色、字體、圖標以及其他的界面元素能巧妙地突出重要內容,并表達交互特性。

尊重(Deference)

流暢的動畫效果、搭配清晰美觀的界面能幫助人們更快地理解內容、更好的與其交互,而不至于產生誤解。一般來說,內容會占據整個屏幕,半透明和模糊的文字代表提示信息。為了讓界面看起來簡潔,最好不要使用邊框、漸變和陰影的設計,同時還要保證文字的重要地位。

深度(Depth)

清晰的視覺層次和逼真的動畫效果可以更好的表現元素的層級關系,會讓界面看起來更加富有生命力,更有利于用戶理解。觸摸和可見性可以傳遞愉悅感,也是一些功能和附件內容的訪問方式,還能保證用戶在訪問的同時不脫離語境。當用戶瀏覽內容時,界面之間的轉換效果可以表現另一種深度感。

設計原則(Design Principles)

為了最大程度地提高影響面和覆蓋率,當你設計你的app時,你需要牢記以下準則:

美學完整性(Aesthetic Integrity)

美學完整性表現了一個app的功能和外觀、交互行為結合的完美程度。比如,一個app巧妙地使用不引人注目的圖表、標準控件、以及可預測的用戶行為等讓用戶把注意力集中在正在做的重要事情上。另一種沉浸式的app,比如游戲app,需要采用吸引人的界面,在鼓勵用戶發現有趣的事物的同時,帶給用戶樂趣和刺激。

一致性(Consistency)

app的一致性體現在:采用系統提供的界面元素、不會讓用戶產生歧義(著名的)的圖標、一致的語言風格、以及統一的術語。app的特性和行為都是符合用戶預期的。

直接操作(Direct Manipulation)

對屏幕上的內容的直接操作可以鼓勵用戶參與并理解內容。用戶的直接操作包括:用戶旋轉屏幕時或使用一些手勢以影響屏幕上的內容。通過直接操作,用戶可以立刻看到他們行為的結果。

反饋(Feedback)

反饋讓用戶了解自己的行為以及行為的結果。系統內置的iOS app提供用戶可感知的行為以響應用戶的每個操作。用戶點擊可交互的元素時,這個元素就會高亮顯示;進度條展示了需要長時間運行的操作的狀態;動畫和聲音幫助用戶理清行為的結果。

暗喻(Metaphors)

當app的虛擬物體和行為可以折射到用戶在真實生活或網絡世界中的物體和行為時,用戶更容易理解。暗喻在iOS中也是可以使用的,因為用戶和屏幕是有身體接觸的。很多公開的觀點也說明了這一點。用戶拖拽和擦除內容、切換開關、移動滑塊、滑動屏幕以選擇合適的值,甚至用戶輕點以翻閱書籍和雜志。

用戶控制(User Control)

在整個iOS系統中,用戶在控制一切,而不是app。app可以提醒用戶一系列的行為或者告訴用戶這個行為會產生危險的結果,但是app不能代替用戶做決策。優秀的app會在用戶主導以及避免用戶帶來非預期的行為之間找到平衡。為了讓用戶知道是用戶自己在控制app,app應該對用戶交互行為的結果進行反饋、對用戶破壞性的操作再次確認、允許用戶取消正在進行的操作。

 

譯者:Q_misky

本文由 @Q_misky 翻譯發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自PEXELS,基于CC0協議

本文譯自Apple官方發布的人機交互指南 Human Interface Guidelines(HIG),旨在幫助交互設計師和應用開發者了解iOS應用設計規范。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!