哪些手机客户端app下载 app 有精彩的新手引导设计

对于设计师而言模式库是激发靈感和获取指导的好资源。但是通用的模式不总是最好的解决方案。本文我们将关注为什么通用的教程模式不起作用,以及如何利用遊戏设计规则去提高用户的参与度

在《手机设计模式库》第一版发行之后,财捷集团(Intuit)邀请我与他们的手机团队交流分享当时,我高度评价了可以跨行业(时尚、建筑、软件和其他)使用的设计模式还阐述了如何使用它们来指导设计。

在我的演讲结束后财捷集团(Intuit)的高级用户研究主管Alissa Briggs分享了Snap Payroll的一个案例研究。令我惊讶的是她说他们尝试了我书中提到的每种邀请模式(对话框、功能概述、分步解读和透明层注释),但结果显示它们都不能有效地吸引用户用户对于这些额外的帮助界面感觉很困惑,甚至沮丧

(对话框、功能概述、透明层注释和分步解读)

不久之后,我和RetailMeNot团队一起测试了它的iOS和安卓平台app的教程设计这个产品团队想让用户清楚地认识到这款app的用途、能够找到关键操作的入口(给喜欢的商店点赞、收藏优惠券等等)。

当时我们认为一个简短的分步解读(3步)或者一个视频演示或許会起作用。一些决策层很喜欢这个想法所以我们就尝试了一下。但是测试结果表明,这些设计并没有提高用户参与的积极性只是使他们产生困扰。

一个被测试者说道:“我只是想进入并开始探索这个app而已”

总而言之,测试显示用户会跳过或者忽略对话框、分步解讀、视频演示和透明层解读最好的反馈是给一些用户带来了小不便,最差的反馈是明显地干扰了那些企图进入应用的新手用户

测试用嘚一些教程设计方案,来自RetailMeNot(透明层注释、视频演示、分步解读)

为什么这些模式都不起作用

为什么这些模式都不起作用呢?我开始转姠游戏设计领域寻求答案游戏设计师们都知道不能将新手玩家直接扔到交火中,他们不会享受这种经历因为,如果不了解如何使用武器反击绝大多数玩家将会死掉。

在游戏设计中诱导用户深度参与的方法会非常有效。这些方法对于手机app同样适用尽管在你的app里,赌紸不是虚拟的生存或死亡但用户不知道怎么做或者做些什么时,会一样感到挫败当很多用户都遭遇这种经历时,你的app也就玩完了

在初次参与游戏时,Portal提供了一个安全的环境让玩家们识别出各种机关

Extra Credits的在线视频系列从内行人的角度审视着游戏世界的各个方面。教程101是┅个令人叫绝的视频值得每一个app设计师去好好观看。(请忽略视频中恼人的花栗鼠配音视频本身还是值得好好研究的。)

教程101勾画出叻一些基本的规则它们能够帮助人们有效地开始游戏。这些规则可以延伸到手机app设计中:

}

众所周知用户引导在手机app的使鼡过程中是十分常见的,也是必不可少的旨在降低用户的学习成本,快速了解和上手产品或者是新增功能避免用户使用过程中的迷茫,减少犯错率是提升产品整体愉快体验的必要手段。

下面就跟随25学堂小编一起来学习下9种手机APP用户引导界面设计

闪屏引导页主要目的昰向用户展示产品新功能的操作方法。关于闪屏设计的文章25学堂也分享了很多,比如和

所以闪屏是我们最常见,也是每一篇APP必不可少嘚用户引导界面

2、新手引导 设计(含页面遮罩+提示)

顾名思义就是教新用户如何使用产品,用户打开应用是为了达到某个目的而不是为了婲时间学习怎样使用,新手引导的作用就是短时间内让用户快速上手产品或者是新增功能目的是节约用户的时间,减少犯错率

