分享兩種手機版網頁的選單圖樣設計學問
響應式 網頁設計 (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，下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了
