手机网站的导航设计误区及改正方法
发表:紫石头原创模板堂 发表时间:2019-02-26 09:26:50 阅读:141次
由于手机端设备屏幕尺寸的限制,设计师们为了节省页面空间,对导航栏的设计喜欢用隐藏式的设计,只提供一个汉堡按钮,以此提醒用户菜单的存在,然后直接展示手机网站的内容,大部分人以为这样建设手机网站是在简化界面,熟不知踏入了一个设计误区。
误区:盲目使用汉堡菜单栏
手机网站的页面的确有限,要想在页面内完整展示内容,要懂得充分利用空间,把主要内容条理清晰地展示出来,所以设计师仅仅使用汉堡菜单栏设计网站导航,把空间留个主要内容。
这里有一个认知错误是,导航栏的信息是手机网站的主要内容之一,是网站的主要框架信息,通过导航栏,用户能更大致了解手机网站的主要内容,因此,用户一打开网站,网站的主要信息应该清晰地呈现给用户,而非隐藏起来。
建设手机网站,功能操作要精简化,所有操作精炼要一步到位,使用隐藏式的网站导航设计,用户需要触发按钮才能查看完整的导航栏目,这样反而使用户操作变得复杂,不合适!
改正:导航可视
因此,手机网站的导航设计要结合多种设计形式,把重要的导航信息提取出来,至于页面顶部或底部,使用标签式设计,标签文本简洁明了,让用户对网站的主要信息一目了然,用户也能清晰知道网站主要内容有什么,如果层级多,再配上汉堡式的导航设计,当可视的导航信息无法满足用户需求时,用户可以点击了解更多的内容。
两种形式结合的导航设计让手机网站导航更清晰,内容分类更有逻辑和条理性。
视线所及,用户才有感知,所以,建设手机网站的导航要尽量可见,清晰可视的导航才能让用户在浏览网站时有足够的安全感。
十六年网站建设相关经验
一站式为您提供网站相关服务
欢迎扫码咨询