oa系统页面功能设计

 　　早在中国IT业方兴未艾之时，计算机应用系统主要以功能实现为主，几乎没有界面设计这个概念。时至今日，随着计算机和网络的不断普及，社会信息化程度日益加深，用户和市场的不断成熟，人们已经不仅仅满足于“够用”，而是更加强调“好用”“易用”;因此，不论是普通最终用户的个人软件，还是企业应用的大型系统，界面设计在系统构建中都成为了一个非常重要的方面。

　　但是，(至少在中国)由于IT业发展滞后、市场还不够成熟等原因，在绝大多数企业中，界面设计在软件系统开发中还没有获得与之重要性相匹配的一席之地，并且在企业运作和协调中也没有形成成熟的模式和解决方案，如何做好界面设计和开发，仍然是大家不断研究探讨的一个问题。

　　我写这篇文章，主要内容是我参加一个面向泛普智能办公的OA系统界面设计和开发工作的过程，包括其间的一些构思和想法;希望能和大家一起探讨一下这个问题，供大家参考

　　1、功能设计

　　功能设计在概念设计完成后进行，主要对应用的场景、操作过程、应用要素、关键约束等的描述，是应用定型的主要步骤。

　　①功能设计要求：

　　根据概念设计的总应用功能分解成相互有机联系的若干功能单元，并以功能单元为子系统进行再次分解，生成更低一级的功能单元。经过逐层分解，直至对应的各个最末端功能单元能够找到一个可以实现的最小单元。

　　功能设计的主要任务是应用到功能实现的映射，功能设计过程主要包括：功能分析和功能结构设计、功能载体方案构思和决策、功能实现步骤、基础页面布局设计等。

　　在功能设计阶段，需要根据功能的重要程度划分各功能实现的优先级。

　　②功能设计结果：

　　功能设计评审通过后，提交设计文档和设计PPT;提交功能实现列表(参考功能列表规范)。

　　2、界面设计

　　用户界面设计在工作流程上分为结构设计、交互设计、视觉设计(界面详细设计)和界面测试四个部分。

　　①结构设计：

　　在功能设计的基础上，通过对用户研究和用户需求分析文档，制定出产品界面的整体结构。

　　由设计人员分析、理解对用户界面的需求，包括可用性需求，明确信息的部署，归类：并收集、整理、对比相关的用户界面资料(重点对手或相关产品的资料收集)。(提供用户界面资料分析ppT文档)

　　构建用户界面原型：主要页面以首页和各功能模块的主界面为主。

　　纸上草图：明确信息的归集，列出需要的所有视觉元素，如果层次不是特明确的，需要批注上什么是最重要的。目的是为了确保应用设计人员跟UI设计师所想的是一样的。

　　绘制样图：创建粗略的原型层次框架结构图(多方案备讨论)，讨论并审定确认界面的初始框架结构方案。(提供粗略原型层次框架结构图PPT文档说明)。

　　②交互设计：

　　目的是为了保证后续开发出来的用户界面和最初的设计稿的一致性和用户测试使用的真实性。

　　交互原型设计：对确认后的界面视觉效果图进行交互原型设计，即出标准的Html代码文件，同时按阶段制定出相应的《用户界(实施)开发规范》，并遵循。

　　交互的开发：阶段性，单一功能的开发，包含了Html代码和后端数据的连接。

　　并遵循确认后的界面效果图和《用户界面(实施)开发规范》来完成。

　　③视觉设计(界面详细设计)：

　　在结构设计的基础上(样图审定后)，绘制完整的界面视觉效果图：依据上述讨论结果，对确认的原型层次框架结构图进行详细设计，做出完整的界面视觉效果图。

　　在界面详细设计的同时出《用户界面设计说明》文档，对相应设计进行描述说明。讨论并审定界面详细设计结果(确定下来现阶段可继续的大的方向，不一定是最终的结果)。

　　界面测试：由相关用户使用测试，并反馈意见，以便在下一步设计、开发过程中进行修改和调整。