persona, scenario, and design for budget tool - by vanbin fan 2012.02.09

41
NC--Excel端界面方案 NC产品管理部 樊旺斌

Upload: vanbin-fan-jwmi-mba

Post on 20-Mar-2017

24 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

NC预算--Excel客户端界面方案

NC产品管理部 樊旺斌

Page 2: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

目录

用户·场景

现有界面分析

界面功能映射到用户·场景

以用户为中心·分场景设计

界面优化

Page 3: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

用户·场景

实施人员(用友NC)

系统管理员(客户)

预算编制人员(客户)

预算主管(客户)

财务负责人(预算主管的上级)

(客户)

表单设计 预算编制 预算分析

√+ × ×

√+ × ×

× √+ √+

× √ √+

× × √

用户↓·场景→

Page 4: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

目录

用户·场景

现有界面分析

界面功能映射到用户·场景

以用户为中心·分场景设计

界面优化

Page 5: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

现有界面分析

表单设计 编制录入 预算分析 业务规则

帮助常用

关于

任务面板

登录信息

MdArea信息

维度信息

提示信息

MdArea区域常用

选项

发布

所有任务状态 日志

查看匹配信息

显示面板

登录到NC客户端

Page 6: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

目录

用户·场景

现有界面分析

界面功能映射到用户·场景

以用户为中心·分场景设计

界面优化

Page 7: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

编制录入

预算分析

业务规则

常用

所有任务状态

发布

选项

登录到NC客户端

显示任务面板

查看匹配信息

日志

动作面板

登录信息

MdArea信息

维度信息

提示信息

MdArea区域

界面功能映射到用户·场景

表单设计( )

实施人员 系统管理员

预算编制人员 预算主管 财务负责人

界面↓·场景→

映射到

预算编制( ) 预算分析( )

××

×

×

×

×

×

----N/A---

----N/A---

× ××

×

----N/A--- ----N/A---

----N/A--- ----N/A---

? ?

? ?

×

× ×

×

×

×

×

×

Page 8: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

目录

用户·场景

现有界面分析

界面功能映射到用户·场景

以用户为中心·分场景设计

界面优化

Page 9: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

以用户为中心·分场景设计

实施人员

系统管理员

预算编制人员

表单设计编制录入选项登录到NC客户端日志登录信息MdArea信息维度信息MdArea区域

预算分析选项登录到NC客户端显示任务面板查看匹配信息日志登录信息

表单设计编制录入选项

登录到NC客户端日志

登录信息MdArea信息维度信息

MdArea区域

预算分析选项

登录到NC客户端显示任务面板查看匹配信息

日志登录信息

编制录入预算分析业务规则

所有任务状态发布选项

登录到NC客户端显示任务面板查看匹配信息

日志登录信息维度信息提示信息

预算分析选项登录到NC客户端显示任务面板查看匹配信息日志登录信息

Page 10: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

以用户为中心·分场景设计

预算主管

财务负责人

表单设计选项

登录到NC客户端日志

登录信息MdArea信息维度信息

MdArea区域

预算分析选项

登录到NC客户端显示任务面板查看匹配信息

日志登录信息

预算分析登录到NC客户端显示任务面板查看匹配信息登录信息

Page 11: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

编制录入

预算分析

业务规则

常用

所有任务状态

发布

选项

登录到NC客户端

显示任务面板

查看匹配信息

日志

动作面板

登录信息

MdArea信息

维度信息

提示信息

MdArea区域

实施人员:场景·界面功能

表单设计界面↓·场景→ 预算编制 预算分析

Page 12: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

编制录入

预算分析

业务规则

常用

所有任务状态

发布

选项

登录到NC客户端

显示任务面板

查看匹配信息

日志

动作面板

登录信息

MdArea信息

维度信息

提示信息

MdArea区域

系统管理员:场景·界面功能

界面↓·场景→

表单设计 预算编制 预算分析

Page 13: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

编制录入

预算分析

业务规则

常用

所有任务状态

发布

选项

