修罗锯:我们如何设计Mishiko狗追踪器移动应用程序

自从2015年以来就开发了用于犬Mishiko的跟踪器项目,在此期间,我们经历了数十次迭代设计-跟踪器本身和移动应用程序。

特别是对于我们的博客,我们请Mishiko首席设计师Daria Ivashchenko讲述了Mishiko应用程序设计的故事。

宗子Daria Ivashchenko:

当一个项目创建了数年后,就无法避免全球变化。 就Mishiko而言,移动应用程序只是包括平台,硬件和生产在内的大型周期的一部分。 演变-或更确切地说,项目开发向量的变化-可以通过应用程序图标及其不时变化的剧烈程度进行跟踪:



但是,让我们从顺序开始。

因此,我们遇到的第一件事是应用程序主页的开发。 开始时,我们对应该在此处显示的内容进行了思考。 它可以是Facebook类型的Feed,也可以只是有关狗活动的基本信息。 还是主要功能是狗的位置,其他所有内容都应该放在其他标签中?

我们考虑了游戏化的不同元素,Foursquare类型的成就和徽章,因此我们希望在第一页上尽可能多地提供有关小玩意所有者的狗主人的信息。 并行功能(但是我们并没有拒绝)是一种用于搜索丢失的狗的社交网络的想法。 因此,与此同时,我们想到了附近的狗的地图(包括有关“损失”的广告)的想法,并有机会在房子附近认识新朋友。



根据我们的逻辑,要取得成就,就不必每次都记录新记录。 相反,您使每个人都有成就:您整天躺在家里吗? 抓住石头。 但是,这种喜剧性的奖励并不会干扰实现新目标和与邻居犬进行活动竞赛的主线。

在应用程序中,我们对游戏化和社交化有很多想法。 理想情况下,我们希望同时做这两件事。 我们认为,不仅要与朋友分享有关新目标的信息,而且还要有关于破记录的信息,这很酷。 就是说,当您的狗在使用Mishiko的整个历史上最活跃时。

最后,我们也想取得特殊成就。 例如,多次访问相同的地方:您带着狗去宠物商店去,逛逛和逛逛:您有一个徽章“在该区域”。 或者您有50个养狗犬的朋友-欢呼,获得成就。 否则,那天您的哈巴狗已成为该地区最活跃的狗! 保留一个新徽章。

当我们最初选择项目的一般卡通风格时,成就的想法尤其令人眼花zz乱。 然后这个家伙应该成为吉祥物的主要角色:




我们为什么决定拒绝它? 因为我们的业务目标已经改变。

是的,当我不得不重绘所有内容时,这有点令人伤心,但总体来说情况是正常的。 重要的是要了解我们一直与不断变化的“硬件”,设备的最终价格和其他问题联系在一起,所有这些都影响了Mishiko的风格。 当我们为追踪器的工业设计,它的布局,或者当然我们发现它的最终价格时-大约一万卢布,我们有了或多或少的最终选择,卡通风格开始显得简直荒唐。

再见,卡通风格!



进一步测试


在开发第一个MVP应用程序时,我们首先开发了wifi框架草案。 它们是:



在这个阶段,已经出现了第一个假设,我们几乎立即拒绝了它-这是“向左”的导航,如下所示:



最初的测试表明,在我们的案例中,从下面进行导航会多次增加用户在应用程序中的时间。 使用Mishiko应用程序更像Instagram,而不是像汽车共享之类的任何跟踪应用程序。 我们不希望用户登录,查看宠物的位置并逃之run。 相反,我们的目标是让他进来,查看关于狗活动的有趣数据,在图表中研究一周或一个月的活动数据,并记住他的行走情况。 好吧,或者进入事件日历并更新“狗事务”列表,例如去兽医或美容沙龙。 我们不希望用户着急使用该应用程序。

痛苦的改变


了解到我们不能一步一步地从MVP过渡到最终产品,我们开始将功能分为基本功能和可选功能。 我必须拒绝发布的第一件事是来自Facebook类型的Feed。

