iOS11人機交互指南-視圖-08:浮出層 Popovers

浮出層作為一種臨時視圖,會在用戶點擊控件或特定區(qū)域時觸發(fā),高于其他頁面層級。通常,浮出層包括指向它出現(xiàn)位置的箭頭。它可以是非模態(tài)(羅列信息)或是模態(tài)(進行信息操作)。非模態(tài)浮層通過點擊屏幕的另一部分或浮層按鈕來關閉;模態(tài)浮層通過點擊取消或其他按鈕即可解除浮層。

浮出層在大屏設備上最合適,可以包含各種元素,包括導航欄、工具欄、制表符欄、集合視圖、表格、圖像、地圖和自定義視圖。當一個浮層可見時,其他視圖交互通常被禁用,直到浮層關閉。使用彈窗顯示與屏幕內容相關的選項或信息。例如,當用戶點擊按鈕操作時,許多 iPad 應用會顯示一個共享選項。

Popovers

避免在 iPhone 顯示浮層

一般來說,浮出層應該保留在 iPad 應用中使用。在 iPhone 應用中,在全屏模式視圖中呈現(xiàn)信息,而不是在浮層中,利用所有可用的屏幕空間。


包含關閉按鈕

應包含關閉按鈕,例如 取消、完成??梢允橇硪环N形式,例如退出或不保存更改。一般來說,浮層應在不需要時自動關閉。在大多數(shù)情況下,當用戶點擊其邊界之外或選擇一個在浮層中的項目時,浮層應該關閉。如果可以進行多項選擇,則浮層應保持打開狀態(tài),直到用戶明確將其關閉。


防止誤關非模態(tài)彈出窗口

輕按屏幕的另一部分就會無意中關閉非模態(tài)浮層,只有當用戶點擊取消按鈕時才放棄次次操作。


指向觸發(fā)位置

浮層箭頭應該盡可能直接指向觸發(fā)它的元素,由于浮層不能移動,不應該遮擋可能需要看到的基本內容,當然也不應該覆蓋觸發(fā)它元素。


一次顯示一個浮層

不要顯示一個級聯(lián)或層次結構,例如其中一個從另一個彈出,顯示多個浮層會導致混亂。如果需要一個新的浮層,請先關閉打開的那個。


請勿在浮層上再展示一個模態(tài)視圖

除了彈窗,浮層中應當有任何模態(tài)視圖。


關閉現(xiàn)有的,才能打開新的

當多個不同的按鈕會觸發(fā)不同浮層時,避免額外的注釋很重要。


避免浮層太大

浮層不應占用整個屏幕,只顯示足夠大的內容并指向觸發(fā)元素。要注意,系統(tǒng)可能會調整浮層的大小以確保它適合屏幕。


確保自定義浮層有浮層樣子

雖然可以定制浮層樣式,但要避免用戶可能無法識別為浮層的設計。當內容包含標準控件和視圖時,浮層往往最有效。


更改浮層大小時平滑過渡

一些浮層提供了相同信息下的視圖縮放,如果用戶需要調整浮層大小,請使用動效平滑過渡,以避免給用戶一種新浮層替換舊浮層的印象。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容