《软件产品UI设计流程说明书》由会员分享，可在线阅读，更多相关《软件产品UI设计流程说明书（5页珍藏版）》请在金锄头文库上搜索。
1、软件产品 UI 设计流程说明书文件标识： Sungard-SmartStudio-FA-UI当前版本： 1.0作 者： Z.Y文件状态： 草稿 正式发布 正在修改 完成日期： Year-Month-Date目录0. 文档介绍 .30.1 文档目的 .30.2 文档范围 .30.3 读者对象 .30.4 UI 概述 .31. 需求阶段 .41.1 产品市场定位 .41.2 产品定义 .41.3 客户群体 .41.4 运营方式 .41.5 同类竞争产品 .42. 分析设计阶段 .42.1 界面的关系图和工作流程图 .42.2 主界面 .42.3 子界面 A .42.4 子界面 B .52.5 美学
2、设计 .52.6 界面资源设计 .53. 调研验证阶段 .54. 方案改进阶段 .55. 用户验证阶段 .50. 文档介绍0.1 文档目的规范公司 UI 设计流程，使 UI 设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使 UI 设计的流程规范化，保证 UI 设计流程的可操作性。0.2 文档范围本文档用于界面设计。0.3 读者对象本文档的读者对象是项目管理人员、售前服务人员、UI 界面设计人员、界面评审人员和配置测试人员。0.4 UI 概述UI,即 User Interface（用户界面）的简称。UI 设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。友好界面的好处：
3、达成软件易用性，提高产品竞争力 减少技术支持成本，增加投资回报率 提高客户满意度，实现产品社会价值 提升企业、品牌形象1. 需求阶段1.1 产品市场定位1.2 产品定义1.3 客户群体1.4 运营方式1.5 同类竞争产品2. 分析设计阶段通过分析上面的需求，进入设计阶段。设计原则参见： 软件界面设计原则 文档，我们设计出几套不同风格的界面用于被选。2.1 界面的关系图和工作流程图提示：（ 1）给所有界面视图分配唯一的标识符。（ 2）绘制各个界面之间的关系图和工作流程图。2.2 主界面提示：（ 1） 绘制主界面的视图（ 2） 说明主界面中所有对象的功能和操作方式2.3 子界面 A提示：（ 3）
4、绘制子界面 A 的视图（ 4） 说明子界面 A 中所有对象的功能和操作方式2.4 子界面 B2.5 美学设计提示：（ 1） 阐述界面的布局及理由（ 2） 阐述界面的色彩及理由2.6 界面资源设计2.3.5.1 图标资源2.3.5.2 图像资源2.3.5.3 界面组件3. 调研验证阶段方案一 方案二 方案三用户第一印象用户综合印象用户单独评价最喜欢的方案次喜欢的方案色彩（总分 10 分）文字（总分 10 分）图形（总分 10 分）4. 方案改进阶段经过用户调研，我们得到目标用户最喜欢的方案，且了解到用户为什么喜欢，还有什么遗憾等，这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上，将方案做到细致精美。5. 用户验证阶段零距离接触最终用户，看看用户真正使用时的感想。为以后的升级版本积累经验资料。
