本文盤點幾種常見的移動交互模式(pattern)辨绊,掌握了這些pattern的特點宣鄙,有助于選擇適合的交互苇羡。
導航類
導航好比指路牌,通過它叉存,用戶知道了往哪里走。
桌面式
所謂桌面式瞳秽,菜單入口通常以 MxN 排布在屏幕上。看一眼你的手機主屏就懂了丘喻。
導航模式-桌面式
無主次之分:每個區(qū)塊面積相當
iphone 主屏布局
有主次之分:面積越大越醒目
windows phone 主屏布局
Tips
多數(shù)情境下,使用桌面式導航窟感,需要考慮給用戶留出增刪移的自定義空間
列表式
跟桌面式導航以圖為主不同,列表式通常是為了容納長標題(甚至摘要躏嚎、縮略圖等)
導航模式-列表式
Tips
列表式導航往往需要考慮索引及排序的問題
選項卡式
選項卡式就是我們常說的“tab導航”,這個幾乎無處不在。
導航模式-選項卡式
Tips
在利用選項卡式時婆殿,一定要注意選項卡的“作用域”的問題
圖庫式
適合承載大面積圖片
導航模式-圖庫式
表單類
表單類屬于“用戶輸入類”交互鸣皂,常見的組件有:
- 單行輸入框
- 多行輸入框
- 單選框
- 復選框
- 按鈕
- 各類輸入控件
- 上傳文件
- 選擇日期
- ……
表單組件模式舉例
引導&反饋類
最后要說的是引導&反饋類的常見交互模式
引導
可以使用明示性質的引導,例如下面是常見的幫助環(huán)節(jié)的設計模式暮蹂。
引導模式-“明示”
Tips
- 保持引導文案簡潔明快
- 注意提示文案消失的機制寞缝,例如手指觸摸屏幕任意區(qū)域時
除了“明示”用戶,更多地仰泻,應該利用“約定俗成”的規(guī)則荆陆,給用戶以“暗示”,例如下面的例子棠枉。
引導模式-“暗示”
反饋
反饋是為了給予用戶控制感和確定性碍讯。應該隨時隨地自問禾乘,當下的場景是否給了用戶足夠的反饋,讓Ta知道當下發(fā)生了什么、到了什么進程建车、下一步將會是什么月洛。
反饋模式
參考資料
- Neil, Theresa.Mobile Design Pattern Gallery
- Website Flowchart & Sitemap