硅谷代理商提供的UI设计交付

什么是UX可交付成果?
让我们从基础开始-什么是可交付成果?简单地说,用户体验交付物是一个设计文档,它传达了想法、研究结果,并为设计和开发团队提供了指导。无论是行业还是平台,无论是小型初创企业还是全球企业,标准用户体验设计项目的可交付成果列表或多或少都是相同的,主要取决于产品需求、预算和时间表。

2019年10月29日

作为一家领先的用户体验设计机构,我们经常被潜在客户和其他设计师问到类似的问题:

“在设计项目结束时,您提供了哪些可交付成果?。”

“对于我们的开发团队来说,这是否足够执行?。”

“我们的设计团队是否能够维护您创建的设计?。”

“未来增加新功能有多难?。”

……

为了解决所有这些问题并阐明我们的设计过程,我们向您简要介绍了每一个可交付成果及其目的。

 

什么是UX可交付成果?

让我们从基础开始-什么是可交付成果?简单地说,用户体验交付物是一个设计文档,它传达了想法、研究结果,并为设计和开发团队提供了指导。无论是行业还是平台,无论是小型初创企业还是全球企业,标准用户体验设计项目的可交付成果列表或多或少都是相同的,主要取决于产品需求、预算和时间表。

在克莱,这份清单通常包括以下文件:

研究阶段

* 用户调研文档

* 用户界面/用户体验研究文档

用户体验设计阶段

* 信息架构思维导图

* 用户流程文件

* 线框图

* 交互式原型

* 用户测试报告

界面设计阶段

* 视觉设计原型

* 用户界面动画

* 设计系统

* 设计规范

 

下面我们来详细来看一下每一个问题:

 

用户研究要点

用户研究是任何项目的组成部分。通过使用各种方法,如个人访谈、实地调查和在线调查,我们可以进一步了解客户的需求、情绪、行为和动机。除了采访本身,我们还执行各种活动,如卡片分类、思维导图、协作线框图等。这些访谈和活动的结果被合并到一个外卖文档中,该文档包括主要发现、人物角色和高级建议。本文档帮助我们获得关键干系人对用户目标和期望特性的认同。

除了最终的外卖文件外,我们还提供了所有的原始资料,包括用户研究计划、带有结果矩阵的电子表格、音频或视频记录、采访时的笔记等。

UI/UX研究文档

竞争研究是一个有价值的工具,可以帮助我们找出竞争对手的优势和劣势。通常,我们从最具吸引力的直接竞争对手中挑选5-7个,并评估他们在用户研究和项目发现过程中发现的问题和问题的解决方案。我们还注意到他们使用的术语,以确保我们的解决方案使用行业标准语言和命名约定。

但我们并没有就此止步,而是将我们的研究扩展到与项目没有直接关系的产品上。毕竟,最终用户体验要多样化得多,而不仅仅局限于一个产品。在研究阶段,我们可以查看导航、登机体验、最常见的工作流和设计模式、使用的可视化类型等。因此,我们创建了包含主要发现的最终外卖文档,并在整个项目中用作指导和支持我们设计决策的手册。

信息架构

一旦主要研究阶段完成,我们使用所有收集到的数据来构建未来产品的信息架构或修改现有的一个以更好地满足用户的需求和工作流。它通常是以思维导图的形式创建的,这种思维导图可以鸟瞰系统,并显示系统各部分之间的关系。当与利益相关者合作时,这个思维导图练习被证明是非常有效的。通过可视化整个项目结构,可以更容易地理解范围和定义特性优先级。

思维导图帮助我们更准确地规划设计工作,以有效和可持续的方式组织内容,通过导航创造更多的思维。多年来,我们尝试了很多在线和离线工具来创建思维导图,最终以mindnode作为我们的首选工具。

用户流程文件

用户流是用户为了达到有意义的目标而需要经历的一系列用户行为或系统状态。我们以一种设计规范格式创建它,该格式将屏幕布局设计与用户和系统交互的流程图式表示结合起来,分解为简单的场景。本文档的主要目标是为开发人员提供所有可能的用户流的详细描述,包括边缘情况、错误和各种状态。

它是一个活生生的文档-我们在项目的生命周期中不断更新它。所有这些都是从勾勒核心工作流的空矩形和箭头开始的。

一旦我们有了初始线框,我们就将它们添加到文档中,并在视觉设计生产阶段开始后用最终的视觉效果替换它们。

这个过程允许我们更有效地迭代用户流,根据文档的完整性不断监控项目的进度,并在早期识别出任何令人沮丧或困惑的地方。

线框图

