移動端下拉菜單交互設計

摘自IAMUE

1.層級菜單,以iOS為代表

外露設置名稱和默認項,將全部選項放在下一個頁面

優(yōu)點:節(jié)約垂直空間;兼容單選、多選等多種情況;可容納的選項較多

缺點:操作繁瑣,沒有滑動返回時大屏幕操作困難

2.彈窗設計,以Android為代表

使用Alertialog作為載體承載選項,單選時點擊選項關閉彈窗,多選時點擊完成關閉彈窗。

優(yōu)點:少數(shù)選項時比層級更加簡單易用

缺點:選項內(nèi)容一旦過多,彈窗就不適用

3.下拉菜單

類似PC端的下拉菜單,使用效果尚可,但是感官奇怪

4.滑動選擇器

選項在當前界面出現(xiàn)擠開其他內(nèi)容,選擇后自動收起

避免進入新的層級,選項為連續(xù)的日期或者數(shù)字時表現(xiàn)良好,但是選項一旦過多并且無明顯的連續(xù)關系則不應該使用

5.平鋪內(nèi)容

選項較短如性別選擇,移動端較少見

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

相關閱讀更多精彩內(nèi)容

  • “在PC上常出現(xiàn)的下拉菜單,在移動端上都是用什么交互來實現(xiàn)的”,將最近項目里碰到的情況總結(jié)一下。 1. 層級設計,...
    初三說閱讀 25,500評論 11 67
  • 不知不覺已經(jīng)有一個月沒有更自己的文了,終于有“敏感”的讀者發(fā)現(xiàn)了,并在后臺關心地問是怎么一回事兒。 其實只是工作忙...
    小默森閱讀 762評論 12 5
  • 新型冠狀病毒說明書 冠狀病毒 [guān zhuàng bìng dú] 冠狀病毒在系統(tǒng)分類上屬冠狀...
    王嘉廉閱讀 11,830評論 0 2

友情鏈接更多精彩內(nèi)容