`
妖妖然
  • 浏览: 47664 次
  • 性别: Icon_minigender_2
  • 来自: 大连
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

UI设计的流程10个阶段

阅读更多
一、产品定位与市场分析阶段

1、 目的(UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。)
2、 主要执行人员(UI、UE、需求)
3、 需沟通人员(销售)
4、 实现步骤(会议讨论)
5、 UI主要职责:(定义用户群特征、定义最终用户群、定义产品方向)


二、用户研究与分析阶段

1、目的(UI设计师收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等,提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下,更可以制定实景用户分析)
2、主要执行人员(UI、UE、需求、技术)
3、需沟通人员(销售)
4、实现步骤(纸搞线稿、黑白稿、原型)
5、UI主要职责(收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等,提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下,更可以制定实景用户分析)


三、架构设计阶段

1、目的(这里涉及到比较多的界面交换与流程的设计,根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素)
2、主要执行人员(UI、UE、需求部门)
3、需沟通人员(技术、销售)
4、实现步骤(UI进行风格设计出界面,和需求部门拿出定稿;UE对原型进行优化,整理出交互及用户体验方面意见,反馈给UI及需求部门;UID等待效果图,开始代码编制)
5、UI主要职责:(根据可以性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。界面设计、图标设计、风格设计)


四、原型设计阶段

1、目的(根据进度与成本,可以把原型控制在“手绘-图形-Flash-视频几个质量范围)
2、主要执行人员(UI、UE、需求部门)
3、需沟通人员(UID、技术)
4、实现步骤(设计规范;代码及程序开发)
5、UI主要职责:(对前面所以工作以设计方面的实施,根据进度与成本,可以把原型控制在“手绘-图形-Flash-视频几个质量范围,原型的本质更倾向与一个DEMO,它不需要有全部的功能,但要体现出设计对象的基本特性)


五、界面设计阶段

1、目的(根据原型设计阶段的界面原型,对界面原型进行视觉效果的处理)
2、主要执行人员(UI、UE、技术)
3、需沟通人员(UE、销售)
4、实现步骤
5、UI主要职责:(该阶段确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现)


六、界面输出阶段

1、目的(配合好开发人员完成相关的界面结合)
2、主要执行人员(技术)
3、需沟通人员(UI、UE、需求部门、销售)
4、实现步骤
5、UI主要职责:(对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果)


七、可用性测试阶段

1、目的(针对一致性测试;信息反馈测试;界面简洁性测试;界面美观度测试;用户动作性测试;行业标准测试)
2、主要执行人员(程序测试部门)
3、需沟通人员(UI、UE、程序、需求部门、销售)
4、实现步骤
5、UI主要职责:(负责原型的可用性测试,发现可用性问题并提出修改意见)


八、完成工作阶段

1、目的(对于前面七个阶段的设计工作进行细节调整)
2、主要执行人员(UI、UE)
3、需沟通人员(技术、销售)
4、实现步骤
5、UI主要职责:(可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善)


九、产品上线

1、目的(检验前面界面设计的成果是否符合市场及用户群体)
2、主要执行人员(销售)
3、需沟通人员
4、实现步骤
5、UI主要职责:(收集市场对于产品的用户体验,并记录诚文字说明)


十、分析报告及优化方案

1、目的(了解整个界面设计的优缺)
2、主要执行人员(UI、UE)
3、需沟通人员(技术、销售)
4、实现步骤
5、UI主要职责:(对于前九个阶段的界面设计进行详细系统的整理,为下一次界面设计提供有力的市场及专业论据)
分享到:
评论

相关推荐

    UI设计的流程总体之10个阶段

    UI设计的流程是一个系统化的过程,涵盖了从产品概念到最终用户使用的各个环节。以下是对这10个阶段的详细解析: 1. **产品定位与市场分析阶段**:此阶段旨在明确产品的市场定位、产品定义和目标用户。UI设计师需...

    UE-UI设计流程

    本文将根据所提供的部分内容,详细阐述整个UE/UI设计流程的六大阶段及其各自的关键工作内容。 #### 第一阶段:基础调研 **竞争产品分析**:此环节主要涉及对市场上同类型产品的深入研究。通常会选择三到五款具有...

    UI设计工作流程.pdf

    UI 设计工作流程是一个复杂的过程,涉及到多个阶段和多个部门的参与。下面是对 UI 设计工作流程的详细介绍: 产品设计阶段 在产品设计阶段,产品经理会对整个项目进行分析,包括市场分析、竞品分析、用户需求分析...

    UI设计(流程/界面)规范

    基于这三部分的UI设计流程是从一个产品立项开始,UI设计师就应根据流程规范,参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节,履行相应的岗位职责。UI设计师应全面负责产品以用户...

    软件产品UI设计流程说明书.pdf

    本文档旨在详细介绍软件产品UI设计流程的各个阶段,旨在帮助设计师和开发者更好地理解和执行软件产品的UI设计工作。下面是本文档的详细知识点总结: 文档介绍 文档的目的是为了提供一个清晰的指南,指导设计师和...

    微信UI设计流程包含哪些内容呢? 一起成为高手.docx

    通过以上步骤的详细介绍,我们可以看到微信UI设计流程是一个复杂而精细的过程,涉及到多个环节的紧密配合。只有在充分理解客户需求、精心设计界面布局、合理规划结构的前提下,才能创造出既美观又实用的用户界面,...

    UI设计的10个流程[参照].pdf

    以下是UI设计的10个核心流程: 1. **产品定位与市场分析**:此阶段旨在理解产品的市场定位、目标用户群体、产品功能以及运行方式。UI设计师、用户体验(UE)设计师和需求分析师共同参与,通过与销售部门的沟通,...

    如何做一个优秀的UI设计师

    深度参与每个阶段能确保UI设计与产品功能、技术实现和用户需求紧密对接,提高开发效率,减少不必要的成本,最终提升产品的成功率。 **3. 产品建模期的UI设计介入** 在产品建模初期,UI设计师的角色至关重要。他们...

    UI设计需求单(模板).docx

    8. **原型图**:原型图是设计流程的早期阶段,它展示了产品的基本布局和交互。如果有原型图,设计师可以基于此进行进一步的细化设计。如果原型图已经过审,这意味着其基本结构和功能已经得到了确认。 9. **原有项目...

    微信UI设计流程包含哪些内容呢? 一起成为高手.pdf

    总的来说,微信UI设计流程是一个系统性的工作,涉及需求理解、创意构思、视觉呈现和技术实现等多个环节。设计师需要具备深厚的专业知识,良好的沟通技巧,以及对用户需求的敏锐洞察,才能创造出既美观又实用的微信...

    用于ui设计,手机ui设计中间件

    根据给定的文件信息,我们可以深入探讨UI设计领域的一个关键工具——粒子系统编辑器(Particle System Editor)及其在手机UI设计中的应用。此外,我们还将分析Inflexion Platform UI,这是一个由Mentor Graphics公司...

    一个完整的UI设计流程是怎样的

    本文将详细介绍一个完整的UI设计流程,并探讨各个阶段的关键要素及其相互关系。 #### 一、User Story(用户故事) 用户故事是从用户的角度出发,描述用户期望通过产品完成的具体任务。例如,在博客应用的例子中,...

    UI设计界面规范.doc

    UI 设计流程是一个科学的流程,需要严格按照流程执行,每个产品(或项目)的生命周期中,UI 设计师都需要严格按照流程,完成每个环节的职责,确保流程准确有效的得到执行,从而提高产品的可用性,提升产品质量。...

    WebUI设计作业

    总之,WebUI设计作业是一个涵盖广泛领域的实践过程,它需要设计师具备艺术审美、技术知识和用户洞察力,以创造出既美观又实用的网页界面。通过不断的学习和实践,设计师可以不断提升自己的技能,创作出更符合用户...

    80个高品质UI设计组件 Adobe XD

    标题“80个高品质UI设计组件 Adobe XD”所指的是一个资源集合,其中包含80个专门针对Adobe XD设计的高质量UI组件。这些组件可以帮助设计师加速设计过程,提升设计一致性,同时保证设计质量。 UI设计组件是预构建的...

    UI设计方案

    设计原则部分概述了UI设计的基本准则,如用户中心设计(User-Centered Design),强调迭代式设计流程,通过原型制作、用户测试和持续优化,确保最终设计既能满足用户需求,又能提升用户体验。此外,设计过程的介绍为...

    UI界面设计规范分析.docx

    UI 设计流程包括需求阶段、分析设计阶段、调研验证阶段、方案改进阶段和用户验证阶段。在每个阶段,UI 设计师需要履行相应的岗位职责,确保流程的准确有效执行。 1. 需求阶段 在需求阶段,UI 设计师需要了解产品的...

Global site tag (gtag.js) - Google Analytics