登录到NC客户端

显示任务面板

查看匹配信息

日志

动作面板

登录信息

MdArea信息

维度信息

提示信息

MdArea区域

预算编制人员:场景·界面功能

界面↓·场景→

? ?

? ?

表单设计 预算编制 预算分析

Page 14: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

编制录入

预算分析

业务规则

常用

所有任务状态

发布

选项

登录到NC客户端

显示任务面板

查看匹配信息

日志

动作面板

登录信息

MdArea信息

维度信息

提示信息

MdArea区域

预算主管:场景·界面功能

界面↓·场景→

表单设计 预算编制 预算分析

Page 15: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

编制录入

预算分析

业务规则

常用

所有任务状态

发布

选项

登录到NC客户端

显示任务面板

查看匹配信息

日志

动作面板

登录信息

MdArea信息

维度信息

提示信息

MdArea区域

财务负责人:场景·界面功能

界面↓·场景→ 表单设计 预算编制 预算分析

Page 16: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

目录

用户·场景

现有界面分析

界面功能映射到用户·场景

以用户为中心·分场景设计

界面优化

Page 17: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

不同的场景体现为不同的页签

表单设计 预算编制 预算分析

Page 18: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

�下载 提交

表单√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea

Page 19: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

提交表单

√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea�

下载

Page 20: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

提交表单

√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea下载

下载表单

下载预置模板

Page 21: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

�下载 提交

表单√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea

Page 22: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

�下载 提交

表单√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea

Page 23: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

�下载 提交

表单√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea

�×单元格匹配信息

Page 24: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

�下载 提交

表单√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea

重新登录

�×登录

Page 25: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

�下载 提交

表单√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea

�×选项

Page 26: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

�下载 提交

表单√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea

Page 27: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

�下载 提交

表单√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea

登录到NC系统

Page 28: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

表单设计

�下载 提交

表单√ 维度信息面板

单元格匹配信息

表单设计

维度信息

面板显示/隐藏

日志

帮助

用户: admin

选项

登录到NC系统

退出MdArea

�×版权信息(相当于“关于”)

Page 29: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

预算编制

任务面板

Page 30: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

发布 �

下载任务 | �提交审批

提交数据

�刷新 退出

Page 31: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

提交数据

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

发布 �

下载任务 | �提交审批�

刷新 退出

Page 32: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

发布 �

下载任务 | �提交审批�

刷新 退出提交数据�

提交当前表单

提交当前工作簿---------------------提交多个表单…

提交多个MdArea…---------------------提交选定区域

Page 33: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

提交数据

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

发布 �

下载任务 | �提交审批�

刷新 退出

Page 34: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

发布 �

下载任务 | �提交审批

刷新 退出提交数据� �

刷新当前表单

刷新当前工作簿---------------------刷新多个表单…

刷新多个MdArea…---------------------刷新选定区域

Page 35: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

发布 �提交审批

提交数据

�刷新 退出

下载任务 | �

Page 36: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

发布 �提交审批

提交数据

�刷新 退出

下载任务 | �

下载任务

查看所有任务状态

Page 37: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

发布 �

下载任务 | �

提交数据

�刷新 退出提交审批

Page 38: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

发布 �

下载任务 | �

提交数据

�刷新 退出收回审批

Page 39: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

下载任务 | �提交审批

提交数据

�刷新 退出

发布 �

发布为离线报告

发布为离线编制表

Page 40: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

预算编制

单元格匹配信息日志

帮助

预算编制

任务面板

任务面板√ 用户: admin

选项

登录到NC系统

预算编制 面板显示/隐藏

审核规则

规则运算折算规则

业务规则

发布 �

下载任务 | �提交审批

提交数据

�刷新 退出

①在“预算编制”时,默认显示“任务面板”②任务面板放在右侧,而非顶部(在顶部时,会使得整体界面头重脚轻)

Page 41: Persona, Scenario, and Design for Budget Tool - By Vanbin Fan 2012.02.09

谢谢收看!