帮助

手机网站的导航设计误区及其改正方法

2018-12-23 10:24 技术文档

由于手机端设备屏幕小,设计师们在设计上为了节省页面空间,导航栏设计一般会使用隐藏式的设计,只提供一个汉堡按钮,以此提醒用户菜单的存在,然后直接展示手机网站的内容,大部分人以为这样建设手机网站是在简化界面,熟不知踏入了一个设计误区。本文小编就来讲讲这种形式错在哪儿,又该如何改正。

 

一、误区:盲目使用汉堡菜单栏

手机网站的页面的确有限,要想在页面内完整展示内容,要懂得充分利用空间,把主要内容条理清晰地展示出来,所以设计师仅仅使用汉堡菜单栏设计网站导航,把空间留个主要内容。

这里有一个认知错误是,导航栏的信息是手机网站的主要内容之一,是网站的主要框架信息,通过导航栏,用户能更大致了解手机网站的主要内容,因此,用户一打开网站,网站的主要信息应该清晰地呈现给用户,而非隐藏起来。

建设手机网站,功能操作要精简化,所有操作精炼要一步到位,使用隐藏式的网站导航设计,用户需要触发按钮才能查看完整的导航栏目,这样反而使用户操作变得复杂,不合适!

二、改正:导航可视

因此,手机网站的导航设计要结合多种设计形式,把重要的导航信息提取出来,至于页面顶部或底部,使用标签式设计,标签文本简洁明了,让用户对网站的主要信息一目了然,用户也能清晰知道网站主要内容有什么,如果层级多,再配上汉堡式的导航设计,当可视的导航信息无法满足用户需求时,用户可以点击了解更多的内容。

两种形式结合的导航设计让手机网站导航更清晰,内容分类更有逻辑和条理性。

视线所及,用户才有感知,所以,建设手机网站的导航要尽量可见,清晰可视的导航才能让用户在浏览网站时有足够的安全感。


相关推荐

QQ在线咨询