当前位置: 首页 > 科技观察

如何让指导不再无用透明?

时间:2023-03-17 23:27:30 科技观察

用户在使用新应用的时候,经常会看到一些引导页面,但是在操作的时候,在透明的时候会快速滑过或者跳过。这时候大家肯定会有“这些指南很好,没用”的无力感,甚至有一种说法是“如果一个产品需要指南,就意味着这个产品缺少友好元素”,这似乎很有道理,但我认为这个不能一概而论,在很多APP中,除了引导用户操作和引导,也会影响用户对产品的第一印象好坏,只要引导设计得好,不仅会很可爱,还会玩对整个APP的体验起着巨大的作用!《来电》是一款基于语音通讯的应用,作为一款不断探索和创新的应用,需要引导的地方有很多,接下来我们将通过一些案例和结合来电引导,告诉你如何让别人看到你一个让人喜欢的好引导。现在随着硬件和系统的扩展,引导的种类和形式有了更多的表现空间。引导页面,默认guidance、视频引导、H5引导等都可以起到引导用户了解或使用新应用的作用。一方面,从产品的角度,产品希望用户能够轻松了解产品的特性,减少产品的陌生感;善意,保持它们可能更容易。但不管是什么形式的引导,好的引导都能让用户对产品有一定的了解,缩短用户与产品的联系。H5)分析,我们发现大家喜欢的app攻略有一些共性。经过总结和提炼,我们可以得到以下用户阅读后喜欢的原则:通俗易懂。无论是哪种类型的应用指南,其目的都是相同的。就是为了让用户更好的使用APP,就像贴心的管家或者朋友一样,介绍或者教你使用一个新的东西,降低认知和探索学习的门槛。但如果这位朋友说得太多太复杂,你可能记不住他说了什么;而如果这位朋友为了突出这个新事物的威力(自我推销指导)而将其描述为“深不可测”,那么很可能你会因为不了解而失去了解它的兴趣。简单不复杂的引导,通俗易懂的信息表达,可以让用户捕捉到我们想要传达的信息,更容易理解APP的功能或操作。比如下面这个案例:界面来自于Dropbox。Dropbox默认的引导是我最喜欢的Group引导,当用户第一次使用app时,在初始默认页面(空白页)上通过组合操作来引导用户,大大避免了进入时一片空白的尴尬感觉。而且,这组攻略的文案并不是生硬的功能说明,而是通过一些通俗易懂的句子和相应的有趣图标来传达相关信息,让用户在观看和操作的过程中感到轻松,而这设置指南整体风格一致,让人对产品的印象更加稳重亲切。Consistentgoodbootstrap在几个方面是一致的。视觉风格的塑造,所表达的产品理念和产品特性,要与产品、定位、所属品牌相一致,让用户在使用产品时对产品有一个大概的了解和感受。产品的定位将决定引导的方向和路线,以及最终引导的表现形式,所以引导是最能体现产品基调和品牌的地方。引导的一致性不仅保证了产品与用户体验的一致性,还能进一步强化用户对产品的认知,延续品牌印象。以下示例:界面来自Telegram。从一致性的角度来看,Telegram的前端指导在我看来更具代表性。在这组引导页面中,每一个页面元素看似简单,却蕴含着细节。图标风格统一,主要标题都是一个字,表达非常简洁明了。这组引导页与Telegram产品所透露的特点一致,高效、干净,所传达的气质贯穿于整个产品。特别是每个图标都做了小动画,让用户更直观的感受到它所传达的信息。这样的细节更容易打动用户,获得用户对产品质量的认可。共鸣前面说了,一个好的app中的引导,不仅可以让他们对一个app产生好感,也更容易留住他们,而这里的关键是能够引起用户的共鸣。通过对产品本身的深刻理解和洞察目标用户心理,结合产品特性和用户痛点,再通过视觉和文案渲染氛围,传达相关理念,唤起用户情感,打动用户。与用户产生共鸣,有利于用户对产品产生情感认同,而这种认同感会提升用户对产品的进一步使用和探索。比如下面这个例子:界面来自[加白]这是“六白”APP的引导。这个应用程序之前被称为最漂亮的应用程序之一。作为一个非常文艺的应用,它的引导也一直在延续。很有文学感。除了好看的图片和搭配字体渲染出的氛围外,文案在这组攻略中占据了非常重要的比重。正是这些文案,让这组攻略更上一层楼。用户觉得他们没有被疏远。导购不仅讲解产品特点,还强调款式、宣传美感,让人分心。背后的文案给人带来情怀,让人感动。综上所述,可以大致得出一个好的APP引导应该具备“通俗易懂、引起共鸣、前后一致”这三个原则。这三个原则之间的关系如下图所示。有了这三个原则,指导才会有受人喜爱的特点。当然,这三个原则只是一般性的参考。指导的应用好坏不能一概而论。其他影响因素还有很多,限于篇幅,本文不再一一阐述。通过上面推导出来的相关原理,我们回过头来看看来电的引导是怎么做的。IncomingCall作为一个还在探索中的应用,经历了多轮的方向变化和调整。产品方向的改变也影响了IncomingCall的设计。由于这些原因,来电引导设计的整体一致性不够。但除此之外,来电引导遵循另外两个原则(易于理解和引起共鸣),结合产品的特点,从而形成了自己的特点,即直观和感性。这是来电的默认页面指南。第一个是“无痕聊天”的默认指南。“无痕聊”(即阅后即焚)对于国内很多用户来说还是一个比较陌生、略显抽象的概念。为了让用户更容易理解这个概念,我们将这个概念进行分解、转化、发散,然后汇聚成大家认知中熟悉的具体事物——碎纸机,让用户对“无痕聊天”通过它。理解,达到直观的效果,结合文案给用户一个使用后的好处的理由,促使用户点击“与朋友交谈”进行操作;二是通话AIO中的默认引导,主要功能是告知用户可以调整无痕聊天内容的消失时间。这可以说是对之前“完美聊天”概念的补充。第一次进入AIO时,这张图片会动画缩小到左下角对应的时钟位置。告知用户操作位置,直观引导用户操作,让用户一目了然。该组是引导用户开启权限的引导页。作为入门指南,由于开启权限有时需要用户反复操作,这是一个容易让用户感到厌烦甚至反感的地方。为此,在这组导购的设计中,我们塑造了一个小雪人的形象,结合产品的需求和导购的目的,创造了一些小场景,让这组导购更加有情感,文案搭配明确的目的营造轻松的氛围,让用户看到页面时产生共鸣感,从而产生亲近感,减少重复操作带来的厌烦感。好的app引导的一些原则和call引导的特点前面已经讲过了。下面,我们将以一个实际案例来详细说明呼叫引导的设计过程。这次的案例是名为“班级地址簿”的h5指南。用户可以通过链接引导了解和使用该功能,引导非调用用户下载,达到拉新的目的。在定位之前,通过手Q平台进行了一轮大规模的推广。9月之后,来电用户进度放缓。我们开始思考是否有更好的推广方式来引导用户进行新一轮的用户增长。通过对产品童鞋的讨论和分析,我们也从大量的竞品中挖掘出一些其他的推广方式,重点是熟人推广。关于熟人,也可以分几拨人。既然这个推广需要通过熟人关系来吸引用户参与,并最大程度的吸引新用户,那么这就需要熟人和这群人之间的信任度很高。人数应该更多。对此,我们对每一个可以想到的人群进行了发散分析:通过分析,我们比较了每个人群的信任度和人数(如上图),可以看出,在比较值中,“同学”是两个都比较高,而且差距最小的群体,推广时间在9月左右,也就是开学的时候,所以我们围绕“同学”这个群体进行拓展设计。设计方向确定后,我们开始进入设计前期。首先确定交互流程,通过发起分享和接收者注册参与形成闭环,如下(由于本文主要讲引导部分,篇幅有限,流程部分在此不详述):一流程在这套指南中起着重要的作用,最重要的是启动页面和接受页面。这两个页面,一个需要引导用户分享,另一个需要用户参与,引导用户进行下一步操作。因为操作和功能的结合,需要比普通的引导页更多的包装来吸引用户。风格包装我们对这套指南进行了主题包装,使其充满了情感特征。这是来电引导的特点之一,让用户产生情感认同。这套指导是结合团队通讯录的功能进行推广,加上“同学”这个群,我们就得出了“班级通讯录”的概念。对于这个概念,我们需要挖掘出相关的特征和印象元素,经过发散,我们汇集了一个风格主题:Party。在我们看来,“班级通讯录”是让失联或很久没联系的同学重新取得联系的概念。因此,我们希望营造一种聚会的氛围和感觉,摆脱一般通讯录干冷的感觉,让用户在感觉上是开朗、愉悦的,所以在设计风格上,我们倾向于使用欢快的派对主题来表达它,从而触动用户的情感。具体设计有了方向和主题,下一步就是进行更具体的设计。在此之前,我们需要思考产品的用途和这个页面的作用,结合上面提到的三个原则和调用本身的特点,让这组向导有调用的DNA,实现产品目的。首先从交互稿分析一下我们是如何看待这两个指南的:文案首先要强调一点,在指南中,文案尤为重要,因为它是直接获取指南信息的关键。发起页面的引导是让主叫方发起邀请传播。一方面,我们需要明确告知用户要做什么,引导用户操作。另一方面,我们通过一些激励来激发用户的积极性,提高用户的参与度。因此,我们将启动页的文案设置为“制作同学录音机,收集1000分钟通话时间”。接收页面的目的是引导用户接受邀请以进行下一步操作。那么,这就需要用户在接受邀请之前,对这个页面有足够的信任。所以,这里的攻略文案需要真实的信息作为支撑,而这些真实的信息来自于发起者通过攻略填写的内容,两者的结合使得这套攻略完整而流畅。画面是最能体现情感特征的地方,主题风格的渲染也能带动用户的情感共鸣。这部分决定了页面在感觉上能否吸引用户。根据晚会的主题,突出的是社区意识和欢快的气氛。在launch页面,我们做了班级合影一样的“站成一排”的效果,突出同学的感觉;在accept页面,我们做了一个欢迎会的感觉,欢迎同学们加入,整体营造一种欢乐感,小人与launchpage呼应,形成联系。启动页在来电APP中启动,因此颜色与来电APP更加融合,而接受页面则以来电自有品牌色为主体,突出品牌感。设计过程中的草图如下:操作是最后一个操作。在这组指南中,运营的作用非常重要,尤其是启动页面。发起页面的操作部分将直接影响接收页面的可信度。因此,需要填写学校班级信息的文案,引导用户填写真实信息。这些真实的信息会显示为接收页面的文案,与用户看到这个页面有关。(接收页面)是否接受邀请;而接收页面的操作则是给用户一种“我要加入”的代入感,激发用户的点击欲望,提高参与率。通过以上几个层面的考量和打磨,我们不断从颜色、字体、元素等每一个细节进行对比考量,调整优化,得到最终的输出,如下。这就是这个案例的过程和思路。这段时间,除了操作和基础之外,还做了很多指导相关的设计。来电虽然上线了一段时间,但一直在摸索前行。碰撞出许多火花,出现了许多新事物。因此,需要对来电较多的地方进行引导。先不讨论指导是否实用,但从设计的角度来说,每个细节都力求做到最好,让用户感受到。通过这段时间的工作,在做导视相关的设计时,有一些小的体会和感悟,分享给大家:1、明确产品的需求和导视的目的。虽然指导的种类很多,但它们针对的是不同的产品。需求和引导目的,引导类型的选择是不同的,所以一定要清楚产品的需求,无论是为了展示产品,让用户学习操作,还是为了宣传。只有明确了方向才能选择最合适的引导方式和风格,产品方向的变化很容易导致产品引导不一致,不利于巩固整个产品的具体印象,影响品牌推广。2、更加关注生活的每一个细节。能够打动用户的设计,一定是与生活相关,与周围的人事物相关。因为它们是相关的,所以它们并不突兀。什么是好的引导,上面已经详细描述了,但归根结底,其核心还是要顺其自然。这种本性是由于其对事物的常识和理解、生活经历和内心感受所致。因此,设计师需要对生活有敏锐的洞察力。3、文案!文案!文案!重要的事情说三遍。很多文章都强调了文案的重要性,而在指南中,文案的好坏直接影响到用户对整个产品的操作和理解。为此,指南的文案必须多打磨。好的文案可以省很多事。4.如果没有指导你也能行,那你就不需要指导。虽然我觉得引导图是很有必要的,但是如果一个app里面的引导太多,用户会对整个产品的体验产生怀疑。另一方面,它也会阻止用户使用该产品,必须扭转极端。所以,如果不是新功能上线、大版本变更、必要的默认页面引导,如果没有引导你能做到,你就不会去做。一个好的应用程序可以很好地利用引导工具。除了为用户服务之外,还向用户传递品牌和产品的气质。来电也是不断的想着这个。一方面保持自己的特色,另一方面我也在学习和弥补自己的不足,我要提升自己,让用户有更好的体验。