手機瀏覽器捲軸的使用體驗

花了點時間研究在手機上使用 home/end 的操作方式, 這和切換分頁一樣, 各家瀏覽器都發揮不少創意

  • ASUS Transformer 和 Padfone2 修改了內建瀏覽器, 在捲動時右側不只會有捲軸, 捲軸較大且有上下移動的箭頭 (參考圖片來源), 可以用手按住拖放到畫面上任何一個位置, 實際用起來還滿方便
  • Opera Mobile 在捲動速度夠快時, 會出現一個箭頭的按鈕 (參考圖片來源), 點了以後會跑到畫面的邊緣。往上捲會出現向上的箭頭, 功能同桌機的 Home; 反之是向下箭頭, 功能同 End
  • Dolphin 使用手勢, 點畫面左下角開始輸入手勢, 並內建 Home/End 的手勢

就我個人的偏好來說, 手勢不夠直覺, 雖然在用桌機 Firefox 時, 我有用 mouse gesture 來取代 Home/End, 但對大眾來說, 這個功能需要學習

Opera Mobile 的作法有些小問題, 箭頭按鈕太常出現會有一點惱人, 但捲動速度不夠快不會出來, 部份使用者怎麼用都不會察覺這功能。這一年來的經驗告訴我, 使用者點擊或捲動的速度, 快慢的差距還頗大的, 若只依自己使用習慣設計速度區間, 下場會很慘

ASUS 的作法最直覺, 也沒什麼副作用, 只是實作上辛苦一些就是了。

再回來看 Opera Mobile 的作法, 若需要的功能就只有 Home/End, 這個作法滿直覺易用的, 且會比 ASUS 的作法再好用一點點 (影響不大)。令我好奇的是, Opera Mobile 按下捲動按鈕後, 會快速地逐步捲到底, 而不像桌機按 Home/End 那般跳到底

琢磨了一陣子才想通, 原因是這個功能是捲動後才會浮現按鈕, 按下按鈕後繼續維持捲動的感覺, 但用飛快的速度捲到底, 才有一致的操作感。反之, 若按下去就跳到畫面底部, 會有一點突兀, 使用感覺稍微差了一點。使用者體驗有許多細節沒有搭好, 用起來的感覺就是怪怪的, 但又很難說出來, 滿特別的一門專業

留言

這個網誌中的熱門文章

(C/C++ ) 如何在 Linux 上使用自行編譯的第三方函式庫

熟悉系統工具好處多多

virtualbox 使用 USB 裝置