400-800-9385
网站建设资讯详细

方维网络设计师谈:从网页导航看设计体验

发表日期:2018-02-08 11:04:13   作者来源:方维网络   浏览:3670   标签:网页设计    
近几年,产品体验这个词在经常出现在大家的讨论内容里,大家都知道,好的产品体验可以带来更多的用户浏览人数,差的产品体验在操作上的懵逼度上,大概就是浏览个几秒钟就可以关闭了。从事网页几年,多多少少接触了很多个案例,从中也总结下几点个人想法。今天来分享下对导航设计的见解及利弊端的体验。

一、传统展示导航

传统的导航是把所有的栏目都展示出来,这样方便用户可以直接点击到想要的栏目,基本符合的浏览群众是属于传统派,或者快效的应用在平台上网页的设计。弊端就是在响应式设计上就受限了,可能在平板上和手机上就显得拥挤了,视觉观感差。
 
网页设计导航
 
二、隐藏式按钮导航设计

为了解决上述的问题,我们也采取了按钮把栏目的内容隐藏上来,这样解决了页面拥挤,也为页面留下简洁的视觉感。也比较适合现在普遍大众在手机应用上的操作习惯。

按钮导航设计
 
三、顶部固定滑动导航
 
滑动导航设计
 
侧的导航第一屏给人的感觉很新颖,适合设计创意为主的网站。
弊端就是不能超过太多栏目,尽量保持在一屏内,不然重新下拉第二屏其实是蛮费力的一个体验感观,当然如果比较上了年纪的估计一开始也不知道从哪点,所以这个应用的年龄群众最好偏年轻些的浏览群体
 
四、图标化导航
 
图标导航设计
 
活泼贴切的图标化设计导航给人第一眼的感觉很形象,不过这个得考察图标的形象化是否符合导航栏目的内容了,不然给人牛头蛇尾的不贴切感也是很不好的。此类网站多应用于儿童乐趣活泼跳跃性多些的网站风格。
 
五、图片化导航

图片导航设计
这类导航设计是直接把导航应用在首页设计上了,这样突出了网站里的架构,信息表达能力强些,让用户的点击欲望会强烈些,至少在选择上提供了明确的点击信息。弊端就是不能更多的展示其他信息,不过这些信息在内页里面去体现也无妨。
 
六、融入式导航

融入式导航

融入导航设计的方法比较对图片的选择要求高点,不过这样也是一个不错的创意方式。大部分这样的导航设计比较应用在品牌化的高端网站,对设计的把控需要高点才能设计出好的首屏效果,弊端就是比较受限起图片的选择。
 
小结:
导航往往在第一屏第一眼就有所体验了,目前导航的设计也是千层百出,不过也是万变不离其宗,什么样的网站定位也决定了导航的设计方向,例如商城网站以推广为主最好是全部栏目都展示出来。企业品牌官网以简洁设计为主。导航虽然看起来占据的版面比较小,当设计往往考验的就是对细节的把控。作为设计师这也是需要对导航的设计趋势时刻注意到的。

作者:方维网络陈晓琳
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/4171.html