为军采网进行整体产品架构优化和视觉设计

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