# 設計 iOS human interface guideline 翻譯

作者介紹:focuszhang,微信產品經理,設計技術愛好者,推崇矽谷式全棧產品經理才是未來的主流模式,歡迎大家關注以及私信交流,尤其是交流。

———————————————— 以下為正文 ————————————————

交互設計規範的第一章節主要講的是一個應用交互的幾個主要原則,在這個基礎上一個應用就可以快速的達到可以使用的狀態。以下為文章的翻譯,為了讓用戶更快速的理解,有一些翻譯加入了自己的解釋,有一些有趣的觀點我也加了自己的一些產品上的評論。(原文:developer.apple.com/ios

作為一個應用開發者,你可以發布一個殺手級產品來提升應用的排名,為了做到這一點,你需要滿足用戶對於應用品質和功能的高預期。

以下3個主要的特點是iOS系統與其他應用的區分點:

1、清晰性:在整個系統中,文本在每個不同尺寸的界面上都是易讀的,每個圖標是明確並且易懂的,界面的點綴是易分辨以及適當的,對功能的聚焦驅動著設計;負空間,顏色,字型大小,圖形和界面元素清晰的表達出了重要內容和表達交互性。

2、順從性:動態手勢和新式的界面幫助人們可以不用思考就能進行交互,內容充滿了整個屏幕,模糊和半透明效果可以進行更多的暗示,極少的漸變和陰影可以保持界面的輕快,保證內容才是最重要的。

【評論:蘋果的設計理念非常重視內容的重要性,任何設計的本質都是為內容服務的】

3、深度性:截然不同的視覺圖層和逼真的動效傳達界面的重要性層次、 讓頁面產生活力,便於用戶理解。觸摸操作去觸發會讓用戶在明確上下文的情況下關注功能和內容,過渡會提升一種縱深感。

【評論:好的設計是有明確觸發邏輯的,不需要過渡的引導,這樣才能讓用戶專註於每個功能的使用】

為了讓應用最好的衝擊和觸達到用戶,保持下面的幾個原則:

1、審美的完整性:

審美的完整性代表了一個應用的界面視覺、操作和這個應用的定位結合的很好,舉個例子,一個可以幫助用戶完成重要任務的專業性應用(比如事項安排和郵件)可以通過易分辨的,簡潔的圖形界面,標準的操作來讓用戶專註在工作上而不是對應用的操作。反過來說,一個沉浸式的應用(比如遊戲)可以設計一個迷人的界面去保證有趣和興奮性,從而促進探索。

2、一致性:

一個一致性很強的應用通過使用系統提供的界面元素,用戶熟識的圖標,標準的字體樣式和用戶習慣的表達來完成一個常見的範例。應用將特性、操作設計的符合用戶的期望

【評論:這裡有個很重要的產品原則:任何設計不要讓用戶期望好的,卻提供差的,永遠讓用戶的操作能得到符合預期甚至超出預期的結果】

3、直接操作:

屏幕上的直接操作(比如任何情況下的點擊)可以保證用戶減少理解的成本。用戶可以在屏幕旋轉的時候可以用手勢直接操作內容。通過直接的操作,他們可以快速看到自己操作的結果。

4、反饋:

每個動作要有相應的反饋去讓用戶了解。iOS的原生應用提供了可認知的反饋去回應你的每一個動作。可交互的元素在點擊時被明確的高亮出來,進程顯示器表示出長時間任務的進行狀態(比如轉菊花),動畫和聲音幫助明確動作的結果。

5、隱喻:

當應用的界面和操作使用一些人們熟悉的隱喻後,用戶會更快速的被教育,不論是在現實中還是在虛擬世界中。隱喻在iOS中非常適用,因為人們通過身體與屏幕進行交互。他們可以很方便的移動屏幕上的任何一個視圖去看到下面的內容,他們拖拽、滑動內容。他們切換開關,移動滑塊,轉動選擇器去選擇數值。他們甚至通過輕觸去給書籍和雜誌換頁。

【評論:很多交互上的動效都很符合現實生活中人們的認知,讓用戶減少理解成本,在做產品設計時也是一樣,很多虛擬產品上的功能實際上也是人們在現實生活中的主要需求,比如群公告和人們現實生活中的社區公告的邏輯應該相差不多(放在顯眼的位置用以通知和找人)】

6、用戶管理:

對於iOS來說,用戶是可管理引導的。一個應用可以提示一系列操作或者對於不良後果進行警告,但是過渡影響用戶的決策對於應用並不是一個好事情,最好的應用可以在激勵用戶和避免不良後果上找到正確的平衡。一個應用可以通過熟悉的、可預測的交互讓用戶感受到他們是被良性引導管理的,清晰表達出不良後果的操作甚至可以在進程中被輕鬆的取消。

以上是第一章節的內容,我同時會在後續將這個翻譯任務發布到github上請更多專業的設計師共同翻譯和優化。
推薦閱讀:

這樣提案,設計比較容易落地
交互水深 04 | 選擇設計中的五個要點【單選小坑,多選大坑】(上篇)
每周設計精選 #4
從「註冊/登錄」來看一個產品的設計策略

TAG:設計 | 交互設計 | iOS |