手机UI设计的设计流程

需求分析、用户场景模拟、竞品分析（聆听用户心声）。

需求分析：对于一个产品来说，必然有对用户需求的分析内容，更多的是从MRD与PRD获得，或者从产品需求评审会议上得到需求分析的内容，当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话，那么用户需求就是本次设计的出发点。

用户场景模拟：好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要，了解产品的现有交互以及用户使用产品习惯等，但是设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。

竞品分析（聆听用户心声）：竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当市场上存在竞品时，去听听用户的评论，哪怕是骂声都好，别沉迷于自己的设计中，让真正的用户说话。

输入物：MRD、PRD、市场需求文档、市场调查报告、竞品分析文档（或其一或全部）

输出物：设计初稿（或许只是几个简单的界面） 设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟，模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计，一个提示框，一个提交按钮……这类都是对事件驱动的设计。面向对象，产品面向的用户不同对于产品的设计要求不同，不同年龄层的用户对于产品的要求不同，产品的用户定位将对UI设计师影响因素。

输入物：交互文档（高保真原型）

输出物：设计终稿（所有的设计稿） UI设计师交出产品设计图时，更多的配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式的图片切图操作，对于不同的开发人员的要求，切图方式也有不同，UI设计师需配合相关的开发人员进行最适合的切图配合。

输入物：设计终稿

输出物：设计修改稿（设计稿切片） 产品出来后，UI设计师需对产品的效果进行验证，与当初设计产品时的想法是否一致，是否可用，用户是否接受，以及与需求是否一致。都需要UI设计师验证，UI设计师是将产品需求用图片展现给用户最直接的经手人，对于产品的理解会更加深刻。

输入物：产品

输出物：产品（面向用户最终版本）

产品UI设计中夹杂着许多设计原则要求，统一公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。UI设计师应该分析公司产品的特点，制定符合产品生命周期的UI设计流程。每个产品的生命周期中，UI设计师应该严格按照流程，完成每个环节的职责，确保流程准确有效的得到执行，从而提高产品的可用性，提升产品质量。

先在蓝湖上看产品文档，然后用sketch作图，把图传到蓝湖上，工程师看标注切图

不少刚刚入行做UI设计的朋友，都期待着可以参与公司项目设计的整个流程，但是不同的公司，具体的流程可能是不一样的。为了满足广大学员的需求，小编姐姐就UI设计流程简单分析如下：

一、确认用户需求

在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到不同目标用户的交互设计重点，将这些重点融合。例如：老年人用户和专业用户的设计重点就不尽相同，所有的目标用户的需求都要考虑进去。

二、采集交互方式

目标用户不同交互习惯也千差万别。习惯性的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。

三、讨论并制定草图框架

在一个项目的开始，UI设计师就需要参与到整个项目当中。对于产品需求的了解，不只是产品经理或者项目负责人的事情。所以，需要UI设计师、项目负责人、产品经理和客户一起作出讨论。这个时候，你就需要画出一个大概的框架草图。

对于一些外包项目，客户的需求很多时候都是模糊的，这个时候，整个产品的功能、结构框架也都是模糊的，所以，可能需要UI设计师积极的与客户或者项目负责人沟通，了解清楚。要不然，你就会抓瞎，没法开始接下来的项目。

四、流程图

这个时候，你需要结合开始的产品需求和框架草图，用思维导图工具做出一个具体的流程图，理清你的设计思路。这样你的项目负责人可以直观的看到整个的流程，你在开始设计的时候，也可以依据你做的流程图。

做脑图/思维导图/流程图的工具其实有很多。在这里呢，列举一些常用到的流程图工具，如Mindnode/百度脑图/Xmind/Mindmanager等等。

五、原型图

所需工具：Sketch(框架图)、POP(初步原型)、墨刀(高保真原型图和交互)等

六、确定设计稿和原型交互demo

所需工具：Sketch(设计稿)、Axure(原型交互)、Marvel(原型展示)、Principle(交互动效)、墨刀(原型交互)

七、设计和待开发

所需工具：PS、AI等(设计)、Cutterman (切图工具)、PxCook(标注、切图工具)、Zeplin(切图、设计稿标注)等。

设计过程就不说了，只要你是一位UI设计师，页面怎么做那你肯定清楚。当你设计完成页面以后，要做的工作就是：标注、切图。

八、引导用户交互

软件是为目标用户服务。因此应该由目标用户来使用和控制软件。软件响应用户的动作和设定的规则。对于目标用户交互的结果和反馈，提示目标用户结果和反馈信息，引导目标用户进行自我需求的下一步操作。

九、一致性原则

1、设计目标一致

软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。例如：以老年人作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件(软件包)整体，而不是局部。

2、元素外观一致

交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。

3、交互行为一致

在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。UI设计流程大解析 

十、可用性原则

1、可理解

软件要为目标用户服务，软件各元素对应的功能要被目标用户所理解。如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。例：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。

2、可达到

用户是交互的神经，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。

3、可控制

软件的交互流程，用户可以控制。功能的执行流程，用户可以控制。如果确实无法提供控制，则向目标用户提示相关的信息。

十一、项目进度管理

所需工具：Trello(任务管理)、Bearychat(团队沟通)

以上是对UI设计流程的内容，内容也许不是最全，但也能让你对UI设计流程有清楚的认识，之前也有分享UI设计的相关知识《ui设计是什么》《浅析ui设计就业前景》、《UI设计7大就业方向》、《ui设计原则要素有哪些》、《ui设计培训课程内容》、《ui设计工具大揭秘》等，感兴趣的可以去看看，后期我还会分享更多UI设计行业知识，大家多多关注!

顶一下

(0)

0%

踩一下

(0)

0%