美文网首页产品交互设计@产品
新手引导设计,这样改善太棒了!

新手引导设计,这样改善太棒了!

作者: 阁主的叨叨 | 来源:发表于2017-06-12 22:16 被阅读887次

    新手引导,又可称为新手帮助。对于新手引导使用最多的就是电子游戏行业,特别是国内的网络游戏行业,作用就是将规则以简单易懂的方式,在较短的时间内传达给娱乐活动的参与个体。主要形式有图片、文字、音效、视频、互动操作。

    今天想用5W1H的方法来分析下新手引导页面的设计。5W+1H:是对选定的项目、工序或操作,从原因(何因Why)、对象(何事What)、地点(何地Where)、时间(何时When)、人员(何人Who)、方法(何法How)等六个方面提出问题进行思考,串起来将就是何人在是何时何地因为什么原因做了何事,是怎样做的。

    发现在分析问题的时候,5W1H它能帮助自己理清头绪。如果不知道从哪里入手就将这些因素罗列出来一个个进行分析。

    一般情况下,在APP主功能设计完成之后,我们会花很一些精力去做新手引导,一方面是将APP的功能介绍给用户,另一方面是想教会用户使用APP或者展示出某些功能的入口等。在工作中听到一位资深的开发人员说到一句话深感赞同,就是,最好的APP设计就是不需要新手引导。也许这种说法偏了极端了一点,很少有人能在自己没有多少经验的前提下就做到这样完美,所以合适的新手引导还是有它存在的必要。

    不得不承认在现在市面上各种新手引导中,除了极个别的能让自己停下来逗留一会,自己的第一反应不是好好看它,二是马上、快速、厌烦地跳过或者叉掉,更多的是觉得多此一举。而那些极个别的当然也有它的能跳出来的特点,待会一一细讲。

    新手引导的常见做法

    1.黑色蒙版overlay在app最顶端,highlignt出来视线集中的地方,用白色的字进行标注和解释。

    2.一小卡片的方式进行简单的提示,这个程度上比第一种要亲切,让用户接触到真实的APP的界面更多。

    3.在合适的时候弹出的popup(弹窗)。

    WechatIMG33.jpg

    以上三种做法是最常见的新手引导,效果是有的,但咱们在此基础上如果能改善一些,效果会更好~

    改善方法:还是从5W1H的原则出发,一个个点进行击破。

    1.何人Who。在设计的时候经常听到一句话叫做“从用户出发”。首先我们需要分清楚用户是哪些人,是一类人还是多类人。一类人的话就开始分析这些人有什么特点,能接受什么样的APP设计风格,多类用户的话怎样进行分类。

    最常见的多类用户就是个人与团队,VIP与非VIP的身份不同。用户群分开之后,针对性就更强。咱们在这一点需要讨论的是,要有这个分类的步骤,如下图。

    2.何时When。需要的时候才进行引导,不在不恰当的时候给用户添麻烦,也不完全不吭声进行隐藏。

    比方说,咱们在用某宝进行购物的时候,选东西和找东西是一个步骤,期间花费的时间可能是几分钟,几小时,甚至是几天,而填写收货地址又是另一个任务,倘若一股脑在APP打开的瞬间全部抛来,用户没有精力看,就算看了也记不住,还会引起反感。可当用户在选完商品之后填写收货地址时,这个时候再进行引导,不仅新手引导起了作用帮助用户完成任务,同时也能让用户感到贴心,增加用户对产品的好感。

    同一件事,在不同的时间去做会产生两种完全不同的效果,重点在于,在当时的场景下,用户真正需要的是什么,跟谈恋爱是不是也是一个道理?

    3.何地Where。APP的新手引导除了首次打开APP,以及上一条所说在合适的需要的原则下,还有地方可以利用就是空状态。空状态的情况下,也可以给予用户提示去做一些任务,满足用户的需求。如下图。

    4.何因Why。解释清楚为什么要做这一步,这一步可以为用户带来什么样的好处,而不是给企业或者APP本身带来什么样的好。文字进行简洁,控制在一句话之内。如下图。

    5.何事What。即用户所要做的事情,在前面几条都铺垫完全之后,用户就会更满意地进行这个操作了。

    6.何法How。除了使用图片加步骤的引导之外,方法可以朝其他方面进行扩展。比方说弄个小型的常驻机器人或者客服窗口,进行问题回答,需要的时候再用;用趣味性的游戏的引导方式,让用户做旅客地图;或者用潮流的酷炫的视频进行引导等等。

    解决问题的方式有很多种,5W1H只是比较常见的其中一种。在工作中,怕的不是问题如何艰巨,怕的是自己没有理清楚思绪,不知道如何下手,像这样用拆分的法则将问题进行拆分,进行一个个地解答,未尝不是一种好的思路。希望有一天,能设计出不需要新手引导的APP望共勉

    敬请期待下篇更新landing page的设计方法~

    其它文章
    《设计背后的思维能力》

    相关文章

      网友评论

        本文标题:新手引导设计,这样改善太棒了!

        本文链接:https://www.haomeiwen.com/subject/uqdrqxtx.html