在幕后:灯塔的马会资料下载

在2017年初,我坐在一张空白的纸上,开始计划未来 灯架 .

当时,灯塔提供了一种简单而优雅的方式来浏览 译文 文章,但不多。为了响应压倒性的需求,我的任务是加入实时聊天,但在经典的“帮助侦察”的方式中,没有压倒客户支持团队。

对于上下文,此图显示了我们想要保留原始(蓝色)的功能以及我们想要为初始版本添加的新事物。我们的工作剪掉了!

映射我们所在的地方,我们想要的地方。

与任何大项目一样,我们开始与数百名客户开始,并运行详尽的研究,以了解我们应该如何接近这项任务。这总是将成为一场长期的戏剧,因此重要的是要从一开始就知道你想要什么。以下是从马会资料下载视角以及我们如何到达您今天和爱的信标的过程。

概念,测试,重复

马会资料下载大功能的过程是漂亮的标准 - 它通常通过绘制数百个线框并弄清楚哪一个最佳。这没有什么不同。

这个想法是尽可能乱的凌乱,而是弄清楚最终的客户体验感觉很简单和乐于助人。毫不奇怪,鉴于我们试图放入的新东西的数量,灯塔迅速变得非常复杂!

每个项目都在素描页面后开始页面。

自从 我在澳大利亚工作,我的团队主要基于北美,几乎每天我都录制了我各种概念的视频,并将它们放到小组中进行讨论。

选择 lo 通过许多不同的方法,我经常向首席执行官和工程师走路的视频。

一旦我们有一种方法,我们对我们很满意,我们将在真正的客户面前放置了Scrappy,可点击的原型,以确定它们是否可以很容易地使用和理解。一般来说,这种测试验证了我们的假设,但在一些情况下,我们透露我们需要进一步简化事物。

早期的用户测试会话。

在测试中提出的所有项目中,我记得几个有趣的观察,最终定义了灯塔最终看起来和工作的方式:

  1. 导航令人困惑。 我们的原型需要很多点击以获取主页,搜索,消息传递,文章和聊天 - 那么等量的方式向后,向前返回,并关闭各种UI位。这是如此微小的小工具非常压倒,它导致了很多混乱,所以它绝对是我们需要简化的一个地区。
  2. 人们不确定何时/如果他们正在与真正的人交谈。 这可能是宿醉,从市场目前的工作原理如何,但使用我们的灯塔原型的人对他们是否正在与现实生活或机器人交谈的人持怀疑态度!
  3. 有些事情我们无法改变。 我们对我们的马会资料下载进行了测试的每个人都有一个固有的聊天期望,是来自Facebook Messenger,WhatsApp或Imessage的聊天。任何偏离这些经历的东西都令人困惑和不必要。在早期马会资料下载中,我们尝试逆转聊天对话的顺序,最新消息在底部的顶部和最旧的消息。这种格式困惑了100%的测试人员。

马会资料下载

在众多迭代和无数的测试之后,我们对理想的用户体验感到充满信心,并移动到视觉马会资料下载阶段 - 哪个, 一如既往 ,开始勾画和尝试许多不同的想法。

如此经常这样的情况,当我到达项目的这个阶段时,我 想法 我清楚地了解我想要灯塔的样子 - 但实际上我找不到真正有效的马会资料下载。以下是一些失败的概念......

失败的信标概念 所有这些早期的概念都是可行的选择,但在规模中遇到了关键问题。

我的主要挑战是将所有这些巨大的内容融入一个不需要大量导航和按钮的结构 - 我无法完全正确的东西。无论我尝试了什么,似乎一直都是按钮,箭头和整个地方的导航。这是一个案件,直到一个下午,在俯瞰悉尼港的餐厅吃午餐时,我注意到岛屿和岬角是如何通过透视的“堆积”......这让我想到了与灯塔类似的方法。

我的妻子假装了解我的兴奋。

这个想法是彼此顶部堆叠内容,就像手机上的应用,而不是使用传统的前后结构,就像你在桌面上看到一样。我确定我的妻子对谈话的转折并不高兴,但它是灯塔马会资料下载的明确转折点。

BeaCon如何使用堆叠物品来允许访问者在内容之间“上下”。

建筑灯架

