對於現在的移動端設備的普及,移動端上的用戶體驗成了一個重要的關注點。
看了一些網上的關於移動端的交互和用戶體驗的知識,這里總結了一些。若有不足的地方,希望大家能夠積極補充。
PC端和移動端的產品的設計區別
- 屏幕與適配的問題考慮;
- 操作系統(windows,mac,android,iOS等)的區別;
- 網絡環境(並不是每一個移動端設備隨時隨地都有網絡);
- 使用場景(站着,坐着,躺着,蹲着,趴着,走着等等);
- 傳感器的使用(搖一搖功能,地圖實時導航,語音輸入等);
- 操作方式不同(PC端是點擊,移動端是戳);
- 桌面與通知(通知明顯還要盡量不打斷任務流);
- 輸入成本考慮(下面會說到);
- 不同客戶端的版本迭代速度不同。
移動端獨有的交互模式
- 觸屏滑動操作:
a、屏幕或者頁面之間自由滑動切換;
b、滑動條目進行刪除;
c、滑動解鎖;
d、側滑呼出菜單;
- 搖一搖功能;
- 掃描條碼或者二維碼;
- 下拉刷新和上拉加載;
- 長按效果和隱喻;
- 拍照掃描上傳,分享;
- 地圖實時定位功能;
- 移動端可以隨時隨地旋轉屏幕。
關於移動端和PC端的表單
- 移動端沒有hover狀態,所以,移動端的表單要有良好的可視性;
- 盡最大的可能減少移動端的輸入成本——針對不同的文本輸入框調用不同的鍵盤模式;
- 如果在PC端做的網頁沒有設計為響應式,那么,至少要允許網頁的縮放;
- 按照用戶的視線從上到下的習慣,以及移動端屏幕空間有限的特點,在設計表單的時候,每一個表單輸入框的標題盡量使用其placeholder屬性提示當前輸入框的輸入內容;
- 移動端表單設計,讓用戶更多的進行選擇而不是輸入,並且,要有智能糾錯功能,針對用戶的輸入錯誤進行智能糾正;
- 對於移動端的錯誤提示,盡可能使用toastlist而不是彈窗,不要打斷用戶的任務流;
- 智能輸入功能:比如直接從短信獲取驗證碼,語音輸入等;
- 考慮表單輸入框是否足夠大來顯示用戶所輸入的內容;
- 橫豎屏的情況下,鍵盤出現時,表單是否都能夠正常顯示,表單提交按鈕是否能夠點擊;
- 使用信息分組,不要讓用戶迷惑;
- 表單過長時,提交按鈕可以融入到鍵盤里。