2014-10-22 蓝蓝设计的小编
app的引导页面是一个app的门面,给用户的第一感觉。所以一个app的引导页面的设计非常重要。
本系列是写给新手开发者的UI/UX指南,帮助开发者提供一些基本的UX信息。本文主要通过实例分析哪些是优秀的app引导页面,哪些是糟糕的用户引导页面。
糟糕的引导页面
开发者可使用引导页来说明应用的使用方法和特性,但不少应用并没有正确使用这一功能。
Life360的用户引导页
用户引导页除了可以教用户怎么使用应用程序外,也能在注册之前告诉用户这是一款什么样的应用。但是看看下边这个引导页,你还想知道它是一款什么应用吗?我看到的是connective, seamless, peace of mind以及一群女性的图片。难道它是一个女性专用的app?仔细阅读屏幕上的文本描述,它会告诉一点关于app的信息,但是没有人喜欢去阅读小字号文本。
Memoir 的引导页
这个是Memoir,我在没有任何信息帮助的情况下打开了应用,结果是什么呢?仍然毫无头绪。在阅读了和图片相关的描述后,我对这款应用的理解仍不大清晰。我得返回到App Store查看截图才能理解。
(免费声明: 上述评论与应用程序本身功能无关,这两款产品其实是很受好评的。)
有效的引导页面
主要包括两点:构建情感体验,并告知用户何时使用应用程序。
1) 构建体验
专注于极简,并为产品赋予情感。
Human 的引导页面
成就!虽然我还不知道它如何工作,但我知道需要去注册一个账户。没有任何描述,没有动态的界面,没有花哨的设计,但Human成功地构建了app的情感体验,这正是我想要的。
2) 告诉用户何时使用应用程序
对于一款产品来说,最重要的时刻是用户再次打开的时候。
Everest 的引导页面
除了有一个华丽的app icon外,Everest还有着完美的介绍引导页面。
你什么时候会使用这款应用?当你在冒险的旅程中。谁会过多关心它是干嘛用的?当你徒步旅行时、骑行时、滑雪时、潜水时以及在飞机上时,无论如何你都想试试这款应用。
非常棒,你已经吸引用户下载了应用。但是更重要的是你如何吸引用户再次打开它。
PHHHOTO 的引导页面
你何时会打开这款应用?在你想捕捉美好快乐时光的时候。这是你首次打开应用时候看到的,我制作的这个画面有点“抽筋”,不过你可以下载体验一下,看看你的第一感觉。用户可以完全沉浸在这种非常酷的展示方式中,无需阅读任何内容或者与之进行交互。
预算有限/时间紧迫
以下是简单且比较成功的引导页面。
Beats Music 的引导页
还能更简单一点吗?非常的介绍页面。
TuneIn 的引导页
视频可能是最有效的引导方法。简单四个字+一小段视频剪辑,当然,TuneIn也有与产品相关的图片。我可能不知道其他详细信息,但我从中感受到了music、radio以及live shows。
Pinterest使用了漂亮的动画来达到这种效果,但是你不一定非要这么做。Pinterest采用这种方法很地告诉用户何时使用产品。对美食感兴趣?喜欢收集?喜欢探索发现?那就用这款应用吧。
小结:
使用照片:在用户清楚是否想要使用你的产品前,没有人会喜欢读一大段文字。
使用文本:清楚应该何时使用文本。可借鉴其他优秀的示例,学习如何使用文本提升图片。换句话说,开发者并不希望用户阅读文本描述。
如果可以请使用视频:你可以使用一个视频来取代你用代码构建的动画。视频可能花费高一点,但不是必需的。
专注于如何让用户再次使用产品:告诉用户为什么他们需要再次使用应用程序,何时会再次使用以及在什么样的情景下使用等等。