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

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

本文譯自Apple官方發(fā)布的人機(jī)交互指南,希望能夠?qū)δ阌兴鶐椭?/p>

iOS 設(shè)計主題(iOS Design Themes)

作為一個app開發(fā)者, 您將有機(jī)會開發(fā)出一個優(yōu)秀的、可能排在app store榜首的產(chǎn)品。當(dāng)然,您必須對產(chǎn)品質(zhì)量和產(chǎn)品功能有更高的要求。

區(qū)分iOS和其他平臺的三大主題:

清晰性(clarify)

縱觀整個系統(tǒng),各種尺寸的文字都是清晰可見的,圖標(biāo)都是精確醒目,裝飾都是恰當(dāng)?shù)?,打磨產(chǎn)品的功能可以驅(qū)動設(shè)計。留白、配色、字體、圖標(biāo)以及其他的界面元素能巧妙地突出重要內(nèi)容,并表達(dá)交互特性。

尊重(Deference)

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

深度(Depth)

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

設(shè)計原則(Design Principles)

為了最大程度地提高影響面和覆蓋率,當(dāng)你設(shè)計你的app時,你需要牢記以下準(zhǔn)則:

美學(xué)完整性(Aesthetic Integrity)

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

一致性(Consistency)

app的一致性體現(xiàn)在:采用系統(tǒng)提供的界面元素、不會讓用戶產(chǎn)生歧義(著名的)的圖標(biāo)、一致的語言風(fēng)格、以及統(tǒng)一的術(shù)語。app的特性和行為都是符合用戶預(yù)期的。

直接操作(Direct Manipulation)

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

反饋(Feedback)

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

暗喻(Metaphors)

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

用戶控制(User Control)

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

 

譯者:Q_misky

本文由 @Q_misky 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自PEXELS,基于CC0協(xié)議

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!