分享兩種手機版網頁的選單圖樣設計學問
響應式 網頁設計 (RWD)已經風光了兩年,但只要手機的網頁瀏覽畫面看起來正確的顯示,就是一個好的響應式網頁設計嗎?
今天我們分享一個網頁設計師,利用自己的網站進行了一個行動網頁選單測試,僅只更換選單的圖樣,就能帶來意想不到的結果。
首先響應式網頁設計最常見的選單按鈕,為平行三條線的圖樣,這樣的圖樣是根據Bootstrap框架的制式圖案,因此非常常見於許多行動網站。
對於桌面網頁使用者來說,這種按鈕是相當生疏的一種介面,因此設計師決定動手做了一點小改變,製作了兩個新按鈕。
第一種按鈕讓平行三條線旁多了「MENU」的字樣。
第二種按鈕則是將圖示添加邊框。
經過了一段時間觀察來訪者,發現選單圖樣多了「MENU」字樣的按鈕,比起原先點擊率高出了7.2%,添加邊框的按鈕更是大幅增加了22.4%。
這樣的用心測試,反應了使用者對於響應式網站的選單較為陌生,如有適當提示,對於網頁點擊率的增加與跳出率的降低是很有幫助的。
想想看2016年的 網站設計 ,是否有無類似的因素影響用戶的體驗?如果有的話立即改善,讓小小的改變帶來大大的成長。
參考文獻:
1.戴軒廷、馬恆、張紹勳 (2004), 衡量 網路廣告 態度之指標建構, 台灣管理學刊, 4(1), 59-84.
2.李青蓉等編著.(1998).人機介面設計,台北縣:空大。
3.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。
資料來源:iWare
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了