引导页设计是APP的灵魂

发布时间:2017-11-08编辑发布:迪麦互动

随着互联网行业的不断进步发展,一款互联网新产品的上线不但要在UI设计界面上做到美观,更重要的是给用户提供最好的体验。就拿APP来说,第一印象起始于引导页,引导页就像一个导游,它可以快速的向用户介绍APP本身,或是对APP操作进行讲解,让用户第一次操作产品产生归属感,不会因为陌生而后退、沮丧,节省用户摸索的时间,提升用户体验。

引导页设计的功能

介绍问候:自我介绍、问候用户。精、简、短,有时候可以是一个吉祥物或是字符向用户问候或介绍,过多反而会分散用户的注意力。

传递信息:短时间内让用户能从引导页获取有价值的信息,这一点很重要也很难表示,优秀的引导页设计让用户浏览后对这款APP有核心功能有大致的了解,此外引导页要起到操作说明书的作用,告诉用户如何快速上手操作,这会降低用户首次使用时的学习负担。但时间有限,一定要做一个优先等级的筛选。

共同参与:用户与产品建立相互的了解。在用户中心建立对产品的一个高期望值,而这高期望值会抵消首次使用时可能出现的负面情绪,保障用户不会在短时间内把你卸载。另外出彩的引导页会极大的提升新用户对于产品的好感,人类毕竟都是视觉动物。

如何做好引导页设计?

文字

文字是引导页设计的精华,提炼长句中的重要信息,文字要足够的简明扼要,降低阅读时间的同时提升阅读质量。短、精、明是对引导页文案的要求。

图片

与文字相对,用户对图片的感知效果更直接。无论手绘还得拍摄照片都充分传递了功能信息,都说“有图有真相”大概就是这么个意思。

动画

虽然用户对引导页不会给予过多的注意力,但是这并不意味着我们可以降低对引导页的视觉审美要求。引导页也要做的足够用心,要好看并且有吸引力。动画的应用可以给界面注入生命力,增加界面活力。有趣的动画可以很好的娱乐用户,这会提升他们对这款App的期望值。引导页中有些信息是比较重要的,采用动画我们可以将用户的注意力吸引过来。但是动画另一方面意味着更多的加载负担,更长的等待时间。所以对于动画的应用,设计师应该和开发进行深入的沟通务必达到最优的实现效果。

 

还有些需要特别说明的:

1、如果非要做或不得不做,引导页做的越少越好。能一页搞定就不要再多,最多也不要超过5页。过多的页数用户根本不可能看。

2、引导页的图片要干净利索,主题突出。凡是对突出主题没用的元素就减减减、删删删。

3、引导页一次最好只说一个功能,从不同侧面引导用户,加深用户印象。什么都说等于什么都没说。

4、当然跳过选项是否给用户预留,需要慎重考虑,不是每一个用户都愿意看那些引导图。

以下是案例欣赏,无论从UI设计还是用户体验上都值得学习的:

这个旅游app的引导界面设计在相同的圆形中插入了不同的山体,或者其他风景,一切相映成趣。设计师Anggit Yuniar Pradito映在他的引导页面设计中加入了多个不同的元素进行组合。

界面设计中的布局,梯度,插图和色彩的运用都是相当惊人的。底部橙色CTA按钮在蓝色的背景中看起来有点奇怪,但是却相当独特,引人注目。一个不错的设计来自 Murat Gursoy。

我们终于看到了电子商务这一块的引导界面设计,事实上,这个行业最需要这种设计。这个设计来自Katya Dihich,旨在提供购物过程中需要的帮助。

最后,在这个内容为王的年代,不管是引导页(启动页)设计都尽可能不要给APP产品带来障碍,用户真正关心的是页面中的内容。

本文由UI设计界面设计终端界面设计公司迪麦互动整理编辑


分享至: