主页(http://www.175shouji.com):如何利用7秒时间,让用户决定使用我的App
把这个聊天界面,放到应用截图中:
那就让我们学以致用,重新打造 HeyDoctor 的应用截图吧!
我试着把 HeyDoctor 的品牌元素,融入到聊天气泡框的设计中。我觉得没必要加头像,因为医生们没有头像照片。
它的聪明之处在于:把头像、聊天气泡框这种活泼的元素,和背景色这种品牌元素相结合,模拟了一幅生动的聊天场景。
让我们来研究一下,Tinder(交友 App)是如何突出聊天界面的:
三、第一步:用新一代 iPhone 截图HeyDoctor 的应用截图,还是用老一代 iPhone 截的图。虽然不是大问题,但是对我来说,App 就像 iPhone,总是越新越好。所以,先用新一代 iPhone 截图。完美!(请原谅我的强迫症)
二、用户故事是什么?在开始修改之前,我们要先搞清楚:用户为什么会下载 HeyDoctor?他们想要的是什么?简单来说,有以下几个方面:
分享到: (0)
HeyDoctor 简介
同样,我们也对应用截图的某些元素作了微调:
我把第一张透视图一分为二,因为我们只有3张应用截图,这样一来就凑够了 5 张。
我决定把文字说明放到应用截图下方。这样一来,用户就会先看到突出展示的 UI 元素,再看到相关的文字说明。
七、设计成果 1. 重新设计前我在网上找到了一个很酷的等距风格的图案,把它做成了第 6 张应用截图。
在最热门的 100 款 App 中,有 13 款展示了 4 张应用截图,有 6 款展示了 3 张,只有 3 款展示了 2 张。作为 App 开发者,你也许会选择放 5 张,因为内容越多越好,不是吗?当然不是。
2. 优化背景渐变效果在我看来,背景和前景的色彩对比太突兀了,可以把蓝色变浅一点。
2. 放大卡片,添加阴影让我们来研究一下 Uber 的做法。
我们发现:用户浏览一个 App Store 页面的平均用时是 7 秒。事实上,绝大多数人不到 7 秒,就把页面关掉了。感兴趣的用户会多看一会儿,但看的东西大同小异——先看图标,再看前两张截图,最后扫一眼 App 简介的第一行字,没了。
让我们检验一下效果:
相关推荐
一项针对用户下载决策的研究表明:“吸睛”的应用截图是促使用户下载的第二大原因,第一个原因是 App 评级。这项研究覆盖了 25,000 名 App Store 访客、10,000 次下载。
我们的研究发现:对于 iOS10 和 GooglePlay,你必须用前两张应用截图,解释清楚 App 的核心功能,不能超过两张!对于 iOS11,也可以用前三张竖版截图。如果你真的想用横版截图,不好意思,你只能用一张。
HeyDoctor 是一款美国本土的健康管理 App。用户足不出户,就可以寻医问药。HeyDoctor 提供全方位的配药服务,包括避孕、生发、尿道感染治疗等方面,还可以根据医检报告配药。