網頁設計新方向 Web Design Trend - 如何設計有利單手操控裝置的流動版網站?

Hins Chan • Mar 05, 2021

請給我們一點支持,關注我們的Facebook Fanpage @Squaredigitalhk ,好讓我們撰寫更多優質文章。

如何設計有利單手操控裝置的流動版網站?

現在單靠提供流動版網站,已經不足以應付用家的需求了 – 縱使內容因為屏幕尺寸而有所變更,不代表按鍵、連結等位置符合大部份人使用的習慣。因此,流動版網站除了要「有」,更要設計的「好」。

根據研究,單手操控的時間,佔了操控手機總時間的49%,接近一半。

麻省理工大學的學生研究,發現成人姆指的平面寬度約為 2.5cm,大約72 Pixels 左右。

大部份單手操控電話用家,都會不時換手,大約有67%時間在右手掌握手機,33%時間在左手。可以想像一下,右手姆指是最常用來滑手機的手指,然後當單手拿機時,右手姆指最常放在機體的右下角。因此,以右下角作為起點去讓用家點擊,會是手機用家個人體驗的進步。

就著單手操控,加上右手佔較多操控時間這些因素,可以想像在設計網頁時,重要的鍵不要離右下角畫面太遠。關於設計流動版網站,我有以下的建議:

 

-      將重要按鈕放在接近右手姆指附近

-      令用戶多利用Footer的menu,減少依賴Hamberger manu

-      填寫表格及作出選擇的鍵,要接近畫面底部

-      利用Hotjar等平台,觀察流動裝置使用者行為,並修改內容及排板

 

Google的Product Director Luke Wrobleski指出,現在人們隨時隨地可以拿出手機使用。由於現實生活中有很多事情會分散一個人的注意力,日常亦有很多機會迫使手提裝置用家將其中一隻手空出來,導致他們必須單手操作手機,而且注意力亦會被切割得很短。

如果你覺得我們寫的文章有用,請幫我們分享一下

YouTuber新手該如何制訂內容?如何增加訂閱人數?
By Hins Chan 19 Mar, 2021
一些YouTuber之所以受歡迎,在於其出眾的主持技巧。雖然你也許很想成為那樣的人,但不代表模仿他們便能帶來成功。須知道形象可以營造,但不可以假冒。若希望仿效對象的風格跟你本人根本不搭,只會弄考成拙。這個時代拍攝節目,在乎一個「真」字而已。踏實地經營內容,風格漸漸自然生成。
網絡營銷 餐飲篇 – 經營虛擬外賣品牌的商機與挑戰
By Hins Chan 19 Mar, 2021
這些平台的特色,在於餐廳菜單、資訊格式的高度一致性。餐廳變相可以推銷的空間就只有食物宣傳照、餐單內容和折扣。避免使用網上圖庫買回來的stock photo,以實物照片作宣傳照,給予客人信心;菜式內容亦需清晰,並配合菜式描述以吸引客人嘗鮮。
網絡營銷活動 - 將實體活動轉移至線上,有甚麼好處?
By Hins Chan 18 Mar, 2021
雖然在COVID-19疫情開始前,已經有不少商家嘗試舉行線上活動,不過線下的實體活動對不少企業來說依然具吸引力。可是,到了不得不轉型的今天,我們也許可以先了解一下,活動轉換成線上形式背後牽涉的成本和考慮。
More Posts
Share by: