美文网首页产品设计移动设计产品面面观
【总结篇】如何来设计APP的引导页?

【总结篇】如何来设计APP的引导页?

作者: 韩钰玉 | 来源:发表于2016-01-18 10:50 被阅读1847次
如何来设计引导页?

     最近发现app的引导页有的很有趣,有的则会让人感觉到厌烦甚至觉得开发app太过麻烦,那么如何来设计app的引导页呢?

首先,对目标引导页做已正确的认识:

①功能介绍类

②使用说明类

③推广类

④问题解决类(一般引导页不会超过5页)

其次,对引导页的展示效果进行确定:

①文字与界面组合

②文字与插图组合

③动态效果与音乐

④视频展示

总体来说设计引导页需要注意的有:

①文案言简意赅,突出核心

②视觉聚焦

③富有情感化,A文案具象化B页面动效、页面间交互方式的差异化

④与产品、公司基调相一致


那么接下来就具体来说一下引导页需要注意哪些问题

一、文字说明类

.要使用用户语言而不是程序语言

.在无数据的时候可以给出文字说明

.不要长篇累赘,要简明扼要

.可以利用等待的时间用文字说明功能

.可以用文字说明描述复杂的功能操作

二、功能提醒类

.不要打断正在进行的操作

.判断需要提醒的时机

.持续3~5秒自动消失

.可以重复出现3次左右

.用来提醒隐藏的操作或重要的功能

三、操作引导类

.可以引导用户执行主要操作

.不要强迫用户执行操作

.如果任务是多步骤要关注每一步的设计

.主要功能可以在设计上区别其他

四、操作示意图

.注意动画持续的时间和出现的时机

.多用来说明隐藏操作或功能

.不要影响主要任务流程

五、说明书类

.告诉用户现在处于指南的哪个位置

.每个页面只讲清楚一个功能

.最好可以选择性的跳过

.只能出现一次


一、数字引导

     数字引导设计几乎都是在利用和发掘用户的心理影响用户行为。在很多时候,这种数字的激励方式确实对用户产生好的引导,让用户按照设计的轨迹行动。但是数字引导并不是万能的,在一些情景下这种引导设计如果不当的话,很可能会产生负面效果。聚划算采用了一个非常有紧迫感的倒计时的设计,旁边紧跟在一个参团按钮,同时还刻意把价格和折扣标红,显示出多少人已购买,这些数字共同营造了一种,时间紧迫、折扣低廉、多挣争抢的假象,让用户快速抉择去购买一个商品;QQ邮箱用很多红色气泡的设计,一下子把焦点聚集在你有未读消息的模块上。

二、小秘书类

      不知道源头是哪里,越来越多的应用开始增加小秘书、XX客服、XX产品团队之类的官方账号用于用户引导了。这种方式有明显的好处就是把冷冰冰的机械引导变成了有血有肉的拟人化引导。小秘书会在你开启应用后第一时间告诉你,你可以做一些什么,非常体贴。

     微信、米聊、TalkBox这三个应用都属于IM类的,在你的好友里,多出一个系统账号来,用来跟你沟通,教你使用应用。当然都还不够智能,沦为广告发布渠道,而不是真的答疑解惑的小秘书。

三、内容教育

    内容教育的意思是,在用户使用应用之初,应用内可能没有数据也没有用户,用户不知道应用能带给自己什么好处。这时候,阅读类的客户端就会增加基本预设的书籍,比如产品说明书;GTD类的客户端就会增加几个待办事项,用待办事项的方式告知你可以做什么,怎么做;社交类的就会给你预设几个好友,你看着他们都做了什么,就知道自己该干什么了;搜索类的可能会给出搜索热词,你看到他们怎么去搜索,自己就知道该输入什么样的内容了。

四、文字口号

    不要以为这种方式老土或者过时,这种方式是最行之有效的办法。如果你告诉用户”好的主厨最爱做的菜”,他就会选择那个菜;如果你告诉用户”优秀的人都会管理自己的消费计划”,他就会给自己制定消费计划;如果你告诉用户”优秀的相册至少有10张照片”,那么用户就会凑够十张照片上传,他们渴望被承认,你如果在他的潜意识里植入这种优秀的意识,他会为此买单的。

五、奖励机制

    好的引导是让用户自己探索发现,获得乐趣。乐趣哪里来呢?一方面是用户发现了隐藏操作,自我成就感膨胀,一方面可能是,用户完成了某项任务,系统赠与用户某些奖励。如Foursquare当初的积分、市长和徽章。

     记得米聊有一个页面做的特别的好,就是个人名片页,当你资料填写不完善的时候,它没有强硬的引导你去填写,而是在界面上放了一个进度条”完成度10%”,并且告诉你,完成度越高,越容易找到更多朋友,于是在那个沮丧的10%面前,我不得不为了让它好看一点,添加了更多的资料,直到它显示100%为止,就像完成了一项伟大的任务。

参考了battle_pan发表于uedc的《由引导页说开来》一文,加以自己的理解,欢迎交流

http://uedc.163.com/12264.html

相关文章

  • 【总结篇】如何来设计APP的引导页?

    最近发现app的引导页有的很有趣,有的则会让人感觉到厌烦甚至觉得开发app太过麻烦,那么如何来设计app的引导...

  • APP 引导页设计5-总结

    前面4篇分别介绍了引导页的分类、展现方式、优秀引导页的特点、如何设计优秀的引导页,是时候来个总结了。 引导页分类:...

  • APP引导页的设计

    通常,在设计APP时都会习惯性的加上引导页,一来方便用户在真正开始使用应用之前,能对应用做一个大概的了解。二来也希...

  • APP引导页的设计

    产品经理在设计一款新的APP应用时,都会设计用户引导页面。但是现实的情况是,用户在操作的时候直接当透明的就快速滑过...

  • APP引导页的设计

    产品经理在设计一款新的APP应用时,都会设计用户引导页面。但是现实的情况是,用户在操作的时候直接当透明的就快速滑过...

  • 启动页和引导页(笔记)

    整理来源: 1、[系列]APP设计之一:启动页 APP设计之启动页.闪屏.mmap_微盘下载 2、移动端引导设计技...

  • 如何设计APP引导页经验分享【APP设计教程】

    概述:今天分享大家的是由 @fanfanfan9 《分享的APP引导页设计的那些事》。详细了讲解了一个App引导页...

  • App设计之引导页

    今天来谈谈引导页,主要是 app 启动后展现的引导页,也有人称为前置引导页。今天从是什么、为什么、怎么做来谈论引导...

  • APP 引导页设计3-优秀的引导页

    引导页,虽是每个app必备,在实际的使用中,其设计的效果并不容易达不到预期,用户常常不会仔细浏览这些引导的信息,对...

  • APP 引导页设计1-引导页的分类

    因工作原因,笔者体验过很多APP,其UI是笔者比较关注的一部分,毕竟UI是第一印象嘛,大部分APP,引导页作为其的...

网友评论

    本文标题:【总结篇】如何来设计APP的引导页?

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