-
让品牌有温度、有情感
专注品牌策划15年
ui设计主要工作流程（ui设计主要工作流程有哪些）
发布时间：2023-04-28 01:16:33
稿源：
创意岭 阅读：
1514
大家好！今天让创意岭的小编来大家介绍下关于ui设计主要工作流程的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
创意岭作为行业内优秀企业，服务客户遍布全国，设计相关业务请拨打175-8598-2043，或微信：1454722008
本文目录:
一、入门必读，UI设计的整个工作流程是怎样的
设计流程
一、确认目标用户
在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。
用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
例如：对于科学用户和对于电脑入门用户的设计重点就不同。
二、采集目标用户的习惯交互方式
不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。
三、提示和引导用户
软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。
对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。
四、一致性原则
设计目标一致
软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。
例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。
元素外观一致
交互元素的外观往往影响用户的交互效果。同一个（类）软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。
交互行为一致
在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。
例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。
对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。
五、可用性原则
可理解
软件要为用户使用，用户必须可以理解软件各元素对应的功能。 [1]
如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。
比如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。
可达到
用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。
用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。
要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏（一般来说超过4层）那么用户达到该元素的几率就大大降低了。
可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。（参考简单导向原则）
可控制
软件的交互流程，用户可以控制。
功能的执行流程，用户可以控制。
如果确实无法提供控制，则用能为目标用户理解的方式提示用户。
扩展资料
设计原则
1、简易性
界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。
2、用户语言
界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。
3、记忆负担最小化
人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。
4、一致性
它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。
5、清楚
在视觉效果上便于理解和使用。
6、用户的熟悉程度
用户可通过已掌握的知识来使用界面，但不应超出一般常识。
7、从用户习惯考虑
想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。
通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。
8、排列
一个有序的界面能让用户轻松的使用。
9、安全性
用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。
10、灵活性
简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄、界面)。
11、人性化
高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面，并能保存设置。
参考资料来源：百度百科-UI设计
二、UI设计师的工作流程
总体上一个合格的UI设计师的基本工作流程分为需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段五大基本流程。 软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who、where、why）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄、性别、爱好、收入、教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/ 遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。
除此之外在需求阶段同类性质的软件也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。如何判定最合适于用户呢，后面我会介绍用户调研。 几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观的反馈。
测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。
例如：
数据收集方式：厅堂测试/模拟家居/办公室。
测试时间：X年X月X日X日。
测试区域：北京、广州、天津。
测试对象：某软件界定使用用户。
主要特征为：
·对电脑的硬件配置以及相关的性能指标比较了解，电脑应用水平较高；
·电脑使用经历一年以上；
·家庭购买电脑时品牌和机型的主要决策者；
·年龄：X-X岁；
·年龄在X岁以上的被访者文化程度为大专及以上；
·个人月收入X以上或家庭月收入X元及以上；
·样品；
·五套软件界面；
·样本量：X个，实际完成X个。
调研阶段需要从以下几个问题出发： ·用户对各套方案的第一印象； ·用户对各套方案的综合印象； ·用户对各套方案的单独评价； ·选出最喜欢的； ·选出其次喜欢的； ·对各方案的色彩，文字，图形等分别打分； ·结论出来以后请所有用户说出最受欢迎方案的优缺点。 所有这些都需要用图形表达出来，直观科学。 改正以后的方案，我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈，好的设计师应该在产品上市以后去站柜台。零距离接触最终用户，看看用户真正使用时的感想。为以后的升级版本积累经验资料。
三、ui设计师的工作流程
UI设计师必备知识：大公司设计工作流程规范，啥也不懂进啥公司？
1、在设计之前，首先需要产品经理确定好客户或者老板的需求，没有产品需求，就没有互联网开发，没有需求，我做产品也就没有意义了。
比如说：我们设定一个需求。毕业生都需要找工作，我们需要找公司，但是没有那么多时间一家家的去询问要不要人，我们需要投简历，这个时候就需要网站，需要APP，像智联、58等等热门。
有需求，自然会有交易。这个时候产品经理需要了解这个APP需要具备哪些功能，最好是能够进行及时采访，能够切实地了解到真实需求：比如我找工作，需要公司的规模，是不是真实，薪资构架等等，这些需求都需要储存起来。
了解到真实需求，才有了我们的产品开发。
2、确定需求之后，产品经理会做具体的说明，让交互、UI、开发、测试明确产品需求，明确项目的具体细节。
这个阶段里面是最关键的，涉及到需求与产品的对接。PRD文档和线框原型图一般情况都是在这个环节内明确的。
当然也会有特殊情况，比如某宝，他的流畅是交互明确需求——低保真原型——派PRD，应该是这个流程，出现差错，请轻喷。
这里面需要注意的是：PRD文档，线框原型图出来了之后，设计师才开工，不然也是反复修改。
3、设计组内部会议、界面风格确定，
这个时候需要确定一个设计负责人。设计负责人会给同事做具体的工作安排，线框图标、版式设计等都有具体的分配。
后面就开始出稿，稿子出了之后，需要确定那个风格的效果更好。
判定结果的标准还是客户的需求。
重要的事情说三遍：需求、需求、需求！
4、分工已经明确，进行具体设计工作
5、标注图、效果图、切图
这个不需要多讲，大家都明白。
这个步骤，产品经理会进行把关。
6、开发完成，进行最后的测试
测试工程师会对开发出来的产品进行测试，看看有没有疏漏，有没有错误，当测试和调试完成，上线，就完成了整个开发的流程。
四、UI设计的全工作流程是怎样的？
作为一个专业UI设计师，不仅仅要了解整个产品在UI界面设计，交互设计中的工作流程，更需要了解整个产品从需求提出到产品上线的整个工作流程。
以下是互联网产品各部门的工作分配及流程：
从图中可以看到，一个互联网产品从策划到最后的上线营销，都需要由不同的部门分担其责，而每个部门中，根据岗位的划分，在细分到每个工种上来，所以一个互联网产品的开发流程，并不是单个的人，或者个别的部门可以实现完成的，它是一个完整的团队通力合作的产物。部门与部门，岗位与岗位相互协作配合，才会出色高效的完成项目。
一般互联网公司会有几个部门划分：
1、产品部门（产品经理、产品专员）
2、设计部门（GUI设计师、交互设计师、前端工程师）
3、研发部门（构架工程师、程序开发）
4、测试部门（测试专员）
5、市场部门（销售、渠道、公关、品牌）
6、运营部门（客服、运维）
各部门的工作职责如下：
产品部门：负责产品调研，产品方案策划，产品原型图设计，和技术开发对接，后续可能和运营部门对接。
设计部门：负责产品视觉设计，交互设计，前端布局。有一些公司会把前端这一块划分到开发部门，理由是前端的工作和程序开发一样，都是码代码，设计部门就是单纯的只管视觉设计方面。但是这种说法其实不太正确，前端的代码实现和后台的程序开发，虽然都是码代码，但是运用的技术是不一样的，实现的功能和效果也是不相同的，所以前端工程师划分到设计部门会更合理一些。
研发部门：产品构架设计，数据库设计，前后台编码设计，后期的运维，网络安全。
测试部门：测试程序中的bug，编写测试计划、测试用例及测试报告等文档，优化流程。
市场部门：产品企划策略，促销活动的策划及组织，品牌规划和品牌的形象建设，市场广告推广活动和公关活动。
运营部门： SEO/SEM优化推广，平台活动策划（线上线下），广告投放，客户关系管理，数据分析。
设计部门的岗位划分通常有UI设计师、交互设计师、前端工程师，小型公司岗位划分不完善，会把交互设计师的工作（交互流程、交互线框、交互动效）交由产品人员来完成，以下梳理出UI设计师参与和需完成的流程：
一、需求梳理、分析
发生在产品开发前，以APP产品为例，会对市场和用户进行调研分析：市场定位（用户定位、产品定位、技术定位），市场需求分析（目标客户群分析、竞争对手分析）。在前期的产品需求分析会议中，UI设计、技术工程师都会参与。此过程UI设计师了解清晰的用户定位，产品定位，竞争对手分析，为后期的素材收集和风格把控做准备。
在这个过程中会根据提炼的真实用户需求来确定产品需求，产品经理将根据沟通中的相关资料的word、ppt、jpg等等东西翻译成逻辑语言，最简单的就是产出一张产品功能脑图或者一份功能列表。
产品功能脑图：
产品功能列表：
大家开始讨论用户体验流程，在白板上边画流程边添加粗略的UI元素。之后产品经理会在纸上做手绘版线框图。这阶段产品经理、UI设计师、包括技术工程师会一同作大量的讨论，而且主要讨论的是流程和主要功能，因此手画故事版最快最方便并易于修改的。此环节要敲定userflow，用户流程及其中的关键步骤，每一步骤都是一个主要界面。之后产品经理绘制纸质版低保真交互原型图（可借用专业的模板本和工具）
二、关键界面线框图（可不带交互功能）
初步产品功能需求梳理清楚之后，产品经理持续跟进，反复沟通，在确定的用户流程中，选出几个关键的，有代表性的步骤，做1:1细化线框图。此环节要确定关键界面里的UI元素和布局，以及全局的布局排版风格。
三、关键界面视觉设计
此环节UI设计师会做关键界面的整体视觉设计，尝试不同风格、颜色的搭配，UI元素的运用，最终确定产品的视觉设计风格。
四、 全部界面线框图（带交互功能）
产品经理完成1:1带交互和流程的全部界面线框图设计并确认。
界面线框图（为交互功能添加释义和说明。）
线框流程图
五、 全部界面视觉设计
UI设计师输出全部界面的视觉设计图，并确认。
六、 界面标注、切图
1、在确认全部界面视觉稿以后，首先对每个界面进行标注，标注图移交前端工程师。
标注图（像素大厨、蓝湖等软件）
2、界面切图，移交前端工程师
切图文件夹
切图文件
至此，UI的工作流程才算完成，但是现实项目中，很多环节是一个交替迭代的过程，需要不停地修改和优化，包括整个流程进入到开发以后，也会需要UI设计师协同调整，所以UI设计师的工作，不单单是只完成单纯的界面视觉设计，前面包括用户定位，线框绘制，流程梳理，交互实现，后面包括前端布局，很多环节，UI设计师都必须参与进来，只有多角度地了解项目，了解各岗位的工作流程，才能做出符合市场需求，符合用户需求的产品。
以上就是关于ui设计主要工作流程相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
