童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

产品魅力释放的舞台:引导页设计窥探

4月8日 圆通道投稿
  引导页因为其巨大的包容性成为设计师发挥他们天马行空想象力的舞台,也是产品彰显其独特魅力的渠道。
  老子曾经说过,“千里之行,始于足下”,这句话告诉了我们一个再简单不过的道理:再远的路只要一步步的去走,终会有到达的那一天。两千多年过去了,这句话同样适用于当前的互联网行业。
  作为设计师,我们一直希望自己的产品可以给用户提供最好的用户体验。拿app来说,他们对这款产品的第一印象起始于引导页。第一印象产生的时间极短,但是它所带来的影响却要长远的多。如果说给用户构建一个完美的用户体验体系是我们的“千里”,那么引导页就是我们“足下”的第一步。所以一款app的引导页对于用户和产品之间纽带的建立是十分重要的。
  什么是引导页?
  引导页英文Onboarding原文意为新员工的入职培训。这与我们使用一款新app相类似,人们尝试新事物过程中会产生紧张与不安,引导页的作用就是短时间内让用户对这款产品有一个大概的了解,缓解用户的焦虑与不安,让用户更快的进入使用环境。
  引导页的三个基本功能
  引导页可以做的很简单,也可以做的很复杂。但是再简单的的引导页也必须有三个功能:问候、传递信息和提升参与度。
  问候
  引导页是用户和这款app的第一次接触,她的作用相当于向用户进行自我介绍和问候。当然问候不意味着我们要真正写一个“Hi”或者“用户,您好”,有的时候一个吉祥物形象或者字符也能向用户传递问候。问候和介绍要尽量的简短,不要分散用户过多的注意力。
  传递信息
  这是引导页对于用户来说最重要的一项功能。优秀的引导页用户浏览后会对这款app的核心功能有一个大致的了解。此外引导页要起到操作说明书的作用,告诉用户如何快速上手操作,这会降低用户首次使用时的学习负担。
  当然“用户的时间是有限的”,用户对于引导页更多的是一瞥而过,不会投入过多的精力。短时间内用户能从引导页中获取的信息是极其有限的,这意味着我们必须对引导页的内容做一个优先级筛选。只有真正重要的内容才能放到引导页中。
  提升参与度
  我们不仅要了解用户,也要让用户了解我们,要建立用户对于产品的依赖度。引导页通过展示产品的价值和功能,可以在用户心中建立对于产品的一个高期望值,而这高期望值会抵消首次使用时可能出现的负面情绪,保障用户不会在短时间内把你卸载。另外出彩的引导页会极大的提升新用户对于产品的好感,人类毕竟都是视觉动物。
  引导页设计要素
  不同的app有着不同核心功能和目标用户群,其引导页的框架与内容也是不一样的。但是每一款app的用户体验立足点却是相同的:用户需求、用户期望、产品性质、经营目标。引导页作为用户使用app的出发点,我们的目标是以一种动态的,易懂的和有吸引力的方式告诉用户这款app的基本信息。
  引导页一般有34页,主要有图片、文字和动画组成。
  图片
  大多数人对图片的感知速度要比文字来得快。无论是拍摄的照片还是手绘的插画都可以充分的完成传递信息的功能。所以引导页中图片的合理使用会帮助用户在短时间内充分的获取信息。当然引导页中对于插画的要求不是很高,简单的iocn类插画也同样出彩。插画对于低年龄段用户来说有着巨大的吸引力。特别是对于青少年来说,他们很喜欢带有插画的引导页。
  文字
  对于引导页来说,文字是占主导地位的。引导页中文字要足够的简明扼要,降低用户的阅读时间。有的时候将一个长句子缩写成一个短句是比直接写一个长句要更加困难的,因为你必须学会从长句子中提取重要的信息。用户不会在引导图上花费很多时间,他们不可能一字一句去读,所以文字要尽量短小精悍。
  动画
  引导页用户虽然不会给予过多的注意力,但是这并不意味着我们可以降低对引导页的视觉审美要求。引导页也要做的足够用心,要好看并且有吸引力。动画的应用可以给界面注入生命力,增加界面活力。有趣的动画可以很好的娱乐用户,这会提升他们对这款app的期望值。引导页中有些信息是比较重要的,采用动画我们可以将用户的注意力吸引过来。但是动画另一方面意味着更多的加载负担,更长的等待时间。所以对于动画的应用,设计师应该和开发进行深入的沟通务必达到最优的实现效果。
  跳过选项
  另一个我们需要考虑的要素就是是否要给用户选择跳过引导页的选项,因为不是每一个用户都愿意看这些引导图,即使是第一次使用的新用户。当然是否给用户跳过选项要根据对目标用户群的调查和分析才能做出决定。
  总结
  这是一个内容为王的时代,用户真正关注的是页面中的内容,这款app究竟能给我解决什么样难题,我通过使用这款app会带来哪些便利。用户对于界面样式的关注度不是很高,淘宝客户端更新了,采用了最新潮的渐变色,但是很少有用户在网购的时候会注意到这些。所以客观条件决定了设计师在内容页面中无法进行更多的改进与创新,引导页因为其巨大的包容性成为设计师发挥他们天马行空想象力的舞台,也是产品彰显其独特魅力的渠道。
  
