太「色」啦,但对眼睛好呀 | 晓组织

第 30 期

大家好,我是黄滚,本名徐仁禄,黄滚是我的花名。我曾在阿里巴巴工作七年,任搜索技术专家,此前也有过创业的经历。

我们的团队在不断扩张中,到发稿时,已经形成了一支由中高级开发工程师、用户体验设计师为主的八个人的精干队伍。产品经理曾就职于支付宝,在加入团队之前打造了一款日活百万的小程序;运营总监此前操盘千万级投放,在新媒体方面的运营也非常有经验;UI 设计师是手绘专业科班出身,对色彩有着超强的运用能力,能够直达用户心底。

今天我们团队给大家带来的一款有意思的小程序:寻找像素眼,这是一款由我们 UI 设计师主导的社交测试类产品,看似简约,其实不简单。这款产品重在寓测于乐,所以测试是目的,玩乐是根本。

创作灵感

大家都知道,眼睛是心灵的窗户。眼力值的高低还与右脑的发达程度密切相关,因为人的右脑主管艺术、灵感、创意,右脑越发达,说明眼力值越高,那么艺术等方面的潜力就越大,成就也会越大。

怎么来测眼力值呢?考驾照的时候,红绿色盲的人会被禁考,色弱的人也会受到影响。受此启发,我们的 UI 设计师想到了找出不一样的色块这样的玩法。

测试一共 36 关,随着关数的提升,色块越来越多,当关数增加到一定数值,色块数量不再变化,色块间的差异也越来越小,越来越难找出那一块不一样的色块。

UI 设计是重中之中

这是一款以「色」为基础的小程序,看似简单的界面耗费了我们用户体验设计师大量的心血。从 logo 到主色,从 icon 到风格,从细节到整体……设计师都在不断的尝试,反复的修改。

黄色是明度最高的色彩,能够带给人轻快活力的视觉感受。但是低饱和的黄色容易让人产生疲倦,而社交娱乐尤其是还有时间限制的产品则需要能够给人一些的紧张感,高饱和的黄色是最佳选择,最后成了这款产品的主色。

寻找像素眼的 logo 如果仔细看,是由眼睛和放大镜组成,将两个元素抽象成基础的几何图形(圆形),图形的简化有利于人的记忆。

在确定了主色和 logo 之后,接下来的 icon 设计也颇费了一番功夫,不难发现,设计师为了增强趣味性,进行特别处理,最终的 icon 都带有一种微胖的可爱。

考虑到色盲无法识别色相,页面色块的设计上使用了同一色值提升明度的方法,随着关卡的变化色块由少递多,用同一关卡的色块明度递减来增加游戏的难度。

玩法必须有意思

纯粹的找色块,实在是枯燥而无趣,我们为这款产品设置了两种不同的玩法,一种是 60 秒大闯关,另一种每关 3 秒,3 秒内该关通过就可以进入下一关了。

为了让玩家玩得尽兴,我们增加了心理暗示,为每一关设置背景音乐,我们设置了 3 秒倒计时来增强紧迫感。最后几关的难度比较大,玩家会留下只差几秒就可以通关了的遗憾,为此设置了分享到群就可以延时 10 秒,不过机会只有一次。结束时系统直接算出玩家排位,玩家可以分享到群或者朋友圈。

一局结束,会出现测试结果,展示通过关数及在玩家中的排位,排行榜可以展示所有玩家中的前一百名。只要将小程序转发到群,玩家就可以看到自己在任意一个群里的排行。

我们走过的弯路

如果以为做了这么多这么大量的工作,用户就会蜂拥而至流量就会源源不断了,那就大错特错。

我们进行了内测,很快发现了一个重要的问题,用户根本不知道不知道怎么玩。设计时只想着简单直接的开始,并没有去做引导,也没有介绍玩法。在得到用户反馈之后,设计师不得不加班修改,连续熬了几个晚上,这款增加了玩法引导的 UI 设计才终于和大家见面,所有第一次进入的用户都会弹出玩法说明和帮助说明。

这也告诉我们任何时候都需要站在用户的角度来思考。

我们和用户的故事

我都已经通关了,你们要不要给我一点奖励啊?

有一天,一个玩家兴奋的发来这条消息。我们查了下数据发现目前的通关用户并不多,说明我们这款小程序真正通关并不是很容易。

我们是否可以免邮赠送给通关客户娃娃?

这个点子迅速成为我们团队讨论的热点。最终我们将这个定为一条规则,所有通关用户都将会得到一个娃娃,没想到,这条规则不但提升了老用户的留存率,还为我们增加了大量的新用户。

目前更多的有趣玩法正在开发中,更新的版本即将上线。我们在知晓小程序商店发布之后,很快被推荐到了首页的每日精选,还在新锐榜上霸榜了好几天。

原文发布于微信公众号 - 知晓程序(zxcx0101)

原文发表时间:2018-04-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

新手必看!VR虚拟现实技术解答贴——手机适用篇

一、设备 1,什么手机适合玩VR应用? 答:VR应用对于手机性能要求远高于普通应用,主要原因在于它需要分屏运行,对CPU的要求较高。如果只是玩一些小游戏或d...

3417
来自专栏PPV课数据科学社区

【趣闻】当程序员一天天老去....

  技术程序员将代码注入生命去打造互联网的浪潮之巅,当有一天他们老了,会走向那里,会做些什么?真正有可能晚景凄凉的程序员,是对技术和产品没有兴趣的人,是仅仅把编...

4499
来自专栏镁客网

一统AI界的当红炸子鸡Python,这次要进入小学生课堂了!

1550
来自专栏理论坞

也许你真的不知道这些设计圈潜规则~

隔行如隔山,任何看上去简单的设计,其实都经历过了漫长的策划、策略、定位等一系列的前期分析的结果。不要找设计师做免费设计、不听话的设计师才是好设计师,这些不可不知...

621
来自专栏VRPinea

明年将有数亿台手机支持AR,那么AR/VR全球爆发还需多久?

2656
来自专栏IT派

大快人心!国家广电总局严处今日头条、快手:长期无视法规训诫

近一周以来,对于今日头条来说是极为不平凡的一周,今日头条可谓蹭足了“头条”的热度。在北京工商行政处罚今日头条70多万的热度还尚未消散之际,今日头条再次迎来了国家...

800
来自专栏钱塘大数据

【盘点】2016年AR大事件 苹果iPhone7也能上榜?

2016年AR大事件: Snapchat Ads、Pokémon Go、Microsoft Hololens、Tango、Apple iPhone 7 全文较...

4606
来自专栏VRPinea

双十一的花呗还没还完,双十二又来了...

3324
来自专栏程序员互动联盟

C语言入门精髓

上篇说到了C语言还是很基础的编程语言,还是值得去学,那么怎么去学?什么人才能学好?为什么学到一半就早早缴械投降了?众多迷雾,众多的困难,怎么破局? 很多对编程感...

3526
来自专栏机器人网

它不只是一个乒乓球机器人,还是个“新型”情感机器人

欧姆龙的乒乓球机器人已经升级到第四代,名叫Forpheus,如果你仅仅把它看作是一个陪练乒乓球的机器人,那就太小看它了。它可以读懂你的身体语言,并评估你的能力,...

2524

扫码关注云+社区