Material Design设计指南整理(六)

这次整理的内容是成长与交流部分,主要介绍怎么让用户更快,更直观地掌握你的应用。

有三个方面,一是入门指导、二是特性探索、三是手势教育。通过这些可以让用户更好地使用应用,在提高用户体验的同时提高应用的留存率。其中,需要注意的几个点是:目标、时机、数量、频率,下面详细介绍。


1、入门指导

入门指导虽然是针对新人,但是不同用户的目标不一样,所以指导的侧重点也会有所不同。对于那些刚刚安装好,但是不太了解应用可以做什么的,应该提供一些可以立即体验的方法,对于那些对应用有较大兴趣,但是不喜欢看说明书的,应该尽可能帮助其了解应用的使用方法。对于那些打算好好学习一下的,应该提供让用户感受到进步。
material design中提供了三种入门指导的模式,下面进行介绍。

左:自主选择 中:快速开始 右:特性介绍
  • 自主选择
    自主选择是在应用启动是让用户做出一些选择,从而展现一些个性化的内容,这种方式能够让用户感觉应用是受其控制的,而且对显示出来的东西也有较大的兴趣。
    提供的选项是否合适决定了你的入门引导能否成功。
    1)有意义而且可识别:不要提供一些用户难以决定又没有意义的,比如询问用户每天使用应用的时间点。
    2)询问不知道的信息:对于可以从系统或者账号系统中获取的信息,不要再要求用户选择。
    3)保持简短:尽量将选项限制在一个屏幕内,每个屏幕最好少于10个选项。
    设计时应该考虑与选择后出现的界面的过渡是否流程。
    下面是三个例子:


  • 快速开始
    快速开始是指在应用打开之后直接进入主页面,并允许用户之间进行操作。这时就需要突出应用最主要的操作,此外,有时候还需要提供一些必要的帮助信息。需要注意以下几个问题:
    1)给用户一些事情做,例如对于记事本之类的应用,用户可能一时半会没什么要记录的,可以在记事本中预先加入一些东西,让用户可以查看。
    2)提供帮助信息的入口,不要直接显示帮助信息,而是提供一个入口,并且用户要能够将其移除。
    3)突出主要操作,可以通过一些动效或者较为明显的文字提示,比如“点击创建新记事”等。

  • 特性介绍
    1)选择正确的特性:特性一般在三个左右,可以是应用能解决的一些问题,可以是能带来的最大好处,也可以是一些每天必备的功能。
    2)一般一个页面展示一个特性,并且可以自动切换,切换时间议一般为2-3秒。页面之间的风格要统一。
    3)展示应该尽量简洁、明确,每个页面都应该有一个“开始使用”的按钮,让用户跳过这些介绍直接使用。

  • 怎么选择
    1)如果应用的界面和功能没有太过特别的地方或者与之前没有较大的变化,则不要使用特性介绍,最好不要和自主选择同时使用。
    2)自主选择一般用于该应用可以个性化,或者需要用户提供一些个性化信息。
    3)快速开始是用于平常使用状态下的,用户对应用有了一定的了解。

2、特性探索

特性探索用于在日常使用中,引导用户发现应用中的其他功能。可以是一些简单的,单击一次就可以实现的,也可以是比较复杂的,有一定的步骤的。
1)目标:首先应该是没有使用过该功能的用户,对于一些基础的功能,可以展示给全部用户,但是一些高级功能只向有一定的使用时间或使用频率的人显示。
2)时机:不要在应用打开时提醒,特别是当用户打开应用是为了进行某些任务时,这样会干扰用户。展示与当前内容有关的,如果跟其他内容没有关系,可以在用户使用的间隙,比如加载中,刷新中等。
3)数量和频率:不要太过频繁,如果用户移除过该提示,或者没怎么接受过,最好就不要再次出现。如果用户接受了,可以在一段时间后继续展示类似的提示。
4)引导:可以通过小动效来引导,比如某个操作的图标轻微晃动。对于一些比较复杂的,可以使用一系列动效,在每个关键点做出引导。当然,也可以直接使用文字和颜色进行提示。

3、手势教育

手势可以是作用于某一区域,也可以作用于整个页面。同样需要注意目标、时机、数量和频率。
1)目标和时机:只针对于没有使用过该手势的用户,如果该手势比较重要,则在应用一开始就展示,如果不是那么重要,则可以在之后需要用到时才展示出来。
2)数量和频率:避免在应用中使用过多的复杂的手势,最多不超过两个。手势教育一般只出现一次,如果是特别重要的,最多不要超过两次。
3)可以使用视觉元素、文字和动效等进行教育,教育时可以提供沙箱,即用户的操作不会带来实际影响。

这是material design整理系列的最后一篇,基本上把material design大致过了一遍,主要还是思路上的梳理和总结,一些细节没有写详细,等需要的时候查阅官方文档即可。另外,“样式”和“可用性”两大块并没有整理进来,因为样式主要还是视觉方面的,交互上涉及不多,可用性主要是对于特殊人士的优化,以及对多种语言文字的支持等,对于初学者来说知道个大概即可。有兴趣的可以自行去官网查看 样式可用性

以上。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,825评论 25 707
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,633评论 18 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • 我曾经很认真地以为只要让别人开心,就能成为人见人爱的那个人。 年幼上小学的时候,班上的每个孩子都笑得那么真。学校每...
    虫圭足兆阅读 1,300评论 0 1
  • 互联网运营你真的懂吗? http://mt.sohu.com/20150907/n420577791.shtml
    言行果阅读 105评论 0 0