当今,网站和Web技术已不算是新兴技术了,但不得不承认的是,在当下的移动互联网时代,Web技术仍然算得上是新潮的技术之一,并且网站也是各企业商业价值中的重要一环。因此,规划、设计具有优秀用户体验的网站,仍然是我们的重要技能之一。
明确网站的业务模型
需要提醒的是,在正式开始规划网站之前,有必要了解网站的主要业务模型。尽管人们都更加愿意获得免费的信息,但信息提供方(企业)还是希望能够由此得到回报的。
要明白:大多数企业要想存活,就必须要挣钱。
在为企业建设网站之前,我们要知道公司的业务模型是什么,否则,就无法判断用户哪些行为是有意义的,哪些是毫无价值的。
主流的业务模型包括:
- 市场/电子商务模型(比如B2B/B2C/C2C);
- 广告模型(需要很大的用户访问量);
- 会员模型(增值服务);
- 社区模型(收入来源辅助产品或服务的销售);
- 订购模型(订购服务)。
找准了业务模型,我们就可以开始设计出支持业务需求的网站了。
一、明确目标用户
开始网站设计之前,我们首先要清楚问题:“网站是为谁搭建的?”不是每个网站的设计者都能准确有效地回答这个问题,有的人会说“网上的每一个人”,还有的会说“所有喜爱某类产品的人”、“所有爱看书的人”或者“所有喜欢美食的人”。
这些回答都是不准确的,因为你无法从这些回答中得到精确的用户角色。
我们可以采取如下工作方式,去明确目标用户:
1. 找到公司的市场/运营部门,市场/运营部门的人员或许对公司用户的统计数据结果以及心理方面做过了大量的研究。
2. 咨询公司负责人或高管,了解他们希望产品所面向的用户,以及他们所认为的具有价值的用户行为。
在和各相关部门同事的谈话中,并不只是收集用户的统计信息,真正要做的是得到一些合适的行为信息来帮助我们更好的设计网站。
比如,我们了解到用户的年龄较大,就要做出一些初步的设计决策。如:字体要放大、交互操作要尽量简单、以及页面上哪些元素更应该突出等。
二、与目标用户交流
招募目标用户通常需要公司内部其他部门的配合,比如客服部门,可以通过电话邀约、邮件邀约等方式,如果目标用户是企业,则可以通过公司高层或市场部门,向企业致电或发送邀请函等方式。总之,尽量通过其他部门的协助完成用户的邀约。
在访谈的过程中,我们要注意理解得到的反馈。比如,用户可能会说“我希望按钮大一些。”而他们的实际想法可能是“付款的过程太复杂了。”或者用户可能会说“我希望这个颜色是红色。”他们真正的意思可能是“要找到我想要的东西太耗费时间了。”
最佳的方式是:当用户在正常的环境中具体完成任务时实际地跟踪用户的行为。
所以,在访谈中,我们可以问一些诸如“你想做什么?”、“你希望得到什么”这样的问题,而避免去问“你认为这个按钮应该放在哪里?”这种问题。我们要把重点放在用户完成任务时遇到的难题上。
三、创建用户角色模型
角色模型可以帮助我们更深入地理解设计所针对的对象,以及怎样才能真正满足这个用户的需求。当然,也可以不去创建复杂的角色模型,只不过,如果能针对一个特定的“人”来进行设计,会让我们的设计更加有效。
1. 总结用户交流结果,把结果分发给各利益相关者或相关部门人员
在第二步中,我们会收集到一些信息。可能已经得到用户的相关信息,比如:性别、位置、上网习惯、技术水平等等。
针对收集到的信息,我们需要建立一份报告,可能会涉及以下信息:
- 用户群体的技术程度;
- 年龄段,性别分布等;
- 用户想要通过产品完成的任务过程;
- 用户使用同类产品的使用模式;
- 用户感兴趣的竞品;
- 常见问题;
- 用户价值观、文化背景等内容。
这里需要注意的是:
- 要保证每个信息尽可能准确,去除诸如“用户希望….”这样的信息;
- 信息要与我们的产品相关;
- 信息要针对网站整体成立,去除诸如“用户无法找到付款按钮”这类的信息,取而代之的是“我们有一类用户,他们知道想购买什么,现在需要提供一种方法能加快购买流程”。
2. 与各相关部门人员召开会议,大脑风暴形成用户角色
寻求各部门相关人员的协作,往往比单枪匹马作战更高效。
每个部门都会对用户有自己的理解,是男人还是女人?年龄段如何?住在哪里?如果大家不确定,可以参照上一步的报告文档。
当大家提出了大量用户特征后,可以开始合并这些特征,并将其改进为角色,比如:女性+25~35+华北地区=来自北京的27岁女性,甚至还可以为她取一个名字。
3. 让角色成为真正的人
为用户角色增加一些具体的例如照片、姓名、职业、个人背景、职业、教育背景、目标、爱好、最喜欢的网站、他的愿望等个性化逆袭内容。确保用户角色的真实是这一步的关键。
4. 为人物角色加入场景表达
通过创建场景,会使人物更加丰满,同时有助于我们完成网站交互系统的设计。场景,就是人物角色使用产品时的背景故事简介。
四、绘制用户路径草图
用户路径草图,可以帮助我们确定不同类型用户会完成哪些类型的动作,由此我们可以决定需要为网站设计什么。通过画出不同用户的路径,可以帮助我们查看是否有遗漏。
起初的用户路径草图如下:
接下来考虑:
网站的用户不只是送礼物的人,也会有给自己买礼物的用户、不满意的用户、失业想要在线卖东西的用户、其他渠道接收到广告的用户。
我们可以继续为这些用户添加用户路径:
五、明确业务流程与任务流程
绘制了全用户的全路径草图,现在就要拆解用户的全部任务,明确交互中每一步的细节。
其实这一步,就是根据用户的任务,完成各个任务/功能的流程图设计,以及和网站后台系统交互的业务流程图设计。
关于功能流程与业务流程,网上已有不少文章做出详述,这里不再详细阐述。
六、网站的用户体验设计
本步骤不再叙述如何绘制网站的原型图,这里要谈的是在网站的设计中,值得注意的要点。
1. 网站上的一切要井井有条
网站中会含有丰富的信息,用户访问网站时为了查找信息或者完成任务或者二者兼有,作为网站的设计者,我们的任务就是帮助用户更高效的达到他们的需求。
(1)帮助确认是否到达了正确的位置
进入网站,用户判断这是不是他所需要的,也就是他是否达到了正确的位置。
用户来到我们的网站时,首先看到的就是网站的组织方案。
组织方案有两个作用:
- 导向作用,会告诉用户这是一个什么类型的网站;
- 告诉用户要做什么,它会向用户展示“在这里你可以浏览/购买/阅读/分享/查看/收听的东西”。
因此,组织方案需要为用户展示所有的产品范围。比如,淘宝网站的分类导航:
(2)帮助用户找到他们需要的东西
用户确认访问了正确的网站,接下来需要标识导引来找到他们想要的东西,标识导引有四方面的内容:
- 使用熟悉的组织系统。组织系统包括,字母(例如通讯录)、地理位置、时间、连续区间(比如排名1~10,或一些数值范围)、数字、种类(例如博客种类)。使用用户已经习惯的组织系统,用户就更容易上手,我们的网站也就更易用。
- 明显的标签。标签信息可以帮助用户更好的找到他们想要的东西,比如一个标记着“流行”标签的歌曲,会吸引来众多不喜欢古典音乐的用户。
- 控件的主观能动性。也就是,链接看起来要像链接,按钮看上去要像按钮,仅供阅读的文本和可以单击的文本应该是有区别的。
- “面包屑”。要让用户知道他正在网站的哪个位置,从哪里来,如何才能回到之前的页面。面包屑导引或通过改变导航条的外观等方式都可以提供网站位置的反馈。
(3)让用户知道网站上有更好的内容
无论用户是否在网站上找到了他们需要的信息,他们都会想要找到更多类似更好的内容。
在这里,可以有效利用导航或面包屑导引,突出显示用户在网站中的当前位置,并显示相关的内容,让用户可以链接到其他页面。
另外,也可以使用提供“更多”的选项,可以向用户提供相关商品的快捷途径。
“更多容”导航工具对于一组相关商品以及相关种类的快捷途径最为有效,例如电商网站的“猜你喜欢”,文章网站的“相关文章”。
(4)为用户提供下一步操作
用户已经找到了他们想要的东西,我们要为用户的下一步操作提供相应的选择,我们应该在设计网站时询问自己“用户希望在找到他们需要的东西后,做些什么?”
对于一个电商网站,用户肯定是要购买到找到的商品,电商网站提供的“加入购物车”和“购买”按钮有效帮助用户解决了问题。对于一个文章网站,用户阅读一篇文章后需要做些什么呢?应该是评论、分享、收藏、复制、粘贴这篇文章。
用户会利用网站提供的“下一步”操作拉近与其目标的距离。
2. 网站导航的细节阐述
看似简单的导航设计,里面含有很多的设计细节。
3. 网站内容的基石—元数据
元数据是网站组织系统的基础,搜索以及电商网站上的导航系统都依赖于元数据。
网站上的信息可以有不同的形式,比如:一篇文章、一张图片或者是一个视音频。
元数据可以确保以上各种形式的内容都能够被用户查找浏览到,元数据就是每一项内容的所有信息。比如,一首歌曲,元数据可能包括:出处,版本,作词人,作曲人,演唱者,专辑名,时长,音乐类型等等。
元数据通常包括以下三种:
1. 固有性元数据。与内容构成有关的元数据,比如这是一个word文档、jpeg图片、ZIP文件。
2. 管理性元数据。与内容构成有关的元数据,比如图片的用途、编辑人、是否已发表。
3. 描述性元数据。与内容本质有关的元数据,比如一个图片的描述性元数据:狗、犬科、可爱等。
下图展示一些元数据的类型:
我们要根据网站的具体定位,组织具体的内容及其元数据,明确每一个元数据对用户来说是否有用。
4. 网站设计要遵循的基本原则
用户体验设计部分的最后,总结一些常用的设计原则:
- 标识引导设计:帮助用户明确他们身在何处;他们要寻找的内容在哪里;如何得到用户搜寻的内容;用户已经搜寻过哪些地方。比如,经典的面包屑导航。
- 设定期望并提供反馈:在动作发生之前要让用户知道动作还未发生;提示用户正处在过程中的哪个阶段。比如,向导式导航设计,一直显示用户的操作进度。
- 保持一致性:同种类型页面的架构一致、交互操作一致、视觉效果一致等。比如,所有商品的详情页都使用同样的布局。
- 提供防错性:预防用户出错;保护用户正在编辑的操作内容;及时通知错误。比如,在表单交互中,保留用户已编辑信息,及时反馈错误信息等。
- 依靠辨识,不凭记忆:提供明显且精确的可辨识要素,避免用户凭记忆与网站交互。比如,保留用户的搜索历史,保留用户的浏览历史等。
- 考虑到不同水平的用户:用户分为新手用户、中级用户以及专家用户,新手用户往往会很快过度到中级用户,而专家用户凤毛麟角,所以我们的一般策略是为新手及中级用户创建简单的产品,为专家用户构建一些特殊属性。
- 提供帮助(说明)链接或文档:及时的帮助说明文档,可以有效帮助用户解决使用网站过程中的燃眉之急。比如,网站关于会员体系的说明。
七、目标(种子)用户测试网站
可以给用户测试我们的网站原型,也可以快速搭建第一个版本后让用户使用得到反馈。无论采用哪一种方式,目标都是要尽快得到用户的反馈,以及时调整解决出现的问题。
同时,我们要为发现的问题预留出足够的处理时间。
八、迭代优化我们的网站
接下来,就是不断的去迭代、优化网站了,根据公司业务的调整、或是配合其他产品线、或是增加产品功能,不断的去完善网站。
九、总结
在本文中,亿宏世纪讨论了系统规划网站的大致流程,重点讨论了提升网站用户体验的设计要点,从中又引出了导航、元数据以及基本的设计原则,希望本文的内容能给大家带来一些帮助。