百度商桥

在线咨询

400-660-9989

uipower@uipower.com

外交部案例展示

背景

BACKGROUND

中华人民共和国外交部是中华人民共和国政府的外交机关,是中华人民共和国国务院内主管外交事务的组成部门,负责处理中华人民共和国政府与世界其他国家政府及政府间国际组织的外交事务。

文件管理系统是工作人员对外交部文档进行数据编辑、数据管理的信息化办公平台,为了实现随时随地管理、执行与协作,帮助外交部工作人员高效办公、智慧办公,UIPower作为国内领先的全流程用户体验设计公司非常有幸参与外交部文件管理系统全流程界面设计。

回归本质的产品定义

PRODUCT DEFINITION OF REGRESSION ESSENCE

前期专家对整个产品进行评估,针对用户需求对产品提出合理意见,梳理产品设计的核心点,指导后续设计。
我们通过亲和图等方法整理已有资料,由发散到收敛,形成产品概念。
我们还建立了满意度模型和接受度模型,把易用性、及时性、沟通效率等因素纳入模型指标,让用户体验创新的理念在整个产品体系中得以贯穿。
通过用户访谈,了解到部分功能还不够完善,我们设计师与用户多次进行深入交流,整理并完善模块功能。

贴近生活的控件设计

CONTROL DESIGN CLOSE TO LIFE

基于外交部文件管理系统的用户群体为办公室的工作人员,所以我们以办公室的“便签”为原型设计首页的卡片控件,一方面可以对文件进行清晰归类,另一方面可以对重要事项进行标记,通过不同颜色、大小来区分事项的重要程度,信息内容一目了然。

交互设计流程

INTERACTIVE DESIGN PROCESS

通过交互原型将文件管理系统前期需求分析进行落地化体验设计,结合用户办公室使用场景及需求,本次设计遵循简单有效原理,首页采用卡片式布局设计,导航显示清晰明确,信息展示一目了然。
我的文档库
该系统整体采用左右结构的设计,确保功能的可见度;功能之间切换简易,逻辑关系清晰;通过高度适配交互方式实现便捷操作,提升工作效率。
个人主页
公文编辑

简而不凡的色彩搭配

COLOR SCREENING

主色调以蓝色为主,蓝色具有责任、信赖和正直等积极含义,和外交部的工作性质相对应,做到了产品设计的统一;同时辅以多种点缀色,既丰富了视觉效果,也对不同重要程度的信息进行视觉区分。整个视觉设计简约大方,排版布局更直观,有助于用户快速适应和使用。

人性化的日程安排

HUMANIZED SCHEDULE

结合用户使用场景及习惯,我们在首页添加了日历控件,用户可通过日历控件增加、修改、查看日程,有规划的合理安排时间,在提高工作效率的同时,能够确保外交部各项工作及时有效的推进。

多层次图标设计

MULTI LEVEL ICON DESIGN

界面图标以扁平图标为主,最大化的去除干扰元素,保证页面的简洁,让“信息”本身作为核心被凸显出来。在不同工作区采用不同图标设计方式——工具栏、菜单栏图标以剪影图标为主,以凸显系统功能;文件图标采用半拟物设计方式,便于用户识别。

产品可视化开发

VISUAL PRODUCT DEVELOPMENT

在设计完成后,我们使用PowerUI Studio开发工具进行本系统的开发,实现了界面的可视化开发,开发速度相比传统开发方式有了很大的提升。感谢外交部对UIPower的高度信任与认可,期待未来有更多的合作,为大家提供更多的想法和创意!