在手机产品的设计:引导用户帮助用户快速熟悉产品(2)

http://www.itjxue.com  2015-08-07 21:05  来源:未知  点击次数: 

三、操作引导类

操作引导类的用户引导方式被大量应用与游戏和SNS产品中,如果是设置项很多的复杂产品,也必须有合理的操作引导。操作引导分为强制性的和非强制性的。强制性的主要是注册、验证、激活相关流程,不满足条件无法满足安全性;非强制性的则多是鼓励填写完善的资料或者鼓励完成某个任务的,这类引导最好给予一定的激励,如积分、徽章、等级等等,至少要有一个“恭喜你,成功了”之类的心里满足暗示。具体案例见下图:

With 手机产品设计之用户引导

从左到右依次是Albumphoto、Gowalla和With。

Albumphoto引导新用户新建一个相册;Gowalla引导新用户创建一个签到信息并分享图片给好友;With引导用户绑定Twitter账号用以分享照片。如果是复杂的任务流程,每一步都要给新用户讲清楚,这一步处于哪一个环节,该怎么操作,有什么作用。

操作引导需要一定的操作激发,在一定的时机出现,有一定的重复频率,并定义一定的引导样式。

qq 手机产品设计之用户引导

使用场景:

引导用户执行操作、引导用户登录注册绑定账号、引导用户完善资料、引导用户导入关系、引导用户分享应用给好友等等

缺点:

有时候有点过于强势的嫌疑,用户不一定真的需要这种程度的引导,不如只有一个聚光灯聚焦在重要操作上来的直接,否则所有的App都像游戏客户端发展了。

设计指南:

  • 可以引导用户执行主要操作
  • 不要强迫用户执行操作
  • 如果任务是多步骤要关注每一步的设计
  • 主要功能可以在设计上区别于其他

 

四、操作示意型

操作示意型新手引导,往往是采用一段简单的动画,或是把功能显示出来,然后在平滑的移动到屏幕外边;或是把可点击的按钮做一个点击后的效果动画出来,或是把某些用户预期要执行的操作提前演示出来。我第一次见到不错的操作示意型新手引导是在Nokia N900上,Maemo操作系统,用一个小亮点模拟手指点击在一个操作按钮上的效果。

naver bump weibo 手机产品设计之用户引导

 

上图从左到右依次是Naver、Bump和新浪微博。

Naver的搜索类型切换是下拉搜索框就会出现的,首次启动的时候,搜索框处于下拉状态,提醒用户下拉就可以看到这些功能,然后自动隐藏;Bump则是在起始界面上,用动画的形式告知用户,碰一碰手机就可以传输数据了;而新浪微博在首次加载数据的时候,会给出一个手势+下拉的引导,告知用户下拉就可以刷新数据了。

这些示意,用轻松浅显的手法,就传达给用户新鲜的功能好趣味的用法,比生硬的文字或者不合时宜的弹层都来得体贴,鼓励设计师多多尝试这种方式。

使用场景:

复杂或重要操作的动画告知

劣势:

设计实现麻烦,成本略高

设计指南:

  • 注意动画持续的时间和出现的时机
  • 多用来说明隐藏操作或功能
  • 不要影响主要任务流程

(责任编辑:IT教学网)

更多