场景化成本控制系统体验设计(Web&App)

该项目专注于为招商银行旗下提供SaaS解决方案的子公司——招银云创的SCO平台设计差旅费用控制模块。该模块优化了差旅申请、预订、行程管理、费用核对及财务管理流程,旨在通过自动化降低成本,并解决用户体验不佳和报销流程碎片化等问题。
My Role
My Team
Time period
June. 2021 to August.2021
UI designer, Developers, Product manager,Project Manager
背景
商业画布、业务分析、用户旅程地图、服务蓝图、角色模型、用户流程、信息架构、原型分析、流程图、线框图。
产品设计师
Skills
问题
原有产品更注重功能性而非效率。界面信息结构分散,任务路径复杂,认知负荷高,且扩展性有限。
1.挑战
3.体验目标
2.商业目标
角色和业务场景多样且复杂,与旧版本存在较大差异,需要重构每位用户的心智模型。
通过重新优化结构,可以提高各个角色在多场景下完成任务的效率,提升用户体验,节省时间和成本。
提升公司业务价值,更好地实现效率提升和成本降低,并提高内部管理效率。
信息架构由环境、内容和用户构成。环境包括业务目标、资金、政治文化和限制条件,作为基础,与公司目标和文化相结合。内容涵盖数据类型、内容对象、数量和现有结构。用户则包括用户类型、任务、需求和信息检索行为。因此,研究重点分为业务目标分析、用户、任务和内容对象。
通过研究产品的信息架构及其各个组成部分
Context
Content
Users
(Fig.1 Information architecture)
Fig.1 Information architecture( Source: Rosenfeld, L., Morville, P. and Arango, J. (2015). Information Architecture: For the Web and Beyond. 4th ed. Sebastopol, CA: O’Reilly Media.)
Process
通过研究,我们旨在了解基本信息,分析流程和信息架构,识别解决方案,并进行设计开发

确保清晰理解业务如何创造、传递和捕获价值,明确关系,优化流程。
Context: 业务分析有助于识别和定义业务的核心组成部分
Research

研究业务链有助于在决策时对齐业务目标和设计目标
业务链包括不同利益相关者和资源之间的关系,有助于更好地理解业务框架和流程。

用户旅程分析
任务流程分析有助于识别和定义业务的核心组成部分
基于业务背景的研究,进一步分析当前的客户旅程,以了解整体客户流程,并识别不同阶段的互动接触点
分析

在规划之前,必须了解这些产品的用户是如何工作的(互动设计的本质)。在B2B产品中,涉及多个角色,因此有必要了解不同的用户角色、他们的任务、场景、需求和问题。这有助于提供更全面的业务流程和行为分析,并帮助他们更高效地完成任务。
Users: 了解不同角色的行为差异和偏好,这些差异导致了不同的信息需求和搜索行为

服务蓝图提供了对前台和后台流程更深入的理解
将用户和员工行为与支持系统进行整合
根据用户角色的问题和机会,重新观察原有的内容框架,以发现问题

Content: 指的是在系统中使用和需要搜索的元数据。它包括所有权、格式、结构、元数据、数量和动态。
解决方案
基于识别出的问题,将原始的信息架构解构为以任务和主题为导向的混合解决方案。预测用户可能优先处理的一组任务,并在该范围内展示相关内容。该解决方案重点关注不同用户角色的任务流程,区分各种场景,并相应地重构信息架构。

基于新的框架,重新设计主要任务流程
设计
主页作为主要的导航和入口点,发挥着至关重要的作用。根据信息架构,它被划分为不同的部分,每个部分包含不同的任务。这些任务根据使用频率和用户角色的不同进行优先级排序。

移动端的信息架构进行了重新设计,以与网页版本的结构和用户体验保持一致

主页面流程突出了关键任务、功能和主要角色(如行政人员和普通员工)的用户行为阶段

设计系统中的一些组件

包括按钮状态、提示框、警报、表单展示、数字和日期格式、输入字段、选择器等。
Research
Analysis
Solution
Design
Users
Context
Content