移动端UI:如何做一个更好的引导页

写完文章以后稍微有点晚了,发布以后就直接睡觉,醒来再检查语句通顺。

如果把APP比喻做商品的话,那么引导页无疑就是它的包装。在使用APP之前,引导页就直接决定了用户的初步印象。

我们每天都会接触APP,无论是新安装,还是升级版本后,点开APP引导页即可能出现。它吸引用户熟悉界面,了解功能用法以及提醒注意事项。由于这个引导页仅仅在APP第一次打开才会出现,所以对页面中的用户体验和信息展示就有着非常高的要求。

那么,来分析一下如何设计一套更友好的引导页面。

左还是右?

保留『SKIP』提示

这个按钮可以保证当用户希望尽快进入到首页的时候,可以直接跳转,提高用户体验。

清晰的文本样式

尽可能简约的表达所述内容,在文案内容稍多的情况下采用 标题/正文 样式,文本位置避开上部导航栏,并与图案留有足够的视觉空间。

这里有个争议的地方,就是有些开发者的想法是将引导页仅仅做一些吸引人的图片,并配一些短语形成广告,他们认为引导页不需要太过注重内容,因为它们仅仅过一遍就不会再出现了。

这点我存在不同的意见,首先,我们在引导页内容页面中是有『SKIP』的按钮的,如果用户特别熟悉APP特性的话,完全可以直接跳过。而且,既然选择安装并点开APP,则无需去再用引导页做广告来吸引用户,显得多此一举。那些愿意去阅读引导页的,肯定是初次接触的人群,他们希望能够多了解一些关于APP的概述。特别是当APP存在需要重点强调的功能,并且目标群体还是针对全年龄段时,这一点就更加重要。

吸引人

研究数据指出,引导页是用户最容易忽视的页面。所以,引导页设计的另一个基本要求就是:吸引人,吸引人,吸引人。它既不能像说明文档那样冗长,也不应该让人觉得无关紧要而跳过。所以UX设计师,还需要注意配合上好的文案,才能把引导页面做的更加完善易懂。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言: 引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助。在移动互联网的产品...
    镹壹阅读 5,637评论 0 12
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,104评论 25 709
  • 1 UI设计基础 1.1 为iOS而设计 1.1.1 iOS包含以下3条设计原则: 遵从,UI应该有助于人们理解内...
    Willry阅读 9,037评论 1 48
  • 前言 当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点...
    夏天的米茶阅读 9,889评论 0 3
  • 我们背靠背的躺着,都没有脱衣服 似乎是心照不宣的秘密 我戴上了帽子,把手藏在了衣服里 终于暖和了一些。瞧, 我们在...
    叮咚的你阅读 1,163评论 0 0