關於移動端和PC端的交互的區別


對於現在的移動端設備的普及,移動端上的用戶體驗成了一個重要的關注點。

看了一些網上的關於移動端的交互和用戶體驗的知識,這里總結了一些。若有不足的地方,希望大家能夠積極補充。

 

PC端和移動端的產品的設計區別

  1. 屏幕與適配的問題考慮;
  2. 操作系統(windows,mac,android,iOS等)的區別;
  3. 網絡環境(並不是每一個移動端設備隨時隨地都有網絡);
  4. 使用場景(站着,坐着,躺着,蹲着,趴着,走着等等);
  5. 傳感器的使用(搖一搖功能,地圖實時導航,語音輸入等);
  6. 操作方式不同(PC端是點擊,移動端是戳);
  7. 桌面與通知(通知明顯還要盡量不打斷任務流);
  8. 輸入成本考慮(下面會說到);
  9. 不同客戶端的版本迭代速度不同。

 

移動端獨有的交互模式

  1. 觸屏滑動操作:

      a、屏幕或者頁面之間自由滑動切換;

      b、滑動條目進行刪除;

      c、滑動解鎖;

      d、側滑呼出菜單;

  2. 搖一搖功能;
  3. 掃描條碼或者二維碼;
  4. 下拉刷新和上拉加載;
  5. 長按效果和隱喻;
  6. 拍照掃描上傳,分享;
  7. 地圖實時定位功能;
  8. 移動端可以隨時隨地旋轉屏幕。

 

關於移動端和PC端的表單

  1. 移動端沒有hover狀態,所以,移動端的表單要有良好的可視性;
  2. 盡最大的可能減少移動端的輸入成本——針對不同的文本輸入框調用不同的鍵盤模式;
  3. 如果在PC端做的網頁沒有設計為響應式,那么,至少要允許網頁的縮放;
  4. 按照用戶的視線從上到下的習慣,以及移動端屏幕空間有限的特點,在設計表單的時候,每一個表單輸入框的標題盡量使用其placeholder屬性提示當前輸入框的輸入內容;
  5. 移動端表單設計,讓用戶更多的進行選擇而不是輸入,並且,要有智能糾錯功能,針對用戶的輸入錯誤進行智能糾正;
  6. 對於移動端的錯誤提示,盡可能使用toastlist而不是彈窗,不要打斷用戶的任務流;
  7. 智能輸入功能:比如直接從短信獲取驗證碼,語音輸入等;
  8. 考慮表單輸入框是否足夠大來顯示用戶所輸入的內容;
  9. 橫豎屏的情況下,鍵盤出現時,表單是否都能夠正常顯示,表單提交按鈕是否能夠點擊;
  10. 使用信息分組,不要讓用戶迷惑;
  11. 表單過長時,提交按鈕可以融入到鍵盤里。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM