首頁 部落格 行動網頁設計選單圖樣大學問
Ryan
Nov 22, 2016
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

行動網頁設計選單圖樣大學問

響應式網頁設計(RWD)已經風光了兩年,iWare的客戶幾乎都使用上了這樣的技術,但只要手機的網頁瀏覽畫面看起來正確的顯示,就是一個好的響應式網頁設計嗎?

今天我們分享一個網頁設計師,利用自己的網站進行了一個行動網頁選單測試,僅只更換選單的圖樣,就能帶來意想不到的結果。

首先響應式網頁設計最常見的選單按鈕,為平行三條線的圖樣,這樣的圖樣是根據Bootstrap框架的制式圖案,因此非常常見於許多行動網站。



對於桌面網頁使用者來說,這種按鈕是相當生疏的一種介面,因此設計師決定動手做了一點小改變,製作了兩個新按鈕。

第一種按鈕讓平行三條線旁多了「MENU」的字樣。

第二種按鈕則是將圖示添加邊框。

經過了一段時間觀察來訪者,發現選單圖樣多了「MENU」字樣的按鈕,比起原先點擊率高出了7.2%,添加邊框的按鈕更是大幅增加了22.4%。



這樣的用心測試,反應了使用者對於響應式網站的選單較為陌生,如有適當提示,對於網頁點擊率的增加與跳出率的降低是很有幫助的。

想想看2016年的網頁設計,是否有無類似的因素影響用戶的體驗?如果有的話立即改善,讓小小的改變帶來大大的成長。

手機版網站的重要性和好處
手機版網站的重要性和好處
Jericho
Jericho
Mar 29, 2024
網頁設計過程中如何做好色彩搭配
網頁設計過程中如何做好色彩搭配
Jericho
Jericho
Mar 27, 2024
為何要製作RWD (Responsive Web Design) 響應式網站設計?有什麼優點和缺點?
為何要製作RWD (Responsive Web Design) 響應式網站設計?有什麼優點和缺點?
Jericho
Jericho
Mar 20, 2024