用户体验设计流程和方法(全方面了解用户体验设计)

管理大师哈默曾说,“为顾客创造价值的是流程,而不是哪个部门”。流程管理的目的是构建一套业务流程自动化系统,从系统性、整体性的角度出发,追求改善公司整体绩效,从优化的业务流程中创造更多的效益。这个道理在用户体验设计领域中同样适用。职责分工是设计流程建设的基础,设计流程是效率最大化的前提。参与到工作中的每个角色对各自的工作范畴和相互间的设计流程充分认知,对于高效的设计运作起到了关键作用。

在小型企业中,因为人力资源有限没有明确的职责划分,往往交互设计工作由产品经理完成,视觉设计师则同时兼顾设计和前端页面开发。而在大中型企业中,一般都会设有用户体验设计团队或是专门的用户体验设计部门,他们大多都有着符合公司自身特点的设计流程。纵观各家用户体验设计团队或部门的岗位设置,至少包含了交互设计师、视觉设计师、前端工程师职能。有些条件更加充裕的,会设立用户研究员,甚至是动效设计师。而他们的设计流程本质上大多包含交互设计、视觉设计、前端开发三个大环节。相对比较专业、严谨的团队/部门,还会专门设立前期研究、后期跟踪的环节。接下来,我就结合我六、七年的设计工作经验,按照不同用户体验设计阶段依次介绍各岗位的工作内容。如果恰好你所在公司内部还没有设计流程或者正在建立或优化,也许能给你一些参考。流程详述1.前期分析阶段用户研究员在产品前期分析阶段由用户研究员主导,交互设计师辅助。前期分析阶段,我们先从产品经理处拿到原始产品需求,通过对于数据研究、定性访谈、用户场景的搭建等手段对产品需求进行转化,给出建议的设计需求和优先级排序。主要产物:研究方案、研究记录、原始数据表、数据分析图表、研究报告、用户需求表。

用户体验设计流程和方法(全方面了解用户体验设计)

2.交互设计阶段交互设计师交互设计阶段的工作主要由交互设计师完成。在前期用户研究的基础上,基于对版本需求的理解梳理功能、流程,搭建合理的交互框架、设定交互规则,完成交互原型。如有特殊情况需要交代的,可以考虑直接在原型旁空白处标注,简单高效。在这里特别强调一下,交互评审是尽可能地邀请到业务方一起参会,做产品切忌“想当然”。产物:交互原型DEMO、交互控件库、信息架构图、任务&页面流程图、交互说明文档、设计方案、解说文档。

用户研究员在交互原型内部评审时,用户研究员可以协助交互设计师走查是否满足了设计需求,起到查漏补缺的作用;当交互设计方案存在争议,无法统一意见时,用户研究员可以招募用户,开展可用性测试、卡片分类等研究,为研究方案的确定提供用户反馈依据。产物:可用性测试问题列表、卡片分类结果表。视觉设计师在这个阶段视觉设计师的工作主要以准备为主。及早地进入到产品设计中,有助于视觉设计师理解产品、构思界面。

前端工程师与视觉设计师一样,前端工程师在产品交互设计阶段也是起辅助作用的。在交互设计阶段阶段,前端工程师需要确认前端开发的开发环境和技术支持,还需要进行基本技术参数和功能确认。在交互评审阶段,前端工程师要展开预研工作,对原型在未来技术实现的可行性进行评估和建议。

3.视觉设计阶段交互设计师即便到了视觉设计阶段,交互设计师的工作还是不少的。前期需要为视觉设计进行原型讲解,帮助他们更好地理解产品,协助视觉设计确定符合产品定位的配色。在视觉设计中还要参与评审,如果发现有违反交互原则的设计需要及时纠正。

用户研究员当设计方案存在争议无法统一意见时,用户研究员可以开展可用性测试、走查、启发式评估等研究,为研究方案的确定提供用户反馈依据。产物:可用性测试报告、专家走查报告、启发式评估报告。

视觉设计师视觉设计阶段视觉设计师承担绝大多数工作。在做视觉设计前,请尽可能地确认交互设计阶段的完成,否则在视觉设计阶段改稿成本会倍增。开始做界面时,先和交互设计师确认2-3张关键页面(即产品界面中最为重要或重复使用率最多的界面)进行视觉初稿设计。当初稿被敲定后,不要急着输出剩余所有页面,而是要在此前先确立好视觉设计规范(颜色、字号、间距等等)。视觉规范的建立对于团队协同来说非常重要,绝对不可以跳过。如果只是一个视觉设计师即可完成的产品界面,也尽量建立视觉规范,这样有助于设计师理清界面规范,避免出现每个页面细节都不统一的问题。产物:视觉高保真、界面标注、切图切片、控件库、视觉规范、界面动画效果、情绪板与设计语言阐述文档。

前端工程师前端工程师在此时主要还是完成预研和审视的工作。

4.前端开发阶段交互设计师、视觉设计师在前端开发正式开始前,交互设计师要交代好页面跳转的方式和各类特殊控件的变化等;视觉设计师则尽可能地根据视觉规范向前端工程师交代清楚页面样式及构图框架、间距等。当前端开发完成时交互设计师和视觉设计师及早地验收,协助前端工程师还原设计。前端工程师前端工程师通过编程技术直接实现UE和UI设计师的设计思路和样式,呈现出最终的视觉效果。在开发前一定要确认网站的结构,具体的网页布局和动画效果,网页的代码结构需简洁明确、语义化,兼容性高。UI设计稿一定要确认好各网页统一性,实现时提取出可复用的组件和样式,实现网页时考虑通用性,以简洁的代码搭建出完整的网站,提高开发效率。网页的兼容性是前端开发的重点,通过特殊的技术手段兼容需求的浏览器,提高网站可访问性。前端开发需要按照前端规范进行实现,即可保证前端源码的统一性,也可提高源代码的易读性和可重用性,同时方便后台开发在此基础上的功能实现。产物:可复用结构和样式桂归纳文档(网页方式呈现)、项目控件库、网站源代码包、资源文件包、前端文件结构和模块说明文档、后台开发实现注意事项。

结语完善的设计流程能够帮助我们更优质地高效地开展设计工作,对用户体验设计起到如虎添翼的作用。当然,设计流程从来就不是一成不变的,它是前人在辛勤的工作中不断沉淀和总结出来的经验与方法。同样地,不同公司的设计部门其用户体验设计流程也不尽相同,不能照搬照抄。我们要以发展的目光审视设计流程,让流程始终追求“管理”的初心。

感谢阅读!

发表评论

登录后才能评论