原型设计

服务 > 原型设计

基于洞察力,或作为概念阶段的自然发展,我们创建了中低保真度的原型来描述端到端的用户旅程。或者,我们使用视觉组合来创建一个交互式原型,用于可用性和品牌主张的测试。当一个项目进入完整的设计阶段时,我们会开发信息架构(IA)和分类法。下面列出了支持原型创建和信息架构开发的方法论。

联网

线框是一个应用程序或网站的页面布局的平面图。它显示了页面上的内容和位置,也可以用来显示全局和二级导航、标签和结构。

在设计网站和应用程序时,线框是一个有价值的工具,因为它们是相对的。 快速和容易创建和改变 以下是评论。

它们使我们能够列出一个应用程序或网站的页面将如何在不同的断点上设置,并附有描述行为或互动的说明。在进入原型设计阶段之前,我们用它们来获得客户对设计的同意。在这个过程中,调整线框图比调整更复杂的设计要便宜和快速得多。

我们在线框图中包括什么

在制作线框图时,我们总是需要考虑项目的需要。用纸和笔自由创作可能就足够了,或者我们可能被要求使用各种线框软件之一。不管是用手还是用软件制作,线框图都会包括以下相同的核心部分。

  • 所有页面组件的布局
  • 互动元素
  • 图像和副本
  • 题目和标题
  • 导航和搜索框

我们有一个选择,那就是发展 低、中或高保真度的原型 而这一选择真的取决于它们将被如何使用以及被谁使用。有些人发现很难理解松散的线框图,因为它没有品牌,文案是占位符Lorum ipsum,而且各部分只是画在页面上的线条。提高保真度可以提供更多的清晰度,如果要进行用户测试的话,这一点非常有用。

确定设计

我们的用户体验设计师(UXD)将与你一起工作,了解哪些内容项目需要出现在页面上。 他们也会希望了解 页面目标 如果我们设计的网站是响应式的或将有一个移动版本,那么就需要对每个页面进行线框设计,并通过平台来了解这些。页面目标帮助UXD确定内容布局的优先次序,并在较小的屏幕格式上确定内容的层次结构。

这是个 协作过程 我们通常会在现场与你和你的团队一起工作,开展这项活动。至少,我们需要与您进行一次详细的简报,然后在设计过程中定期与您联系,以检查和迭代我们的线框。

可交付的成果

线框图将以事先约定的任何格式交付。下面是一个低保真线框图的例子,这是每个页面都会有的细节类型。并非每一个页面都要进行线框设计,因为对具有相同或非常相似的布局的页面进行线框设计是没有价值的。因此,可交付的成果将包括所有平台上的关键页面。

线框图

低保真线框图的例子

互动原型

交互式原型不仅可以说明页面的布局,还可以说明计划中的互动。有了现代的原型设计软件,高水平的保真度是可能的,原型看起来和感觉就像一个完整的网站或应用程序的构建版本。

设计过程

我们遵循标准的用户体验设计方法来创建原型,因此我们希望在以用户为中心的设计过程中,即使不是所有的阶段都已经完成了。

这意味着我们的原型正在开发中,从。

  • 清楚地了解 用户需求 关于这个命题
  • 对该命题的验证 与用户和利益相关者一起
  • 发达的 角色 代表关键的受众群体
  • 使用案例 和 工作流程
  • 用户旅程
  • 线框图

有了这些项目,我们就可以开发设计原型,并需要在有限的时间内与你和你的团队一起启动和运行。

为了促进用户研究,原型的创建是基于合理的场景,包括支持用户目标的互动。

我们使用一个 25:50:20:5的原型开发方法。

ǞǞǞ 第一步 是创建大约25%的原型,然后从客户那里获得反馈,以确保我们的方向是正确的。然后我们继续 发展 直到我们有大约75%的设计工作完成,然后完成一个 进一步审查.在这之后,我们把原型带到 完整的完成版 并允许再有5%的时间用于 调整和改变.

我们还具有与下列机构合作并作为其一部分的经验 敏捷(或精益用户体验)团队 并提供UXD资源(以及研究资源)。

原型设计软件。

 原型软件图形

我们的高级用户体验设计师熟悉一系列的原型设计软件,包括流行的产品,如 Axure RP愿景全能型素描 以及更多--甚至是HTML。我们的客户发现,如果我们在他们已经使用的软件中开发原型,会更容易,我们很乐意这样做。

许多这样的软件将使我们能够快速有效地进行多平台的原型设计,因为它们具有针对移动屏幕尺寸调整大小的功能。它们还具有共享功能,在开发过程中和设计过程结束时,可以很容易地与客户分享成果。

案例研究。

对于一个大型的零售客户,我们被要求为他们正在计划的用户研究创建一个互动原型。他们有平面设计,所以我们可以利用这些设计并创建可点击的热点,从而使它们具有互动性。这节省了大量的时间和金钱,并提供了用户研究中需要的所有反馈。

用户旅程回顾

案头研究是为了提供对用户旅程的独立审查,以确保它们包含足够的信息来促进原型的创建。该研究还被用来确定开发和原型测试的优先次序。

这是一个有价值的步骤,无论我们是要参与建立原型,还是客户团队想在内部建立原型。我们完成对所有用户旅程的详细审查,并提供一个独立的分析。

  • ǞǞǞ 全面的用户旅程
  • ǞǞǞ 接触点 和 渠道 并对输入和输出进行感应检查
  • ǞǞǞ 工作流程和工艺步骤 特别是关于替代行程

我们确定在用户旅程中和关键步骤之间的微互动中需要改进的地方。

我们还评估用户旅程的哪些方面将从用户测试中受益最大,以及支持测试环节所需的细节。通过这种方式,我们可以帮助 确定原型设计活动的优先次序 在测试过程中,要避免无效的测试环节。这可能是由于过程中缺少步骤,没有建立对其他过程至关重要的关键交互,或对用户将做什么进行假设。

我们利用我们在原型可用性测试方面的丰富经验,提供方向和指导,为客户团队或我们自己的团队节省时间和金钱。

案例研究:用户旅程回顾

与内部团队合作,我们获得了用户旅程,并被要求在内部团队开发原型之前完成专家评审,然后我们将被要求与用户一起评估。我们的反馈使内部团队能够专注于需要测试的关键用户旅程,并解决一些之前未被发现的流程问题。

心中有一个项目吗?