如何设计帮助中心(一)

如何设计帮助中心(一),第1张

我觉得大部分的网站都低估了帮助中心的价值,一个产品可能在首页非常华丽,却在帮助中心暴露了内部迭代的困境。

一个好的帮助中心至少有以下几个好处:

刚好近期在设计公司产品的帮助中心,就以它为例子尝试谈一谈如何设计一个好的帮助中心(已经向boss申请过,可以写T.T)。欢迎各位平等的提出意见。

公司是做互联网p2p的,帮助中心最主要的需求来源有四个:

而一个好的帮助中心应该是怎样的呢,我认为其核心目的如下:

接着根据这张图片我们一部分一部分来说,

现在帮助中心的确开始也变得厚重了,这其实也是我一直纠结的点。我们一方面想要产品简单高效,一方面也有确实要根据不同部门的需求去添加产品功能。目前我是保证在保证核心需求不被影响的前提下,根据公司情况做适量的妥协。然后我们接着来放大需求。

尽请期待,下一篇文章《如何设计帮助中心(二)》,届时将摆出原型对界面布局有更清晰的展示和讲解。

使用QuickCHM软件轻松编译CHM格式的文件

谈起CHM格式的文件,可能无人不晓,因为几乎所有的软件,现在都用CHM格式的文档制作软件帮助文件。另外,有很大一部分电子图书也是用CHM格式编译的。其实,编译CHM格式的文件很简单,下面就为大家介绍一款制作CHM文件的利器——QuickCHM。

软件名称:QuickCHM

软件大小:1460KB

下载地址:http://www.skycn.com/soft/6785.html

在介绍QuickCHM之前,有必要对CHM的格式作个简单说明。CHM文件格式是微软1998年推出的基于HTML的帮助文件系统,它代替了早先的WinHelp帮助系统,能在Windows 98或NT及以上版本的操作系统中直接运行。

编译CHM

QuickCHM未注册时,只能编辑最多20个节点的项目,在制作CHM文件前,最好把要编译进CHM中的文件编辑成HTML网页文件,CHM格式的文件支持所有的网页元素,所以你可以随心所欲地在Dreamweaver等网页编辑软件中编辑HTML文件。QuickCHM自带一个简易的网页编辑器,利用它可以编辑一些简单的网页,一般的做法是在Dreamweaver中做好网页,然后在QuickCHM中进行局部的修改。

需要注意的是编译进CHM文档中的文件最好都放在同一个文件夹中。

启动QuickCHM,在菜单栏执行“文件→新建”命令,新建一个“hhp”项目。切换到“目录”页,在菜单栏执行“主题→导入→添加文件夹”,导入待编译的文件夹中的文件,注意,在弹出的“添加文件夹”对话框中,可以使用过滤器,防止图片等某些类型的文件进入目录。在默认的情况下,进入目录中的各节点即主题都是以网页标题显示的(如图1),也可以在“系统选项”中设置为以文件名显示。接下来的任务,就是编辑目录和网页,下面就以这两个方面作简单的介绍。

编辑目录:

目录的编辑主要是重命名主题,修改主题图标,排序主题,嵌套主题,新建主题和删除主题,这些都可以利用右键快捷菜单和“目录”页上的按钮完成。

编辑网页:

QuickCHM集成了一个所见即所得的网页编辑器,利用QuickCHM提供的网页编辑工具箱(如图1),可以完成大部分的网页操作。切换到“源文件”页,可以对HTML源代码进行直接修改。和多数网页编辑软件一样,切换到“预览”页,可以对当前网页实时预览。

图1

利用同样的方法,还可以给帮助系统做一个“索引”页。

目录和网页编辑完成以后,就可以输出CHM文档了,不过在输出前也可以把它保存为一个“.hhp”项目,以便日后继续编辑。点击工具栏上的“编译”按钮,编译完成,如图2所示,这是利用上述的方法制作的“瑞星杀毒软件2004版”的帮助系统,从图中可以看出,这个帮助系统的“面板”上只有“目录”页,没有“索引”页。

图2

事实上,CHM文件的这个阅读平台即“浏览窗体”的所有部分都可以在“编译”前进行修改和定制,若你做进CHM帮助系统的各网页间都能相互导航,我们甚至可以隐藏或关闭整个“面板”。

在菜单栏上执行“选项→项目选项”命令,弹出“参数”对话框,如图3所示,在这里可以设定“主页”、“默认页”,显示或隐藏工具栏按钮和标题,显示或隐藏面板及面板上的目录、索引等,在这里还可以设定目录的表现方式和整个窗体的外观,添加“闪屏”(启动时一个一闪而过的图片,相当于软件的启动画面)等,当然了,以上的所有设置必须在“编译”前设置才能看到效果。

图3

反编译CHM

QuickCHM不仅能把HTML网页、文本文件、图片等编译为一个CHM文件, 而且还能反编译一个CHM文件,也就是说,利用QuickCHM,可以释放CHM文件中的HTML文件、文本文件、图片文件等资源,并且它能够恢复源文件的全部目录结构和文件名,以便帮助我们得到源文件进行资料恢复或二次编辑。

启动QuickCHM,在菜单栏执行“文件→反编译”,在弹出的对话框中选择要进行反编译的CHM文件以及反编译得到的HTML文件和图片等其它文件资源的保存位置,点击“确定”,反编译即可完成,同时保存HTML文件和图片等其它文件的文件夹被打开。

可以看到,需要还原文件已经出现在这个文件夹中了。

快速高效建立网站帮助文档知识库和专业FAQ平台可以用Baklib。

FAQ也叫常见问题帮助中心,可以快速帮助用户自主解决产品使用上的问题

FAQ的作用

通过减少重复发送给支持人员的电话和电子邮件,节省时间和金钱;

增强您在搜索引擎中的知名度(包含更多关键词的faq页面更易被搜索引擎喜欢);

通过轻松找到他们要寻找的内容而不是搜索站点来改善用户体验。将答案直接连接到博客文章或内容页面可以使访问者更轻松地获取其他信息;

展示产品专业知识并增强您的专业形象,突出关键信息,引导用户,刺激消费。

如何构建常见问题(FAQ)页面

整体布局:FAQ页面的整体风格上应该是简约式,需要让用户一眼就能找到自己想要的;

问题收集:建议先用工具做个问卷调查,讲产品使用或购买中的问题梳理下来让用户来排序,再开放给入口让他们提出问题;

问题分类:对问题进行分组划分,以快速帮助用户找到相关答案;

问题搜索:当问题较多后为了能够更快解决问题,一个好的智能检索则不可或缺。

FAQ是一个页面涉及到网站开发,给大家推荐一个FAQ智能搭建工具Baklib。这个工具是我在百度经验如何制作FAQ教程中看到的,使用简单效果好推荐给大家。下面给大家看下我用这个工具制作出来的FAQ页面效果!

请点击输入图片描述


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/752698.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-16
下一篇2023-08-16

发表评论

登录后才能评论

评论列表(0条)

    保存