投诉 评论 转载

产品的病用户的痛:谈谈购物网站导航栏设计的“小心思”精心雕琢的产品总是让人爱不释手,有的放矢才能极尽完美。读了这篇文章,我希望能帮助你明白:导航栏的一些设计方面的和很多心理学方面的“小心思”。购物网站的“病”和……创业公司设计师怎样从0到1设计一款APP(三)Lowfi输出Lowfi,即低保真原型图,整个APP设计阶段,设计师真正开始上手的环节。待PM制作好PRD文档和逻辑流程图之后,交互设计师开始依据已有的结论,画出Lowfi。Lowfi……人机交互与数据传输:关于数据加载的6种形式这是2017年的第9篇文章。用户、客户端和服务器作为用户体验设计师,不管是产品、交互还是UI,都习惯于站在人机交互的角度去思考产品设计问题,在这个过程中我们往往会忽……我期望中的信息流设计或者说信息推荐策略这篇文章说什么呢?因为我几乎没设计过内容型产品,对信息流推荐算法什么的更可以说是一窍不通。但是,毕竟是资深用户,也一直浸淫在这个领域。所以,我就适当地从我这类用户外加一点产品的……APP标签设计:三问Tap的标签布局设计为什么主流资讯应用都选择4Tab的标签布局?这个看似理所当然的功能设计背后有哪些前潜在的逻辑?看完文章后你可能会有个解答。为什么主流资讯应用都选择4Tab的标签布局?……一种灵活可靠的工作方式:组件化设计与开发终于迎来一期特刊。最近打算在公司内部做一个分享,讲的是组件化的设计与开发的思维方式。准备完演讲资料,发现这完全可以改成一篇文章。藏着掖着不合适,发出来分享给有需求的朋友吧,就当……四个方面,深解产品架构设计一个APP根据其所提供的服务不同,包含各种各样的功能元素。产品架构,就是将这些不同用途的功能元素围绕特定的目标进行分类整合。1。为什么需要产品架构当我们打开一个AP……四个关键点,快速上手用户角色卡设计这是一篇走心的干货,发布“我如何为用户在碎片时间推荐定制化音乐故事”文章之后,有跟我一样都是交互设计的小伙伴私戳问我如何创建用户角色卡,那在这里就把我自己储备学习的一点知识分享……产品设计到了视觉阶段,如何高效推动?文章针对产品设计中视觉这一个环节跟大家做下分享。谈谈如何在视觉阶段,快速准确拿到贴近产品的视觉稿,降低返工率。大环境决定发展方向信息流通的越快,人们的个性化就越强,……用户体验系列03:做好用户体验的五个关键词之前的文章我们分享了《用户体验要素》一书中所提到的用户体验的五个要素:战略、范围、结构、框架、表现,并对其进行了详细地阐述。总体而言,这五个要素更多是为我们提供了做用户体验的理……PM修行:用户体验如何落实到产品设计?我们在做产品或者设计时不能孤岛性的只看信息框架,还要看到这些信息背后,有多少利益群体,有哪些逻辑,通常我们会遵循高维融合低维方式。心理学家表示,当你在看一个人的脸时,吸引……产品魅力释放的舞台:引导页设计窥探引导页因为其巨大的包容性成为设计师发挥他们天马行空想象力的舞台,也是产品彰显其独特魅力的渠道。老子曾经说过,“千里之行,始于足下”,这句话告诉了我们一个再简单不过的道理:……
在交互设计领域里,如何从新人蜕变为大牛?产品思维写简历(一)初级产品与高级产品的差距焦点对决,马云和刘强东的互联网大会论战产品经理有哪些款?产品设计师怎么做好产品设计?产品经理如何设计出一个好界面第三章:产品规划(7)产品规划容易犯的错误产品的三层次理论如何提高执行力?把沟通漏斗倒过来!糟糕领导者的8个标志,你中招了吗?科技创业公司的效率工具箱张译的身材被批油腻,下线的还有点窝囊?抗日神剧看多了吧中药渣别急着倒掉,还有这些意想不到的妙用带着微笑出发优秀作文700字SpringMVC概述和基础知识详解学校元旦文艺汇演主持词哔哩哔哩漫画怎么设置青少年模式?哔哩哔哩漫画切换儿童模式方法6月4日雪梨烈儿直播间预告怀双胞胎孕妇的正确睡姿是怎样的老年人脑出血先兆是什么采油企业信息化地质档案的科学管理探讨刘恒以仁孝著称,为什么要杀掉自己的亲舅舅父亲节礼物送什么好呢(来抄一下礼物清单作业)

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界