第二个变化-我们开始以点来衡量活动,而不是像开始时那样以“活动时间”来衡量。 测试表明,比起狗在哪种模式下花费多少时间(强活动/虚弱/睡眠)的“时间”,以分数来感知成就要容易得多。

我们知道分数当然也是一种抽象的衡量体系。 但是她解释了目标:为您的狗需要很多点。 而且普通用户并没有考虑到他们那么重要-谁在乎,他将已经研究了详细的图形和我们的计算方法。 也许我们最终会远离球系统,但是大多数健身应用程序也以点为单位进行测量。 这样可以更轻松地进行各种活动-无论是跑步,游泳,散步还是其他。

第三,我们更改了主活动屏幕的显示格式。 让我们详细讨论一下。

显示活动


在活动屏幕(Mishiko应用程序中的主要屏幕)上工作时,收到了工程师团队的基本介绍。 因此,该设备从加速度计收集加速度数据,足以区分这三种类型的活动。 和平,中等活动和高活动。

为了可视化此数据(看似简单),我们遇到了许多技术问题。 这是我们想到的第一个可视化选项之一:



什么让这里的人感到困惑? 至少,活动的类型与日常记录的颜色相同。 在每个人看来,如果将天漆成蓝色,则狗会长时间不活动。 尽管实际上这并不是所有三种活动总和中最活跃的一天。 这是一个设计错误。 另一个要点-在这个阶段,我们仍然以分钟为单位来考虑活动,而不是要点,这也给用户带来了极大的不便。

然后我们尝试了这个选项:



如您所见,它变得更加容易和易于理解。 蓝色表示我们是“正常”的一天,那一天狗没有达到目标。 当您达到目标时,颜色会先变为蓝色,然后变为黄色-当已记录新记录时。

同时,我们用一个圆圈测试了该选项,该圆圈将不同颜色的新圆圈“包裹”在其自身上。 这是这个选项:



怎么了 我们决定在可视化上检验这个假设:我们的一位设计师在柏林骑自行车。 他有以下几点:当各点越过第一轮时,颜色从深蓝色变为蓝色(即第二轮开始)。 但是,当对象超过第二个圆圈并切换到第三个圆圈时,圆圈开始旋转一个新的圆圈。 这是非常不便和不可理解的。 因此,我们增加了额外的内容。 在此之上添加颜色以避免此类重叠。

例如,在一系列的可视化实验中,这些:




...我们来到了最终版本:


我们消除了所有不必要的“圆圈”,仅保留了基本的最小值。 在一天当中,决定杀死图表,因为根据测试结果,我们发现这对于大多数犬种繁殖者来说都是不必要的信息。

活动图呢? 哦,那是另一个故事。 走吧

显示活动统计


当我们开始使用统计信息时,我们想到的第一件事是,对于一般用户而言,它始终是核心。 在我们看来,当用户进入数据时,他立即可以使用“ tin”。 数据看起来越“生气”,图表越漂亮,用户越有趣。 我们尝试对此进行试验。 原来很有趣,但是总的来说,使用复杂图形的用户引起的问题多于答案。 自己看看并尝试在这里解决:



我们经常讨论的一个相关问题是谈论分数时需要减少数字。 原因很简单:首先,我们将细节分为1000-2000点或一般数百个点。 首先是数百个浅滩:它们经常与兴趣相混淆,这是一个不好的关联。




然后,我们添加了另一个“零”,开始测试设备的算法,发现点数大约为2000,因此为大量步骤提供了额外的点数。 也就是说,您有条件地获得+1分,而不是15步,而是至少100分。 而且由于所有跟踪几乎都是实时进行的,因此当您步行不远时,似乎没有任何更新或它们不起作用。 然后我们得出了更令人恐惧的数字(20-30 000),这反过来给任何数量的点都给出了明显的结果。 走了-得到了几千,走了几步-得到了几十分。

结果,我们将统计数据设计简化为这样的形式:



他对你好吗? 让我们讨论)

Source: https://habr.com/ru/post/zh-CN402383/


All Articles