iOS 10 人機交互指南_第二章 Interaction

https://developer.apple.com/ios/human-interface-guidelines/interaction/3d-touch/

1. 3D Touch?

為觸摸屏操作提供了另外一種維度。用戶的學習成本比較低,只需要輕輕對屏幕用力,即可獲得一個反饋。

3D touch的主要應用場景:

1). Home screen,用力按壓App->action view

2). peek and pop, 3D touch 圖片后可預覽(peek),松開即可完全打開(pop)。設計peek時需要遵循的原則:https://developer.apple.com/ios/human-interface-guidelines/interaction/3d-touch/

3). Live photos,用力按壓live photo,照片就開始動

2. Accessibility, 易用性

兼顧障礙人士或者正常人在某些不方便的時刻的使用場景:增加字幕、語音播報、文字鏈背景按鈕、增加對比度;

3. Audio, 略過。主要是符合人們的期望。注意靜音狀態(人們期待全局靜音)、調節音量(人們期望除調整除了電話鈴聲之外的所有聲音)、耳機插拔時的聲音狀態(拔耳機時,聲音播放自動暫停)

4. Authentication,授權

Ask users to authenticate only in exchange for value。用戶在授權操作后,必須得到點什么東西。

盡量推后用戶注冊的時間點:Give them a chance to fall in love with your app before making a commitment to it.

索要授權時,展示授權所能獲得的好處。給用戶提供注冊入口。

需要輸入信息時,展示對應的鍵盤結構(輸入郵箱時,展示有@的鍵盤)

5. 數據輸入 Data Entry

如果可能的話,盡量用選擇代替輸入;盡量從系統提供默認數據;提供合理的默認值選項;按鈕在全部信息輸入完之前變灰;動態校驗輸入是否正確;選擇列表需要以某種合理的順序排序;有必要的話,輸入框中展示灰字進行提示。

6. 反饋,feedback

反饋讓用戶知道App正在做什么,自己之后能做什么,以及行動之后的后果,

盡量無打擾的將用戶提醒信息整合在主界面上;

避免不當的使用彈窗警告(彈窗警告的力度過高)

觸覺反饋。iOS內置的系統級的UI元素(選擇器、切換,滑動欄)自帶觸覺反饋。你也可以在開發過程中讓系統生成對應的觸覺反饋。注意不要過度使用觸覺反饋。只對人的主動行為適用觸覺反饋,不要亂用;不要混用不同強度的觸覺反饋,注意一致性;和視覺、聲音反饋一起使用,不要只提供單一渠道的反饋(設置里是可以禁用聲音反饋或者觸覺反饋的);注意多個反饋渠道的同步性和反饋的及時性,避免用戶感知斷層。

7. File Handling:iOS的信條是,盡量忽略文件系統

確保文件總是會被自動保存的(刪除和取消的時候除外):通常不需要人們去主動進行保存,在編輯的間隙(關閉app、切換出app,退出編輯狀態等)進行自動保存。有一種例外情況就是編輯現有文件,在最后讓用戶進行確認,是否保存改動。

自動同步到云端;文件選擇界面要直觀、高效率。圖形化界面通常會效率更高,為了提高瀏覽速度,最小化文件圖標,并單獨提供一個新建文件的按鈕。內置文件預覽模式(quick look,https://developer.apple.com/ios/human-interface-guidelines/features/quick-look/);提供選擇其他App打開文件的功能。

8.First launch Experience(初次打開App的體驗)

要求:fast, fun and educational

提供launch screen以供初始內容加載,launch screen要低調,和第一屏之間的切換過渡要自然。

注意App加載時,手機是被橫著拿還是豎著拿的。

盡量讓用戶盡快上手使用App(dive in),不要過渡展示教程、選項等內容。如果一定要展示操作教程,提供skip選項以讓不需要的用戶快速跳過。

在用戶有可能卡住的地方提供指南。請注意,雖然操作指南是必要的,但他是設計缺位造成的記過。App設計要簡潔、直觀,如果一個App里的用戶指南太多,重新審視App的設計。

讓學習操作app的過程fun and discoverable, learning by doing.使用動畫,將要教給用戶的內容使用交互式的方式循序漸進地告訴用戶,并且要關聯上下文。

如果App初次啟動時需要用戶輸入額外信息,先給予默認值讓App先啟動,后續再讓有需要的用戶去App設置里更改。

重新切換到App時,保持上次離開時的狀態。

不要強迫用戶給你的App打分,不要問的太快或者太頻繁。給用戶形成對你的App印象的時間。

不鼓勵任何讓用戶重新啟動的行為。

9. 手勢 Gestures

1.點擊(Tap)

點擊作為最常用手勢,用于按下或選擇一個控件或條目(類似于普通的鼠標點擊)、

2.拖動(Drag)

拖動用于實現一些頁面的滾動,以及對控件的移動功能。

3.滑動(Flick)

滑動用于實現頁面的快速滾動和翻頁的功能。

4.橫掃(Swipe)

橫掃手勢用于激活列表項的快捷操作菜單

5.雙擊(Double Tap)

雙擊放大并居中顯示圖片,或恢復原大小(如果當前已經放大)。同時,雙擊能夠激活針對文字編輯菜單。

6.放大(Pinch open)

放大手勢可以實現以下功能:打開訂閱源,打開文章的詳情。在照片查看的時候,放大手勢也可實現放大圖片的功能。

7.縮小(Pinch close)

縮小手勢,可以實現與放大手勢相反且對應的功能的功能:關閉訂閱源退出到首頁,關閉文章退出至索引頁。在照片查看的時候,縮小手勢也可實現縮小圖片的功能。

8.長按(Touch &Hold)

在我的訂閱頁,長按訂閱源將自動進入編輯模式,同時選中手指當前按下的訂閱源。這時可直接拖動訂閱源移動位置。

針對文字長按,將出現放大鏡輔助功能。松開后,則出現編輯菜單。

針對圖片長按,將出現編輯菜單。

9.搖晃(Shake)

搖晃手勢,將出現撤銷與重做菜單。主要是針對用戶文本輸入的。

盡量使用以上9種標準手勢。不要修改標準手勢所造成的效果。不要禁用系統級的手勢(例如喚起控制中心)提供除了手勢之外的補充方案(例如返回按鈕)。某些App上,使用更多手勢(游戲等比較復雜類型的App)

10. loading

當加載行為發生時,明確告訴用戶;讓加載畫面盡量有趣;盡快展示內容。

11. Modality(模塊化)

幫助人們聚焦在當前任務中,防止完成操作前去進行其他操作。地圖中提醒打開定位功能的彈窗,編輯郵件的臨時頁面。https://developer.apple.com/ios/human-interface-guidelines/interaction/modality/

謹慎使用modality;提供明顯并且安全的方式退出當前模塊;模塊里的內容不能過于復雜,Don’t create an app within your app.選擇合適的modal樣式,和主view切換要自然。

12. 導航

導航設計要很自然的支持App的結構,且不能刷存在感。

iOS有三種主要的導航結構:Hierarchical navigation(設置、郵件), flat navigation(music、App store), Content-driven or experience-driven navigation(game, books, immersive apps)

有些App是混用以上三種導航結構

13. 許可獲?。≧equesting ?Permission)

只有在App明確需要獲得該權限的時候才詢問獲取權限,并且向用戶剪短、明確地解釋為什么需要該權限(Don't let people feel pressured.)

14. 設置,Settings

允許用戶在初始狀態下使用App,并提供setting供用戶額外調整設置。

盡量向系統詢問信息而不是像用戶詢問信息;優化設置的結構;提供到達深層設置的快捷入口。

15. Terminology, 術語

說人話,使用目標人群看得懂的文字和詞。界面上的信息呈現要保持簡潔、有效率。避免加入人稱(our tutorial, my workourts)

偶爾使用縮略詞。如果涉及到日期,盡量不要用今天、明天,告訴用戶準確的時間。

16. Undo and Redo

如果用戶通過shake出發undo, redo,彈窗提示用戶。如果shake有這個功能,不要讓shake再觸發其他功能。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容