地铁满载率查询真相是什么?地铁满载率查询具体情况( 三 )


文章图片

神奇的数字2
应用市场排名前100的APP中 , 78个使用了5张截图 , 13个使用了4张截图 , 6个使用了3张截图 , 另外2个仅使用了2张截图 。 如果作为一个开发 , 你可能错误地觉得应该放置5张才好 , 毕竟截图越多 , 展示的内容越多 。
其实只有9%的用户会滑动页面去截图 , 横屏模式下的用户更少 , 只有5% 。 所以截图必需在前两张就设法吸引住用户 。 第1张截图可以告诉用户APP的功能 , 然后在后续的截图内展示具体信息 。
我们的研究很清晰的指明 , 竖屏模式下 , App必需在前2张截图(iOS10, Google Play) , 或者前3张截图 (iOS11) 来展示应用的核心功能 。 而如果是宽屏模式的截图 , 你只有第1张截图有机会展示核心功能 。
——Peter Fodor
我们可以用一些常用App的前2张截图验证下:
地铁满载率查询真相是什么?地铁满载率查询具体情况
文章图片

UI元素突出显示
用户通常扫视应用截图并借助文字说明去了解APP的功能 。 但更简单的设计方案是:APP功能相关的UI元素突出显示 , 而不是过度依赖文字 。
我们来看一些示例:
地铁满载率查询真相是什么?地铁满载率查询具体情况
文章图片

学习点(敲黑板)
前2张截图务必展示核心的用户故事 :只有9%的用户会去滑动查看超过2张的截图;
增大字体同时减少字数:随着大屏化的趋势 , 用户越来越习惯直接查看截图 , 事实上也只有4%的用户会去点击截图查看;
功能相关的UI元素突出显示 :可以让截图一目了然 , 增加易读性 。
增强截图易读性的方法就是如上三点 , 现在我们开始练习下这些方法:
Step 1:使用最新的iPhone去截图
HeyDoctor目前是使用旧版iPhone截图 。 并非鼓励大家更换手机 , 我也很珍惜我的旧iPhone , 但是截图使用最新的iPhone会更完美 。
地铁满载率查询真相是什么?地铁满载率查询具体情况
文章图片

Step 2:减少文字 , 增加易读性
副标题和文字说明删掉 , 同时字体变大 。 简洁的设计模式 , 用户故事只会更易读 。
地铁满载率查询真相是什么?地铁满载率查询具体情况
文章图片

很明显 , 第三张截图图文不符 。 标题表明医疗服务无需保险 , 页面截图却是设置功能页面 。 打开HeyDoctor , 处方服务功能的第一个页面更符合主题 。 它间接暗示用户 , 无需保险也可得到医疗服务 。
地铁满载率查询真相是什么?地铁满载率查询具体情况
文章图片

Step3:突出显示功能相关的UI元素
如前文所述 , 功能相关的UI元素突出显示 , 使得文字更有可扫描和易读性 。 两者相辅相成 , 用户因此更容易理解截图内容 。
(1)聊天界面UI
我们看看Tinder采用什么方法突出UI元素:
地铁满载率查询真相是什么?地铁满载率查询具体情况


推荐阅读