UI设计技术建议书
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
UI 设计技术建议书
1公司简介
XXXXXXXXXXX科技有限公司致力于为企业提供一流的设计服务、用户研究、交互设计、视觉设计以及前端开发等服务。公司坚持以用户为中心的设计思想,深入细致的研究与洞察,发现用户需求,并把需求转换为产品目标,每一个界面,每一处细节,我们都力求创新与卓越,为客户提供可持续的设计方案,实现产品的商业目标。
经过多年的实践积累,公司拥有了一批经验丰富、实战能力过硬的核心人才。咨询顾问,核心团队均毕业于国内外知名学府,拥有硕士学历,且拥有国际专业背景和资深从业经验。团队成员拥有全方位学科背景,包括人机交互、心理学、信息工程、视觉设计、软件等专业。在各行业有着多年的互联网产品设计经验,在工作中,接触各个领域,和他们成功合作,为用户需求而设计,为产品的商业目标,创造更大的价值。
我们提供包括用户体验咨询、品牌定位和战略、市场研究和细分、用户研究和产品概念设计、交互设计、视觉设计、可用性评估、接受度测试、产品技术开发、上线后数据分析等全方位解决方案。
2设计流程
XXXXXXXXXXX科技有限公司在用户体验设计流程上拥有一套完善灵活的专业方法,每一步骤都有科学理论以及实践经验作为支撑。我们的流程可以最大限度地对用户在使用产品过程中的体验感受进行正确准确的评估、充分认识用户的真实期望和目的、对用户操作流程的预设设计进行修正和有效的改进,保证产品核心功能及用户任务需求的平衡,促进人机界面的协调工作,提高产品易用性。
2.1整体流程
整体流程以业内流行的五层结构为基础框架体系,每一层的递进都是由抽
象到具体的过程,时间上是顺序的。具体步骤之间彼此交叉,迭代开发。
2.1.1战略层:
对项目进行整体分析,明确商业目标和用户目标,重点是解决两者之间的冲突,找到平衡点。
2.1.2范围层:
参考现有产品或业内成熟竞品,收集相关信息,明确功能需求并确定功能范围和需求优先级。
2.1.3结构层:
对产品框架进行设计,并考虑框架中每一功能模块之间的交互关系。
2.1.4框架层:
对产品中每一个功能模块分别进行设计。
2.1.5表现层:
对目标产品进行评估总揽和内容优化。
2.2操作方式
将上述理论分解到实际操作步骤中,我们得到如下流程图:
2.2.1第一阶段:分析调研阶段
首先进行项目会议,双
方明确项目需求,同时对市
场环境进行讨论分析。寻找
市场上的竞争产品进行剖析,
整理竞争产品的功能,并分
析每一功能所代表的用户需
求,以及需求背后的潜在用
户和用户目标。分析竞争产
品的功能结构和交互设计,
从产品设计的角度分析其优
点、缺点及原因,成为我们
产品设计的第一手参考资料。
结合上述分析基础和资料,纵观领域竞争格局、市场状况,利用网络论坛、关键字搜索等手段获得更多用户反馈、观点、前瞻性需求。
此阶段产出物:
➢市场调研报告
➢需求分析文档
2.2.2第二阶段:产品分析阶段
基于前一阶段的分析结果,对自身产品进
行明确定位,从软件提供者的角度分析产品推
出的意义和重点关注的方面。通过实际考量、
讨论修缮落实各方意见。
结合竞争产品的分析资料,采用定性分析
的方法,获得对产品目标用户在概念层面的认
识。明确用户的典型特征,以及各类别用户的
主要需求。
将用户需求与关键功能进行一一映射,结合竞争产品的优劣特征,从逻辑上梳理需求规格列表,明确需求间的逻辑关系和层级关系。划定项目范围与用户体验要素,并根据不同类型定义的用户制定不同版本的用户体验模型。
此阶段产出物:
➢ 用户分析文档
➢ 产品功能规格列表
2.2.3第三阶段:数据分析与结构设计阶段
模拟典型用户执行关键
功能达到其目标的使用场景,
并记录关键操作过程。将用
户使用数据归纳整理,并用
科学算法进行量化分析。
从功能逻辑入手,结合
对常见软件的经验积累和竞
争产品的认识,参考用户体
验的数据支持,设计出尽量
接近用户对产品运行方式理
解的概念模型,成为产品设
计的基础框架;
理顺框架之间的结构关系,依据用户使用习惯和产品功能结构进行交互设计。
此阶段产出物:
➢产品设计文档
➢低保真原型(信息架构与交互设计部分)
依据信息框架和功能结构,制作界面列表并按类型分组,确定界面中包含的控件数量和类型、控件之间的逻辑和组织关系。以确保一致性为前提,进行界面风格设计,将所有界面设计组合成为一套完整的可模拟的产品原型。对于产品的重点结构部分(如导航界面、菜单界面)需添加额外说明,帮助相关人员更好地理解产品。
此阶段产出物:
➢ 产品高保真原型
➢ 界面图形设计文档
完善设计细节、交互文本和信息
设计。对界面控件、窗口的属性和行
为进行标准化定义,梳理完整的交互
逻辑,用状态迁移图或伪代码形式表
示。
以界面中所有节点和元素为单位,
按照标准格式进行分解,保证使用灵
活性。
把产品中所有的交互文本整理成
文档,为后续开发工作服务。
跟踪进入开发阶段,负责为研发工程师解释设计方案、问题修改,并不断对使用文档进行完善。
此阶段产出物:
➢格式化的图形界面文件
➢产品设计使用文档