为军采网进行整体产品架构优化和视觉设计
北京/UI设计师/5年前/172浏览
版权
为军采网进行整体产品架构优化和视觉设计
政策新闻导向,通栏气氛图片铺底划分主次内容,通过专题图形化形成阅读节奏,左中右内容层次分明。
任何网站,界面设计都遵循一条很重要的设计原则,那就是:功能决定表现形式。我们对军采网的业务功能入手,重新整合要展现在首页的重要功能,从而进行UI信息布局,力图达到首页的信息布局合理,完善,能够符合用户的阅读习惯,同时最大化彰显网站属性的目的。
首页包含的重点功能包括:新闻,采购公告,采购需求,预研指南,专题发布,以及专栏,全国分中心等内容的快速入口。其中新闻动态和采购公告重要层级较高。
经过业务讨论和理解,页面主体内容应该在于采购需求,采购公告和专栏内容上,通过栅格化的处理方式,让重点功能重点呈现,同时兼顾次要信息的可视化表现。在UI信息布局上,通过信息内容的整合,形成一种友好的信息阅读节奏,达到内容布局最优化。
在导航的布局上,遵循“7+2”设计原则,即一级导航的数量应该控制在7-9个,这样才符合用户在设备环境下阅读的视觉承受力。根据功能的重要层级和属性,将一级导航整体归纳为:首页,采购公告,采购需求,集中采购,通用设备,试验鉴定,法律法规和服务指南。原本在一级导航位置的装备市场准入和国防知识产权,则放置到页面顶部,平衡顶部登录,注册的布局。
通过UI信息布局的重构,让网页整体契合平台类网站的用户使用习惯,首先达到好用的目的,优化了用户体验。
3
Report
声明
2
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
3Log in and synchronize recommended records
2Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share


























