在帮助Scout,一旦我们弄清楚了马会资料下载的粗略轮廓,我们通常希望直接跳转到代码中构建工作版本。静态马会资料下载产生了很多假设,只能在没有真正的内容的情况下拍摄产品体验,因此我们希望快速进入工作原型,以帮助提供最佳解决方案。

对于灯架,我们建立了一个测试版,并在帮助Scout应用程序中使用它,以了解如何在真实情景中运作的感觉。这种方法意味着与工程师们出现了很多,工程师扔出了概念的某些意义但不是现实的事情。

用于与工程通信的图像如何整理“先前的消息”UI。

一切都开始了大约10个月,当我们对进步兴趣并准备将其打开到客户时,我飞往加拿大直接与我们的UI工程师一起工作,JON“Q”Quach,领先于 公开推出 。虽然我们是巨大的倡导者 遥远的第一文化,一些事情 - 就像微富的互动和动画 - 更好地完成。 q和我一起为一个固体的10天工作,将灯泡波兰信标在客户准备状态。

马会资料下载师的工作永远不会完成

我们不是陶醉成功的人,一旦推出烽火台,我们就被吸引到了项目的下一阶段。与我们推出的一切一样,我们密切地倾听客户的反馈 - 当然,灯架没有什么不同,反馈非常有用,在帮助我们选择哪个领域专注和改善。因此,虽然工程团队出发了更新,但我对我的注意力如何提高灯塔的视觉马会资料下载和体验......毕竟,马会资料下载永远不会完成。此外,我是一个完美主义者。

我将我的工作分为两类:通过创建一致的视觉风格来改善整体产品,并使用动画和转换增强信标,以表达平滑和值得注意的用户体验。

重新马会资料下载新产品

我开始做的第一件事是建立现在称为帮助侦察员马会资料下载系统(HSD)的东西 - 一个庞大的UI库和覆盖灯壁的每一部分的编码组件,定义了如何看待,感觉和行为。这涉及重新马会资料下载和重新构建初始信标应用的每一部分,而不仅仅是为了一致性,而且还可以帮助我们缩放并添加新功能和改进。

管理所有标识UI的马会资料下载系统的样本。

在此期间,我也有一些马会资料下载细节,如重叠内容,使用户头像制作更多的中心主题,并引入了一些更有趣的触摸。一旦灯垒即将到来,我们也会学到了很多关于更改马会资料下载以适应可能存在的动态内容。例如,您可以在下面看看相同的马会资料下载如何变化,具体取决于有多少个子可用(以我最喜欢的Youtuber为特色, Simone Giertz. )。

优化相同的马会资料下载以允许动态内容。

与动画有所作为

改善带有动画的灯塔是一个更大的挑战,即,因为我并不完全确定需要改进什么,或者在哪里开始。当时,信标在这觉得它感觉到一系列链接的屏幕上是相当静态的,而不是平滑的端到端体验。因此,我决定专注于有助于指示内容来自的内容以及某个UI的点击可能会这样做的内容。

探索转换内容之间访问者的方式。
我探索了初始加载体验以及如何使灯塔更加明显。
我向标题添加了笑容。因为为什么不。

有数百个探索 - 有些人没有做出削减,而其他人今天会在这个应用中找到。这些通常通过视频和原型传达给工程团队,我编码以证明我的意图 - 任何避免在半球上的另一个飞行。

在这里,我正在使用很多手势来解释新的信标UI。

还有什么时候来

从那些早期草图以来,我们已经走了很长的路,但我们只刚刚划伤了我们想要与灯架实现的表面( 以下是一些即将到来的功能)。至于事物的马会资料下载方面,该过程将保持不变 - 我们听取反馈,测试我们的想法,并继续推动自己生产一些您和您的客户喜欢使用。

左到右: 原始灯塔,我们的第一个(重新)发布以及你今天会看到的。

向后看,向后看看,我们开始了 - 对于灯架,这是一个谦虚的小文档小部件,这是一个谦虚的小文档和聊天产品。谁知道我们将在哪里进入几年,但我很高兴能找到出来。

嗡嗡声 Usborne
嗡嗡声 Usborne

嗡嗡声 是帮助侦察兵的产品马会资料下载师,他在澳大利亚悉尼外面的小型工作室工作。当他不辜负他的眼球时,他通常在与儿子的某个地方的海滩上。问你好 推特 .

开始帮助 Scout

为您的客户提供更好的体验,为您的团队更少。你'LL在几分钟内设置。

免费的15天试用