恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
留住用户!杀手级的引导页设计须知
0.0°
2014-04-29 自译外文 经验/观点 原作者: vektordigital 举报 6728 47 11 1

好的,通过各种运营手段和推广,已经有不少用户下载了你的应用。这仅仅是第一步,而下一步,需要考虑的问题就是:当用户打开应用后,如何引导用户注册?如何让用户觉得这款应用富有吸引力?如何通过杀手级的设计让用户爱上这款应用?

 

好的引导页设计可以达成上述目标,提高转化率,而且能够打造优良的交互“初体验”

 

好的引导页意味着什么?我们不妨来看看一份调查,研究表明,22%的应用下载后,用户只用了一次,就再也没用过了。当用户下载完你的应用,他只需打开应用,把玩个几分钟(或许不到1分钟),就知道自己喜不喜欢这个应用了,这是我的亲身经验,想必大家也一样吧?“初体验”很重要,倘若第一次留下的印象都不好,又怎能指望以后表现优秀?所以,引导页设计是至关重要的。

 

如果你的应用引导页设计优异,能够流畅的引导用户,让用户快速上手产品,那么毫无疑问,用户会反复使用你的应用。



最近这几周,我研究了很多应用的引导页设计,现在我打算把我的研究心得分享出来。



用户对应用的第一次考验



最常见的引导页设计,就是分步骤的介绍应用,带领用户预览应用的基本功能,除此之外,引导页设计还有很多方法。比如“边介绍边教学”、“空状态设计”(参见《空状态的设计》)、“可交互Demo”等等。不管采用什么方法,引导页设计有4点是必须做到的,这样才有机会让潜在用户变为忠实用户。

1. 怎么用?



开门见山,直抒核心理念,直截了当的在最开始就告诉用户这款应用应该怎么用。而更多的愉悦感可以在细节中提供,让用户在使用过程中感受到快感。 

案例: Uber

 

 

 

________________________________________

Uber 的引导页设计非常简单:4步介绍了应用的使用方法,方便用户快速上手

________________________________________



2.  能干什么?



或者,不妨告诉用户应用能用来干什么,向用户展示应用的重要功能,但是引导页一定不能枯燥,要让用户感到有趣。

案例: Dropbox



 

 

 

________________________________________

“在线文件同步”这是一个非常实用的功能,但是用视觉表达起来可能会非常的枯燥。但是Dropbox采用了精良的动效,让应用充满了愉悦感,直接就能抓住用户。

________________________________________



3.  交互性演示



不要一味的告诉用户该怎么做,也可以让用户自己来试一试,通过交互式教学,让用户快速进入角色,这样用户就能快速的学会操作方式,理解应用功能。

案例: Weather Cube

 

 

 

 

________________________________________

如果你没用过这款应用,那么我建议你下来把玩一番。这是一款革命性的应用,屏幕的切换主要依赖手势。虽然很新颖,但是多亏了引导页设计——如果没有引导页的良好指引,估计很多用户无法习惯操作方式。

________________________________________



4. 充分整合社交网络



首先,注册填表很麻烦,哪怕是最简单地注册流程,用户也会感到厌烦。充分利用社交账号,让用户可以导入之前的数据,快速上手。更快速的定制化,更迅速的上手,同时也能更好地愉悦用户。

案例: Feedly

 

________________________________________

Feedly,一款新闻聚合应用,为用户提供了2种方式来快速上手:第一种是选择你感兴趣的新闻话题,添加到新闻列表中;第二种是通过社交账号来登录,顺带会整合你感兴趣的话题。

________________________________________



5.引导页之后:继续引导



引导页能够起到的引导作用还是有限,再用户完成初次使用后,还是要不间断的引导用户,比方说Linkedln,在注册完成后,还是会时常的询问用户一些问题,鼓励用户完善资料,同时了解更多功能。

而空状态设计又是另外一种方法了,通过空状态,鼓励用户。比方说“你还没有朋友,赶紧邀请你的朋友或结交几个吧”

案例: Todoist (left) & Drop (right)

 

 

 

 

 

 

你见过最好的引导页体验是什么?你认为什么对于引导页设计最重要?欢迎交换看法!

附加参考:

http://isux.tencent.com/user-guide-design-01.html

http://www.zhihu.com/question/20813376


更新:2014-04-29

收藏

47人已收藏

MartinRGB

http://www.MartinRGB.com

  • 234

    作品

  • 1.7w

    粉丝

  • 413

    关注

  • MartinRGB.com
  • Icon Freebie - Code
  • 实验系列II —— Music App For Tv/Pad
  • Private Trainer 引导页实现
相关标签
移动应用界面

    猜你喜欢

      2014-04-29 自译外文 经验/观点 原作者: vektordigital 举报 6728 47 11 1

      留住用户!杀手级的引导页设计须知

      0.0°

      你确定要举报留住用户!杀手级的引导页设计须知

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年04月29日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      47
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录