但是我現在发现这类的引导有一个现象就是整页一次性展示出全部提示或是文字,每次看到这种引导页的感觉就是害怕这么多内容竟然要我一個个都记住,然而短期记忆又容易遗忘越想记住可能就会忘记的越快,会给我造成负担相信你们也会有同样的感受。

(下图就是一些反唎) 所以在设计这类引导的时候建议一定要突出重点功能文字要精简;或者是能够采用分步引导,寻找恰当的时机比如正好使用到某个功能,再出现引导这样会更好一点。分步引导切忌过多不然一次次的点击只会让用户感到厌烦。

这类引导旨在希望用户完成产品希望伱完成的某种指定的操作比如完善个人资料、身份认证、充值会员、点击收藏/关注…这类操作都不是强制用户完成,但是可能设计的会讓人很有欲望的去完成操作有一些app会采用FAB按钮,放置一些核心功能又或者是让用户产生粘性的功能,比如氧气的签到功能方便用户詓使用;

还有一些是在页面上出现动图进行引导的情况,一般常见于电商或者视频类app中这种会更直观,比如下图中支付宝-口碑页面的签箌icon一直在闪烁;蘑菇街首页的动图一直也在闪…这类例子很多特点都是特别显眼,很有想去一探究竟的冲动

 这类引导是指比较隐蔽性嘚功能层面,不会有确切的指引而是触及到某个点而出现的引导类型,例如:在支付宝聊天窗口输入数字会出现给对方转账的引导;茬应用中进行截图会引导分享至微信/微博等;或是截图后的一段时间内,在微信聊天页面打开右下角加号按钮会自动出现刚出现的截图方便发送…

这类引导方式比较常见,一般是悬浮在页面上几秒钟后就会自动消失。

颜色选取上最好要跟页面颜色区分开来比如用略带透明度的红色、黑色等,也要有比较明确的箭头指示它可以出现在页面任意位置,也可以带有上下浮动效果让人很有点击对象查看的欲望,点击页面其他位置就会自动消失所以对话式引导目的性比较明确。

这类引导会打断用户使用产品对用户的打扰最大,当然也会讓用户最重视组合方式:黑色遮罩(60%-80% #000000)+文字/插图+触发button(+关闭button)。

该类引导需要用户做出选择后才会被关闭有纯文字说明类,例如退出登录、错誤提示弹框…;也有伴有图片类比如首页领券等,还可能伴有动效就会显得不那么单调,有趣味性容易接受。

局部引导一般会在页媔顶部出现也会有嵌入页面某一地方的情况,通常会用作警示作用比如消息提醒未打开,网络异常等等通常的组合是:文字+伴有红銫、黄色等警示类色块(+关闭button),足以引起用户的重视

全局引导就比较好理解了,就是整个页面都是引导提示属于主动型引导。

最常见的僦是为空页面:文字提示+插图占位符+跳转button点击button会进入某个页面,要避免出现下面第三个整页空白的情况不然用户会觉得卡住了或是出現了bug。

关于APP空页面的设计干货如下

a.小红点/数字+红点

常见的就是未读消息相信很多强迫症患者都会有把小红点点掉的冲动,我就是重度強迫症患者每次看见必须点掉,这就是利用了用户的这一心理作用来达到查看产品类似促销等信息的目的;

经常看见应用里的某个模塊有促销活动就会出现这类引导,一般会伴有红点使用相信大家已经见怪不怪了;

样式是toast类型,但是用作引导例如下拉刷新后,出现提示刷新数据点击进行查看内容。

小结:引导的使用要根据场景进行合理选择合理、有趣味的引导设计,会给产品加分增强用户探索新功能的欲望,当然初衷都是为了方便用户的使用,合适的时机出现合适的引导切忌乱用,否则只会适得其反

以上就是最值得我們去学习的9种手机APP用户引导界面设计。谢谢鉴赏也感谢原作者Eason张UED的整理和分享。有兴趣的可以关注Eason张UED的微信公众号

}

我要回帖

更多关于 app安装下载 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信