汉堡选单蔚为潮流,设计优缺点大分析 ,南宁建站公司。

汉堡选单蔚为潮流,设计优缺点大分析									,南宁建站公司。

为了避免误会,说明一下今天谈的不是速食餐厅的那个「汉堡」,而是网页设计中,尤其是智慧型手机近年蔚为主流的「汉堡选单」(Hamburger Menu),他是一个三条水平线构成的简易按钮图示,点击后就会显示智慧手机的选单。除了最经典的三条水平横线外,有时也会出现外框或是颜色变化。

「汉堡选单」按钮的造型酷似汉堡因此得名,这个设计虽然对智慧手机的用户可能很熟悉,但对于电脑浏览器的用户却十分的陌生。虽然「汉堡选单」越来越受到欢迎,就连全力推广”手机优先”的Google服务介面,不论桌机版本或手机版本,也常常看到「汉堡选单」,但是传统的文字形阶层选单仍然是响应式网页设计(RWD)的主流,「汉堡选单」并不是一个标準,他究竟有什么优缺点呢?

 

汉堡选单蔚为潮流,设计优缺点大分析									,南宁建站公司。

汉堡选单的优点

选单设计更弹性

早期的手机网页选单,必须要使用斗大的文字与图示,正常的网页内容受到了很大的挤压。使用了汉堡选单的设计技术,可以让正常的网页讯息更容易曝光,用户使用智慧手机浏览网站,可以看到的不再是斗大的选单与文字,而是接近一般电脑浏览器的画面。

提升内页面曝光度

传统的智慧型手机网页设计的思维,重要的讯息多半放在首页,内页不易曝光是一大限制。随着新一代的响应式网页设计已经成为主流,一旦侦测到用户的使用装置为手机,汉堡选单就会自动出现的设计也很普及。马路科技认为点击汉堡选单后,进入网站的内页也变得比较容易,站长也可以将用户比较喜爱的页面连结拉到选单的顶端,便于用户更了解网站的内容与服务。

留住好用户

网站是否能够留住用户,良好的导览与丰富的资讯内容是关键。用户如何顺利的在网站找到想要的商品、需要的服务、实用的资讯…这个部分要仰赖网站的导览介面设计品质,汉堡选单是一个很有潜力的主力/辅助导览工具。好的用户往往会乐于多逛逛你的网站,汉堡选单是一个非常不错的开始。

汉堡选单的缺点

无法理解介面

使用电脑浏览器的人,可能从未看过汉堡选单的ICON,这个问题相当普遍。此外,汉堡选单的按键设计五花八门,马路科技观察汉堡选单较多用于英语系网站,对于非英语系的网站用户来说相当陌生,也是一个问题。

难以一览网站

点击汉堡选单才会弹跳出选单画面,但如果没有点击呢? 点击了选单之后,受到智慧手机的画面限制,只能显示有限数量的网页。如何让选单能够出现搜寻介面,或是其他更有利的导览机能,才能改善选单的缺失。

用户不愿尝试

不少网站站长发现手机的用户,浏览网站时所观看的页面数量比起桌上型电脑更少,有一部分的原因是智慧手机用户普遍较缺少耐心,汉堡选单的价值在于弹性的导览,但很多用户可能懒得点击你的汉堡选单,看完首页就离开了网站。毕竟,文字的选单还是人们比较熟悉、直觉的选单呈现方式,如何鼓励透过选单与网站互动,或是改善页面的内容呈现,都有助于网站留住用户(减少跳出率)的表现。

 

「汉堡选单」越来越普及,习惯只是时间问题

在「手机优先」的时代,越来越多桌上型网页UI界面设计中,看得到跨界使用汉堡选单,这不是单一个现象,连Google与Apple的网页都已经非常频繁的看到这样的设计趋势

很快的,人们就会习惯「汉堡选单」的意义与便利性,虽然文字选单还是直觉得多,但多了一个设计方向,设计趋势也越来越不分电脑与手机,对网页设计师来说是好的发展。

 

相关文章

联系我们

联系我们

152-7806-8650

在线咨询:点击这里给我发消息

邮件:951076433@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

联系微信
联系微信
分享本页
返回顶部