如何让APP引导页不再是无用小透明(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:腾讯ISUX   作者:里奥

关键词

这一块是最能体现情感化特点的地方,主题风格的渲染也能带动用户情感共鸣,这一块决定了页面能否在感觉上吸引用户。根据party的主题,要突出的是集体感以及欢快的氛围,在发起页面我们做成拍班级集体照一样“排排站”的效果,凸显同学会的感觉;在接受页,我们则是做成有种开欢迎party的感觉,,欢迎同学的加入,整体营造欢快感,小人和发起页呼应,产生联系。发起页在来电应用发起,所以和颜色和来电app融合些,而接受页则用来电自身品牌色为主体来突出品牌感。设计过程中的草图如下:

如何让APP引导页不再是无用小透明

操作

最后是操作,在这组引导里面,操作的作用很关键,特别是在发起页。发起页里面的操作部分会直接影响到接收页的被信任度,因此这里需要填写学校班级信息的文案引导用户填写真实信息,这些真实信息会作为接收页的文案显示,关系到用户看到这个页面(接收页)会不会接受邀请;而接收页的操作则是以“我要加入”给予用户代入感,刺激用户点击欲望,增加参与率。

通过上面几个层面的考虑打磨,我们不断的比较和考虑,从颜色、字体、元素等等对每一个细节都斟酌一轮并调整优化,才有最终的输出,如下。这就是这个案例的流程和思考。

如何让APP引导页不再是无用小透明

感想与小结

这一段时间,我除了运营和基础之外,引导相关的设计还是做了不少的。虽然来电上线一段时间了,但一直在不断得摸索前行,这其中碰撞出不少火花,也有不少新的东西出现,也因此使得来电不少的地方需要引导。先不讨论引导的实用与否,但就从设计的角度而言,每个细节都应力求做到最好,并让用户可以感受到。通过这段时间的工作,在做引导相关设计的时候,有些小经验和感触,和大家分享一下:

1. 要清楚确定产品的要求和引导的目的

引导的类型虽然不少,但是针对不同的产品要求和引导目的,选用的引导类型也不一样,因此一定要清楚产品的需要,是为了展示产品、让用户学习操作、还是为了推广,只有清晰的方向才能选择最合适的方式和风格去进行引导,产品方向的多变容易让产品的引导变得不一致,不利于固化整个产品的具体印象,影响品牌化。

2. 要多观察生活的每个细节

能够打动用户的设计一定是和生活、和身边的人事物相关的,因为相关,所以才不突兀。好的引导是怎样的,在前面已经细说,但起说到底,它的核心还是做到自然。这个自然是通过它符合人对事物的常识理解、符合生活经历、符合内心感受等共同作用的,因此,设计师需要对生活有敏感的洞察。

3. 文案!文案!文案!

重要的事情说三次。在不少的文章中都已经强调了文案的重要性,而在引导中,文案更是直接作用于用户的操作和对整个产品的理解,对此,引导的文案一定要多打磨,好的文案可以省去不少事情。

4. 能不用引导的话就不用引导

虽然我认为引导图是有存在必要的,但是若一个app内引导太多的话,用户会对整个产品的体验有质疑,另一方面也打击用户使用产品的积极性,物极必反。所以若非是新功能上线,大版本更改以及必要的缺省页引导,能不做引导的话就不做。

好的app都是能够善用引导这一块利器,为用户服务之余更是把品牌和产品的气质传达给用户,来电在这一块也在不断得思考,一方面保持自己的特点,另一方面也在学习并弥补自己的不足,更加得完善自身让用户有更好的体验。

 收藏