iOS11人機互動指南-App結構-03模態檢視 Modality

weixin_34239169發表於2017-11-01

模態檢視保證使用者在完成任務、關閉訊息或檢視後才能採取其他操作。操作列表,警示窗和活動檢視都屬於模態檢視。當螢幕上出現模態檢視時,使用者必須通過點按按鈕或以其他方式退出模態檢視來進行選擇。一些應用程式實現模態檢視,例如在日曆中編輯活動或在Safari中選擇書籤。模式檢視可以佔據整個螢幕,整個父檢視(如popover)或螢幕的一部分。模態檢視通常包括退出檢視的完成和取消按鈕。

2459124-e07376f689d02895.png

儘量少用模態檢視。一般來說,人們喜歡以非線性方式與應用進行互動。只有當一個關鍵的事情值得使用者注意,再建立一個模態檢視。一個任務必須完成或放棄,或儲存重要的資料,才能繼續使用該應用程式。

提供一種明顯而安全的方式來退出模態檢視。確保當使用者關閉模態檢視時,他們清楚知道自己這一舉動的結果。

保持模態任務簡單,簡短,不需要太多注意力。不要在應用程式中再建立一個應用程式。如果一個模態任務太複雜,當使用者進入模態狀態,他們會忘記他們暫停的任務。特別注意建立涉及層次結構的模態任務,因為使用者可能會迷失方向,而忘記了如何回溯其步驟。如果模態任務必須包含子檢視,請提供通過層次結構的單一路徑和完成路徑。避免在完成任務之外使用完成按鈕。

如果合適,顯示標識任務的標題。您還可以在檢視的其他部分提供更完整的描述任務或提供指導的文字。

保留警報,傳達必要和理想的可操作資訊。警報中斷了體驗,需要輕按關閉,所以重要的是讓使用者覺得這種中斷是有必要的。

保持通知的優先順序。在“設定”中,使用者可以決定是否接受應用的推送資訊。遵守這些偏好,以免他們完全不理會您的應用的通知。

不要在popover上方顯示模態檢視。除了警報之外,任何應用都不會出現在彈出視窗上。在極少數情況下,當您需要在popover中執行操作後提供模態檢視,請在顯示模態檢視之前關閉該popover。

與您的應用程式協調模態檢視外觀。模式檢視可以包括例如導航欄。在這種情況下,請使用與您應用中導航欄相同的外觀。

選擇適當的模態檢視樣式。您可以使用以下任何一種樣式:

全屏。覆蓋整個螢幕。用於可以在模態檢視的上下文中完成的潛在複雜任務。

2459124-874bf2da6dd2ca3b.png

頁面。部分涵蓋了以橫向為主的大型裝置的底層內容。所有未覆蓋的區域變暗,以防止與它們相互影響。在較小的裝置上以縱向方向覆蓋整個螢幕。用於可以在模態檢視的上下文中完成的潛在複雜任務。

2459124-0214af0f85f85ca9.png

表單。以螢幕為中心出現,但如果鍵盤可見,則可能會重新定位。所有未覆蓋的區域變暗,以防止與它們相互影響。可以在較小的裝置上覆蓋整個螢幕。用於收集資訊。

2459124-f709590c9e1962da.png

當前內容。顯示為與其父檢視相同的大小。用於在分割檢視窗格,popover或不是全屏的其他檢視中顯示模態內容。

2459124-13201c49019a318b.png

選擇模態檢視顯示適當的過渡動畫。使用與您的應用程式協調的過渡動畫樣式,並提高臨時上下文轉換的意識。預設的轉換從螢幕底部垂直滑動模態檢視,一旦關閉就退回。翻轉式過渡通過jj水平翻轉檢視以顯示模態檢視。視覺上,模態檢視看起來像當前檢視的背面。一旦guanbi ,它會翻轉。在您的應用程式中使用一致的模態轉換樣式。

原文連結

相關文章