手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >怎么设计受欢迎的引导页?
怎么设计受欢迎的引导页?
摘要:今天微博的@Jason-yangsong同学分享了他的处女作,虽然是第一次总结,但文章很有看点,以常用的引导页作为切入点,结合引导页目的与设...

 今天微博的@Jason-yangsong 同学分享了他的处女作,虽然是第一次总结,但文章很有看点,以常用的引导页作为切入点,结合引导页目的与设计原则,帮设计师深入到用户体验层面思考引导页的设计,实例与理论兼备,特别值得借鉴哟。

怎么设计受欢迎的引导页?1

一、用户引导的作用

移动应用在新用户注册以及新版本发布的时候都会使用用户引导,那用户引导的作用是什么呢?

可以从两方面来进行探讨:一方面从产品的角度出发,产品需要通过用户引导来突出产品的新功能和特性,说明功能结构变化,避免产品的陌生感,满足产品的需求。例如花瓣,通过图中的用户引导说明产品各模块的功能,并鼓励用户去探索,建立产品与用户间的互动,拉近了用户与产品间的距离。

怎么设计受欢迎的引导页?2

另一方面从用户的角度出发,用户需要通过用户引导了解产品的功能以及如何操作,迅速上手这个产品,降低学习成本,满足用户的需求。例如paper,通过图中的用户引导形式告诉用户可以通过手势进行操作,从而实现与产品的交互,建立用户的使用认知,让用户知道如何去操作,用户很快上手这个产品。

怎么设计受欢迎的引导页?3

二、用户引导的设计原则

1. 保证用户引导的有效性

保证用户引导发挥自身的作用,突出产品的功能,帮助用户更好的使用产品。这是用户引导设计的第一原则,用户引导是对产品内容以及形式的辅助说明,如果不能保证用户引导发挥作用,那用户引导不但失去了意义,反而会影响了用户体验。

2 根据使用场景触发相应的用户引导

用户在使用产品的时候都是有一定的使用场景的,根据用户的使用场景触发相应的用户引导,保证在用户需要的时候弹出引导是最符合用户体验的,也是用户最愿意接受的时候。这样引导既不会特别突兀,弄的用户不知所措,又能在相应的场景下帮助用户。例如Facebook开启定位的引导,但用户需要发送当前位置的时候,应用会弹出图中的引导形式,告诉用户开启定位的作用,用户在这种使用场景下会很乐意开启定位,从而提高了开启定位的转换率,又不会觉得这个引导影响了自己的体验。

怎么设计受欢迎的引导页?4

3. 减少对用户体验的干扰,尽可能去提升用户体验

用户引导在用户使用产品过程中的弹出是用户意想不到的,很有可能就打扰了用户使用产品的流畅性,破坏了用户体验。因为这是用户没有预期突然出现的东西,在一定程度上会有一定的惊慌失措感,但是好的用户引导出现在用户需要的时候,反而会起到雪中送炭,提升用户体验的作用。就好比用户在无助的时候,旁人对用户一句有益的提醒,反而感动了用户。比如Google搜索中,在用户进行拖动操作的时候,顶部的状态栏变成了一句温馨的提示,非但不打扰用户,反而有一定帮助,用户会觉得很贴心。

怎么设计受欢迎的引导页?5

三、用户引导规范的制定

每个移动应用都有一套自己的用户引导规范,在制定用户引导规范的时候,不要一味的钻到用户引导的设计里面。研究各种竞品,借鉴各种用户引导样式,这本身无可厚非,但注意用户引导的样式要适合自己的产品。都说paper的引导做的好,是因为paper主要的交互形式是手势操作,所以这种用户引导形式很适合paper,但移植到别的产品上就不一定合适了。

用户引导规范的指定可以按照不同的形式进行指定,一种是从用户引导的样式角度出发,把产品涉及到的各种用户引导样式一一罗列出来,并说明每种引导样式的适用范围、触发机制以及消除机制等。这种形式的优点是各种引导样式结构清晰,一目了然。

另一种形式是从产品功能的角度出发,由于产品每个功能的重要程度和优先级不同,对应的需要突出强调的程度也不一样,所以将用户引导样式分为强中弱三大类,对于产品主要功能,优先级很高的采用强引导样式,对于次要功能,优先级稍差的采用适中的引导样式,对于辅助功能,优先级最低的采用弱的引导样式。同时强中弱三大类里面又分别包括几种引导样式。这种形式的优点是从产品角度出发,根据功能的重要程度的优先级选择对应的引导样式,方便快捷。

四、总结

移动应用的用户引导设计要保证引导的有效性,根据使用场景进行设计,减少引导对用户的干扰。切记用户引导的作用,选择最合适自身产品的引导形式,让用户引导更好的拉近产品与用户间的距离。

【怎么设计受欢迎的引导页?】相关文章:

如何让绿色成为网页设计中的亮点?

游戏设计师需知的10个用户真相

设计网站需要思考的5个目标

怎样设计高大上的纹理背景

在App设计中怎样优雅的运用字体

20款激励人心的设计语录海报

界面设计中的那些版式-图版篇

台湾设计师我们的UI到底怎么了?

16个精美的创业公司网站设计欣赏

IOS7 UI设计的十大准则

精品推荐
分类导航