如何设计优秀的App引导页

2014-10-22    蓝蓝

app的引导页面是一个app的门面,给用户的第一感觉。所以一个app的引导页面的设计非常重要。

本系列是写给新手开发者的UI/UX指南,帮助开发者提供一些基本的UX信息。本文主要通过实例分析哪些是优秀的app引导页面,哪些是糟糕的用户引导页面。

糟糕的引导页面

开发者可使用引导页来说明应用的使用方法和特性,但不少应用并没有正确使用这一功能。

Life360的用户引导页

用户引导页除了可以教用户怎么使用应用程序外,也能在注册之前告诉用户这是一款什么样的应用。但是看看下边这个引导页,你还想知道它是一款什么应用吗?我看到的是connective, seamless, peace of mind以及一群女性的图片。难道它是一个女性专用的app?仔细阅读屏幕上的文本描述,它会告诉一点关于app的信息,但是没有人喜欢去阅读小字号文本。

蓝蓝设计;UI设计

Memoir 的引导页

这个是Memoir,我在没有任何信息帮助的情况下打开了应用,结果是什么呢?仍然毫无头绪。在阅读了和图片相关的描述后,我对这款应用的理解仍不大清晰。我得返回到App Store查看截图才能理解。

蓝蓝设计;UI设计

(免费声明: 上述评论与应用程序本身功能无关,这两款产品其实是很受好评的。)

有效的引导页面

主要包括两点:构建情感体验,并告知用户何时使用应用程序。

1) 构建体验

专注于极简,并为产品赋予情感。

Human 的引导页面

成就!虽然我还不知道它如何工作,但我知道需要去注册一个账户。没有任何描述,没有动态的界面,没有花哨的设计,但Human成功地构建了app的情感体验,这正是我想要的。

蓝蓝设计;UI设计

2) 告诉用户何时使用应用程序

对于一款产品来说,最重要的时刻是用户再次打开的时候。

Everest 的引导页面

除了有一个华丽的app icon外,Everest还有着完美的介绍引导页面。

你什么时候会使用这款应用?当你在冒险的旅程中。谁会过多关心它是干嘛用的?当你徒步旅行时、骑行时、滑雪时、潜水时以及在飞机上时,无论如何你都想试试这款应用。

非常棒,你已经吸引用户下载了应用。但是更重要的是你如何吸引用户再次打开它。

蓝蓝设计;UI设计

PHHHOTO 的引导页面

你何时会打开这款应用?在你想捕捉美好快乐时光的时候。这是你首次打开应用时候看到的,我制作的这个画面有点“抽筋”,不过你可以下载体验一下,看看你的第一感觉。用户可以完全沉浸在这种非常酷的展示方式中,无需阅读任何内容或者与之进行交互。

蓝蓝设计;UI设计

预算有限/时间紧迫

以下是简单且比较成功的引导页面。

Beats Music 的引导页

还能更简单一点吗?非常的介绍页面。

蓝蓝设计;UI设计

TuneIn 的引导页

视频可能是最有效的引导方法。简单四个字+一小段视频剪辑,当然,TuneIn也有与产品相关的图片。我可能不知道其他详细信息,但我从中感受到了music、radio以及live shows。

蓝蓝设计;UI设计

Pinterest

Pinterest使用了漂亮的动画来达到这种效果,但是你不一定非要这么做。Pinterest采用这种方法很地告诉用户何时使用产品。对美食感兴趣?喜欢收集?喜欢探索发现?那就用这款应用吧。

蓝蓝设计;UI设计

小结:

使用照片:在用户清楚是否想要使用你的产品前,没有人会喜欢读一大段文字。

使用文本:清楚应该何时使用文本。可借鉴其他优秀的示例,学习如何使用文本提升图片。换句话说,开发者并不希望用户阅读文本描述。

如果可以请使用视频:你可以使用一个视频来取代你用代码构建的动画。视频可能花费高一点,但不是必需的。

专注于如何让用户再次使用产品:告诉用户为什么他们需要再次使用应用程序,何时会再次使用以及在什么样的情景下使用等等。

分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档