交互设计师成长录

【译】如何为应用商店中的应用主页创建有效的截图

原文:How To Create Effective App Screenshots For Your App Store Page

作者:Melanie Haselmayr

译者:熠枫(Desideria)


      iTunes app store,Google Play和Windows Phone Marketplace已经逐渐转变为数字战场。为了避免淹没在海量的手机应用中,开发者们必须努力使自己的应用独特并脱颖而出。

      应用商店优化策略(App store optimization,ASO),与SEO很相似,但是仅仅适用于应用商店的应用介绍页面。这个策略能够给开发者们的市场推广带来便利,并且肯定能够提高应用的曝光率,因此提高下载量。

      ASO包括很多考虑点,并且应该作为应用发布在应用商店时的关键组成部分。它包含手机应用页面的一切细节,并且可以被分为“页面上的元素”和“页面外的元素”。

      “页面上的元素”包括所有会直接显示在应用商店中的应用主页信息:

  • 应用名称和标题

  • 应用描述

  • 应用图标

  • 应用截图和视频

  • 应用分类 

      “页面外的元素”是指那些指引到应用主页的外部链接,它们也包括用户评论,即使这些内容不受开发者控制。总得来说,“页面外元素”包括:

  • 应用评分,概述,评价

  • 应用推荐页面

  • 精心设计的应用加载页面或网站

  • 应用相关的新闻报道

  • 广告

  • social paid and organic discovery options(媒体口碑和有机发现?)

      在将应用推向世界之前,最好根据ASO对上面的所有元素进行调整。这篇文章将重点讨论应用截图,它是帮助用户快速做出决定下载应用的两个关键因素之一。 


      为什么需要关注截图?

      在数码时代,稳定的信息流和疯狂的社交媒体使人们很难集中注意力在你想传达给他们的信息上,甚至只是一张简单的应用界面截图。我们被不断地打断分心,而且我们(自认为)连坐下来听或读的时间都没有。有研究表明,我们的注意力已经缩短到8秒钟。Slate有一群人也写过一篇很有趣的文章来描述这个现象,并解释了为什么你无法再从头到尾读完一篇文章。

      我们重述一下“第一印象很重要”这个原则:你只有几秒钟的时间来吸引人们的注意力;明智地使用这些时间来唤起人们的兴趣并让他们点击,滑动和下载。

      屏幕截图的重要性已经很清晰的传达出来了。在iOS 6到iOS 7的更新中,苹果的iTunes经历了很大的变化,应用截图的提前使得应用描述后置,并且应用截图会显示在应用搜索页面和应用主页中。而现在,苹果在iOS 8中仍然关注图像化而不是文字表达。Android也是如此。


      应用的设计代表了一种决定性因素,会左右50%的用户是否下载应用。这个因素仅次于应用评价和用户评分。尽管应用评价和用户评分属于“页面外元素”,并不能简单的被影响,但应用截图这个“页面上的元素”可以完全被精心设计以符合你的需求。应用的设计——以及一致的界面截图——应该作为应用市场推广预备清单的第一条。

      图像化的交流肯定比语言沟通快很多。因此,放置足够的关注在你的应用设计上,并创建可视化的吸引人的屏幕截图,肯定可以带来好处。 


      从基础开始

      屏幕截图决不能随机的选择。最好的办法是选择那些能够最好地解释你的应用目标的截图。

      主流的应用商店仅允许你用5张图片来传达你的信息。你的应用是专为年轻人设计的通讯工具吗?还是为孕妇所做的健康管理应用?又或是手机扫描仪?或者是跑酷运动应用?你需要保证任何人看到截图时能了解这一点。

      另外一种选择截图的方法是问你自己这些问题:

  • 我的应用解决什么问题?

  • 有哪些独特的地方? 

      如果你能通过截图可视化地解答这些问题,你就已经事半功倍了。也许你无法立即回答上面的问题,接下来将更深入地讨论。 


      关于独特

      不论你想完成什么任务,很可能会有一个应用能满足你,甚至可能会是10个,50个,100个应用。能想出一个全新的独特的应用是很少见的。而实际的趋势是往两个方向发展的:要么建立一个互相联系的大应用平台,提供一个大而全的解决方案,就像Salesforce那样;要么就创造一些小而美的应用,来解决日常生活里众多繁杂问题中的的一个小问题。往往你会以为自己的应用是一个全新的解决方案,结果却发现这个领域已经有一批竞争者了。

      现实世界和数码时代已经过度饱和并过度刺激了。你需要的每一件小事都有很多选择—从餐布到娱乐系统—并且我们已经超负荷地接收了相同事物的数以万计的变化。

      在这个时代,最重要的是差异,而不是唯一性。我们生活在一个竞争的环境里,即时你创造了一个崭新的事物,在短短一瞥之后你将拥有竞争者,并再次处于竞争的环境。

      你可以从很多方面发现差异性,特别是在应用设计和截图中。以下是一些可能的例子:

  • 你的应用可以允许用户在3步内就完成任务,而其他竞争者却需要5步甚至更多来完成(例如一个照片应用可以让你为照片添加滤镜同时又能直接上传到你的账户)

  • 你的应用使用了先进触屏技术,遵循UX和UI准则,并且将按钮操作转化为滑动操作(例如一个约会应用让你对潜在的对象左滑表示喜欢,右滑则忽略)

  • 你的应用整合了其他服务,并且使数据在应用间的传递更为简单(例如一个扫描应用允许你直接将文档传入你的云账户)

      我想你应该明白独特是怎么一回事了。关键在于把事情做得比别人更好,并且用可视化的方式把优势描述出来。 


      关于顺序

      适用规则:把你最重要的截图放在最前面。没必要遵循逻辑顺序—如果你认为你的用户需要理解应用的使用步骤,你错了。你只有仅仅的几秒:把你最好的一面展示出来,并且让你的用户尽快上钩,才能使利益最大化。 


      截图可以展现的信息点

      几个优秀的应用截图例子。

      主屏幕和应用主要做的事情

      最普遍的截图是“应用主要做的事情”。一般它表明了应用的主界面,并且加入一些可理解的内容,这样用户能评估是否与需求匹配。

      Spring提供了导航界面的截图,完美地展示了应用干净简介的设计。Homework应用则展示了它最主要页面的概览,来告诉你下载应用后能得到什么。Threes则很简单,直接给出了应用的真实主界面截图。没有额外的文字,没有干扰。刚好这个应用的设计也很棒,并且还因此得了奖。

      重要的建议:

  • 让它尽可能清晰、一目了然。

  • 突出应用的核心目标。 

      特点概览和应用包含的内容

      其他的有趣的应用截图会展示应用是如何创建和工作的。包括菜单概览或者额外的特点来帮助用户决定下载应用。然而你必须保证截图是容易理解的。

      苹果公司的Healthbook应用使用菜单概览的图,强调了菜单中的选项,同时页展示了设计。

      PressViewer则用另外一种方式来诠释了总览。并不是将所有的特点打包进一张图片里,而是使用了5格循序渐进地展示了应用的功能。


      重要的建议:

  • 最好不要把这样的应用截图放在第一张

  • 你可以在这里充分使用你的设计技能。让这些图帮助你的应用与其他应用区分开来。 

      应用操作和应用如何用

      如果你的应用操作与传统应用的点击和滚动不同,不要害怕表现出来。下面是一些有趣的方式来展示应用操作。

      Inbox by Google就是一个很机灵的应用。通过左滑或右滑你可以标记某封邮件是已读还是延后。Currency则使用拖拽的操作来增添趣味性。同时左滑可以清除之前输入的数字。


      Swype则告诉用户如何通过在键盘上滑动来创建单词,而不是单纯的点击。


      重要的建议:

  • 创造力是关键。找到一个方式来激起用户的兴趣,让他们想要尝试。

  • 在应用截图上加上有意识的操作动作

      额外的文字描述

      随着时间的推移,应用截图已有一个明显的趋势:不再仅仅使用可用空间来展示界面截图,而是把截图缩小以预留空间来添加额外的描述文本。

      Asana简明地描述了应用截图表达了什么。TeamStuff则使用额外的文本,并创意地改变了文本的位置,不是惯常地放在顶部的两行文字形式,而是放在了右下角。


      重要的建议:

  • 这是最佳实践之一,不要遗漏。

  • 小心不要做过头了。两行文本就足够满足你的场景了。

  • 保证文本可读性。 

      加入媒体评论和赞扬

      如果你的应用非常出色,并得到赞誉,不用害羞去吹嘘它。将奖励图标加入你的截图中,会增加可信度,促进用户决策进程。

      Good.co强调了App的四个主要功能,并且附上了几个主流媒体的评价以增加用户信任和兴趣。SkyView Free则在截图中加入了所获的奖项。

      重要的建议:

  • 注意不要让这些评价和奖项堆满你的截图。

  • 只使用真实的评价。你不会希望应用被塑造成一个错误的形象。 

      

      理解设计的作用

      应用截图很大程度依赖应用的设计。你应该使用相同的字体,颜色和样式,在截图中可以适当对应用稍作美化。

      字体,颜色和样式

      当你决定在应用截图上加上一行或两行文字时,选择应用中的字体。这样会形成整体一致的印象。同样的,应用的缩略图,应选择跟应用设计相配的颜色主题。你并不需要保证所有的截图颜色都一样,所以可以为每一张截图选择恰当的颜色。但保持主题颜色和样式一致。如果你的应用可玩性很高,那么也将截图做得有趣些。如果你的应用很间接,那么你的截图也应该同样简洁。

      Pocket在应用和描述文字中都使用了童颜的字体。Aconex使用额外的文字(具创意性的排版)来描述这个应用可以做什么和提供什么。开发者们可以有额外的空间来传达应用的目标。字体选择的是手写体,与应用中的并不相同,但和应用的主题风格很搭配。 


      Trim & Tone的设计很独特,开发者对手机截图进行了倾斜处理而不是直立的。颜色主题和风格也融入了截图中。SnipSnap则直接使用了应用里的绿色。


      DiscoFingers支持多个国家,因此在不同国家的应用商店均会显示。所有的应用商店都允许你为不同的语言和国家创建不同的应用截图—这是一种非常简单高效的方式来打造个性化的用户体验。


      重要的建议:

不论你使用纯色还是模糊线条,确保他们不会与你的应用截图和想要传达的信息对立。

  • 使用颜色调色板,可以发现更多你可能都没想到的有趣颜色。

  • 少即是多。记住,你需要向浏览者展示应用真正使用时的样子。

  • 不要忘记了定制化:创造符合用户国籍,文化,语言等等的截图。 

      展示操作

      另外一种逐渐流行起来的趋势是展示应用如何使用。使用这种方式会让应用看起来更真实。

      Paper运用了新的交互特性而惊艳了世界:当倾斜应用,图片看起来好像也跟着移动了,给浏览者更广的视角;应用同样也提供卡片模式,你可以从你的作品集中通过拖拽来添加或删除主题。Peek Calendar则强调了应用操作选项,展示了如何显示一天中所有的任务,或者收起某天以显示一周的工作量概览,而这些操作非常简单方便。Cycloramic展示了它是怎样使iPhone沿Y轴旋转时拍摄一张全景照片。

      重要的建议:

  • 保持简单和易懂。

  • 让它有趣点!使用你的创意和设计能力向用户展示你的应用做的很棒的地方。

      一个成功的应用主页由很多因素决定—往往还是应用本身。互联网是一个变化很快的领域,并且需要不断地更新迭代以适应环境变化。重新设计你的应用是必要的一步。大多数开发者选择在Google和苹果公司推出新的系统迭代需求时,来重新设计他们的应用。

      当创建你的应用截图时,你应当选择上述的一到两条准则,并在所有的截图中应用。也应该注意不要把你的设计塞得太满。

      

      测试驱动设计

      为了检验你的设计是否真的击中了用户的点,需要做测试并查看设计方案的表现。经常去你的iTunes,Google Play或Windows Phone Market开发者控制台看看,并且密切关注用户反馈。如果你有粉丝可以获取反馈,可以向他们发放调查问卷。你可以通过 Typeform 来创建优美的问卷,以了解用户对你的设计到底是怎么看的。不要忘记对提交答案的用户给予奖励。

      

      总结

      上文提到,决定应用下载量的两个重要因素是应用截图和评分。这边文章详述了应用截图的设计。

      你已经了解了为什么截图设计很重要;也理解了如何选择最有用的截图。你也了解了一些已有的案例,这些案例通过视觉表现,很好地使用屏幕截图传达了信息并获得了巨大的成功。

      总结一下,这篇文章的主要核心是:

  • 使用所有的屏幕截图空位,并放上你认为最重要的截图。

  • 遵循清晰的设计规范并且在几秒内帮助你的用户理解你的应用。

      应用的成功不仅仅依赖于它的外观看起来如何:应用必须能解决某人的问题或者加强现有的某种体验。但是考虑到外观和视觉线索对人们的吸引力,花些心思在应用截图上不会错。 


【End】



评论
热度(5)

© DaisyWithCat | Powered by LOFTER