线框本质上是网站或应用程序的框架。它们旨在巩固项目需求,并定义主要布局、用户体验工作流和内容。它们易于创建和维护,允许我们快速迭代想法,从利益相关者和最终用户那里获取反馈。

在设计界有一个永无休止的争论,一个人应该创造低保真还是高保真线框。双方都有自己的论点,但我们更喜欢后者。根据我们的经验,利益相关者和用户倾向于更好地理解他们。我们不必解释“这个灰块以后会用复制品代替”,当线框更详细,看起来更像成品而不是草图时,很多问题都是自己解决的。

 

然而,在用户体验阶段的开始,当我们刚开始进行总体布局和导航时,低保真线框被证明是更有效的。我们可以快速生成一组选项与客户讨论,一旦我们就某个解决方案达成一致,我们就会切换到高保真线框,这需要更多的时间来创建,但从长远来看对项目更有利。

 

交互式原型

一幅画胜过千言万语。一个互动原型的价值是前者的10倍。我们创建交互原型作为线框和视觉设计过程的一部分。它们帮助我们识别设计中的薄弱环节,在内部迭代设计,验证假设,并测试假设。我们经常使用一些简单的工具,比如Invision。它提供了全方位的功能来进行用户测试会话、向客户展示我们的工作或收集利益相关者的反馈。当我们想测试更复杂的交互或工作流时,我们可以使用framer之类的工具,或者直接在html/css中创建原型。

用户测试报告

在进行设计项目时,在验证假设和设计决策的过程中停下来总是很有用的。其中一站是可用性测试。借助交互式原型(使用线框或最终视觉效果创建),我们执行一系列用户测试会话。作为这个练习的结果,我们创建了一个用户测试报告,其中包含了我们对下一步的发现和建议的摘要。它还通过概述总体测试目标、设置和参与者统计信息,为测试提供上下文。我们还与其他支持材料共享音频和视频记录。

视觉设计模型

当我们完成核心特性的线框和工作流时,我们开始在项目的可视化方面工作。无论是使用品牌指南(如果提供),还是从头开始设计风格,我们总是从视觉探索开始。我们创造了一套视觉设计概念,并附有情绪板,以说明我们对产品未来风格的愿景。

一旦我们就方向达成一致,我们就进入生产阶段——将样式应用于所有必需的页面,并创建所有必需的规范,以便开发人员可以开始在项目的一边工作。

UI动画

作为制作阶段的一部分,我们还提供视频短片,展示主要的用户界面交互和动画,为用户体验添加愉快的时刻,并引导用户一路前行。然后,开发人员使用视频和动画规范作为指导,将这些交互实现到最终产品中。

设计系统

设计系统是一套设计规范文件,作为客户内部设计团队或第三方机构的强大工具包。

样式指南规范了关键设计原则,描述了视觉标识,并为排版、颜色、响应行为、产品照片和可视化样式设置了基本规则。

组件库是处于不同状态的ui元素的集合。它以草图文件或项目需求设置的任何其他软件的形式出现。

设计系统有助于维护产品的设计和体验一致性,并用作创建新页面和添加新功能的构建块。

 

设计规范

当涉及到开发时,确保设计按预期实现总是很重要的。通常情况下,开发人员会心甘情愿或不情愿地忽略一些看似无关紧要的小事,但这些设计和实现之间的微小差异会产生滚雪球效应,最终可能会严重影响最终的用户体验。

 

过去,我们的团队会提供一个详细的静态pdf文档,其中描述了所有ui元素的度量、边距、填充等。由于整个项目中不断的设计更新,此文档的生成非常耗时,并且很难维护。开发人员经常抱怨很难快速找到所需的信息,并且通常在文档中导航。

为了解决这些问题,我们决定切换到在线解决方案-zeplin.io。我们现在有一个通用的交互工具,为开发人员提供了一种方便的方式,让他们在需要的时候得到他们需要的东西。除了大小和边距之外,zeplin还提供代码片段,允许将资产快速导出为png或svg格式,具有支持开发和设计团队之间通信的注释系统,并且在整个项目中易于维护。

总结

创建这些资产的过程并不总是线性的,取决于项目的优先级和进度。文档的某些部分可以并行完成,有些可以比其他部分更早开始。在项目结束时,我们通过共享的google驱动器或dropbox文件夹提供所有最终交付成果。我们还将泽普林和Invision所有已创建项目的所有权转让给客户。

 

一切交付后,我们可以通过提供设计支持来继续我们的合作关系。它可能类似于监控开发以确保一切都得到正确的实现,充当内部设计团队并提供持续的设计更新,或者与客户团队组织研讨会以教育他们新的设计系统。

 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注