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

第 30 期

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

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

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

创作灵感

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

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

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

UI 设计是重中之中

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

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

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

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

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

玩法必须有意思

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

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

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

我们走过的弯路

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

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

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

我们和用户的故事

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

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

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

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

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

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

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏敏捷开发&项目管理

国产程序员陋习,写在农历猴年前

工作这么多年了,接触过一些外国程序员也接触过不少国产程序员。 觉得国产程序员还是有些陋习的,当然不是所有人都有,只是比较常见而已。 大家随便看看,当是娱乐就好了...

3074
来自专栏Java技术

程序员如何通过努力出书做到名利双收的!

写书有什么好处?第一能总结,第二能在此基础上不断提升,第三在找工作时帮助很大。我知道在博客园里,有更多的朋友想出书,在本文里,我就来分享下两个话题,第一如何出书...

651
来自专栏养码场

写了近120篇博文的特赞CTO黄勇:技术写作也可以锦上添花

记得2013年9月1日,我开始在“开源中国”上发表博客,两年内我写了很多文章,同时也做了自己创立的开源项目,还认识了很多志同道合的朋友,最后也给自己带来了前所未...

542
来自专栏钱曙光的专栏

一周极客热文:关于编程一些鲜为人知的真相

《关于编程一些鲜为人知的真相》一文讲了一些编程的真相:如果把所有项目的生命周期平均一下,那么一个程序员大概10-20%的时间用来写代码,并且大多数程序员可能每天...

1985
来自专栏大数据文摘

自动分析法的崛起

1798
来自专栏成猿之路

我们为什么都应该坚持写博客,意义何在?

我很早就想写一篇为什么我坚持写博客和文字的文章给大家洗洗脑,不会总结和不懂总结的程序员不会进步太快。

822
来自专栏CSDN技术头条

盘点|开发者必读的十大经典书籍

编者按:人生如逆水行舟,不进则退。开发者想要保持自身的竞争力,做到所向披靡,知识储备必不可缺。这就意味着,简单的代码阅读远远不够。 快速迭代的信息社会,技术前...

1857
来自专栏人工智能头条

程序员:你敢找我做这事,我就敢拉黑你!

今天说好的需求这样做,亲自找到他跟他确认,然后过几天,他又反悔了。说自己从没说过,要另外的实现方式。

601
来自专栏Android群英传

GoogleDeveloperDay回顾

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

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

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

4469

扫码关注云+社区