-
Notifications
You must be signed in to change notification settings - Fork 42
/
Copy path2018.06.03.html
139 lines (102 loc) · 8.6 KB
/
2018.06.03.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>葡萄藤PPT</title>
<link rel="stylesheet" href="https://ptteng.github.io/PPT/css/reveal/reveal.css">
<!-- PPT主题,可以在/css/reveal/theme/中选择其他主题,目前暂时只能使用该模板 -->
<link rel="stylesheet" href="https://ptteng.github.io/PPT/css/reveal/theme/ptt.css">
<!-- syntax highlighting 代码高亮主题 -->
<link rel="stylesheet" href="https://ptteng.github.io/PPT/lib/reveal/css/zenburn.css">
<!-- 打印和PDF输出样式 -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'https://ptteng.github.io/PPT/css/reveal/print/pdf.css' : '../css/reveal/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<img src="https://ptteng.github.io/PPT/img/demo/logo.png" alt="" usemap="#pttmap" class="base-logo">
<map name="pttmap">
<area shape="rect" coords="0,0,276,58" href="http://www.jnshu.com" alt="" target="_blank"/>
</map>
<div class="reveal">
<div class="slides">
<section>
<h3>浅谈帮助中心</h3>
<p>分享人:杨帅</p>
</section>
<section>
<p>目录</p>
<p>1.设计帮助中心的初衷</p>
<p>2.帮助中心的类型及特点</p>
<p>3.帮助中心使用说明</p>
</section>
<section>
<p>一、初衷</p>
<p style=" font-size: 28px"text-align: left; margin: 0 auto;">
“帮助”的目的就是去解决用户在使用中遇到各种困难,提供解决的方案。有一些产品中将帮助与反馈归纳在了一起,减少了总体的入口,但是增加了反馈功能的层级,收到的反馈信息会有一定量的减少,所以我觉得是不是在产品成熟之后,将反馈功能纳入“帮助”之中会好一些。 </br>
产品本身具有一定复杂性的时候,需要“帮助”来辅助用户熟悉功能和指导操作。这个的覆盖面从操作系统到应用软件再到网页,无处不在。所以我会把“帮助”比喻为一个陌生环境里的生存手册。对于一些功能明确,操作简便的网页中,不需要“帮助”,所有的操作都遵从于一般的使用习惯。像是新浪、腾讯网、网易,一些门户网站或者是企业网站,所需要的帮助信息都被简化为“导航”。 </br>
</section>
<section>
<section>
<p>二、类型及特点</p>
<p style="font-size: 28px">帮助中心一般为问答式及清单式两种</br>
<p style="font-size: 28px">1、问答式的帮助信息,是先预设出用户在使用的时候会遇到的问题,例如:为什么我的文档不能打开?为什么账号信息被锁定?这一类的帮助信息往往指向性强,用户很明确自己当前问题的时候,可以高效地解决问题。2.清单式的帮助信息,提供的就是一个比较宽泛的标题了,针对的就不是操作中的具体的一个障碍,可能更是一套完整的流程,例如:创建表单功能演示;使用WordPress创建个人博客。这一类的帮助信息往往提供的信息量很多,学习成本也会相对高一些。所以很多就将文本内容转换成了视频演示资料,用来减少用户学习时的负担。</br>
</section>
<section>
<p style="font-size: 28px">简单归纳一下两种信息形式的特点:问答式1.指向性强。2.学习成本低。3.会在使用的全过程中去查阅。清单式:1.内容宽泛,信息量大。2.学习成本高。3.一般在产品使用的初期会被查阅,随着使用时间的增长,使用的频率会明显的减少。所以清单式的信息更像是绷带,问答式的信息更像是创口贴。产品团队会去收集用户反馈的疑问并给出更细微问题的解决方法,然后将关键词查找这样的模糊搜索引入
</br>
</section>
<section>
<p>使用说明</p>
<p style="font-size: 28px">1.用户在使用过程中想对整个购物流程中的某一个环节进行操作但又不知道这个功能在哪里,帮助中心首页起到一个很好的导航作用,如上图京东帮助中心首页,京东作为比较有代表性的B2C网站帮助中心的功能类导航就按照售前、售中、售后电商的三个基本模块来划分的,京东根据用户最关心的内容将这三个模块重新排序:第一列售后、第二列售中、第三列售前;2、使用说明
使用说明又分为两种,①操作流程类、②文字说明类。。</br>
<p style="font-size: 28px">1,操作流程:主要讲解网站整个流程购买流程从注册到最终购买结束退换货等,如上图所示,京东帮助中心首页按照售前、售中、售后这三个顺序对网站操作类说明进行排序,对各个模块功能进行介绍,点击进去的介绍京东很直观用操作示意图直接展示没有冗余的文字介绍清晰直观,对需要使用帮助中心的初级用户很容易理解。</br>
</section>
<section>
<p style="font-size: 28px">2.文字说明类:就我目前的观点帮助中心如果流量在网站有占比例就是这个网站产品经理的失败,就目前的产品设计主导思想如果一个产品不能马上让用户拿到手就可以轻松上手还要去翻帮助中心和说明书我觉得这个产品就是一个失败的设计,举例说明爱卡汽车,用户在使用时注册完全可以使用更智能化的方式,这种让用户亲自动手发送短信注册完全是多此一举增加注册难度这个功能比没有还可怕,并且用大量文字说明。</br>
</section>
<section>
<h4>谢谢观看</h4>
<p><small>By:杨帅</small></p>
</section>
</div>
</div>
<script src="https://ptteng.github.io/PPT/lib/reveal/js/head.min.js"></script>
<script src="https://ptteng.github.io/PPT/lib/reveal/reveal.js"></script>
<script>
// 以下为常见配置属性的默认值
// {
// controls: true, // 是否在右下角展示控制条
// progress: true, // 是否显示演示的进度条
// slideNumber: false, // 是否显示当前幻灯片的页数编号,也可以使用代码slideNumber: 'c / t' ,表示当前页/总页数。
// history: false, // 是否将每个幻灯片改变加入到浏览器的历史记录中去
// keyboard: true, // 是否启用键盘快捷键来导航
// overview: true, // 是否启用幻灯片的概览模式,可使用"Esc"或"o"键来切换概览模式
// center: true, // 是否将幻灯片垂直居中
// touch: true, // 是否在触屏设备上启用触摸滑动切换
// loop: false, // 是否循环演示
// rtl: false, // 是否将演示的方向变成RTL,即从右往左
// fragments: true, // 全局开启和关闭碎片。
// autoSlide: 0, // 两个幻灯片之间自动切换的时间间隔(毫秒),当设置成 0 的时候则禁止自动切换,该值可以被幻灯片上的 ` data-autoslide` 属性覆盖
// transition: 'default', // 切换过渡效果,有none/fade/slide/convex/concave/zoom
// transitionSpeed: 'default', // 过渡速度,default/fast/slow
// mouseWheel: true, //是否启用通过鼠标滚轮来切换幻灯片
// }
// 初始化幻灯片
Reveal.initialize({
history: true,
dependencies: [
{ src: 'https://ptteng.github.io/PPT/plugin/markdown/marked.js' },
{ src: 'https://ptteng.github.io/PPT/plugin/markdown/markdown.js' },
{ src: 'https://ptteng.github.io/PPT/plugin/notes/notes.js', async: true },
{ src: 'https://ptteng.github.io/PPT/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>