- 优化B2B网站体验的10个最佳实践(上)
- 来源:人人都是产品经理
本文阐述的最佳实践只是优化的起点,不是用户体验的终点。
以下是关于如何将Jakob Nielsen可用性启发式方法,应用于B2B或高关怀B2C领域的,新一代网站的一些想法(不一定必须有交易性的功能),例如: 电子商务,用户注册等。
可用性启发式被认为是用户界面设计的“经验法则”(或最佳实践),当应用到你的网站时,这些将有助于减少摩擦,并使你的买家专注于您尝试传达的信息,而不是被有缺陷或者不完整的界面困扰。
在B2B或高关怀B2C领域,你会面临这样的挑战——必须解释很多,以让您的买家理解你的价格。 请记住,您销售的产品价值越高,内在摩擦力就越高,您需要在网站上回答的问题越多。
在这些情况下,信息架构是一项很复杂的任务。一些B2B公司因忽视这些事实而臭名昭着,因为他们觉得“这对我们来说并不重要,因为我们实际上并没有在我们的网站上出售任何东西……(我们只是个平台)”。
Hoa Loranger,Chris Nodder和Jakob Nielsen在其“B2B Website Usability for Converting Users into Leads and Customers”报告中说:
“B2B网站应该更多地强调可用性,因为它们必须帮助用户完成更高级的任务,并需要研究更专业的产品。”
在设计新网站时,特别是当你选择了一种激进的再设计方法,记住这些启发式方法确实可以作为设计的指南针,或作为一个可靠的标准,用来决定页面设计、功能 、或信息展示形式。
接下来,我们将讨论并用例子说明这些启发式方法是如何运用的。
可用性原则1:Make Your System Status Highly Visible (系统可见性)
Jakob Nielsen:
“系统应该始终通过适当的反馈,在合理的时间内,让用户了解正在发生的事情。”
在设计B2B网站时可以理解为:在浏览您的网站时,请务必告诉您的买家他们在哪里。
您可以通过以下方式实现此目的:
- 面包屑导航:面包屑导航(Breadcrumb navigation)就像一个GPS,告诉你的买家他们在你的网站上的位置。此外,通过面包屑导航,您的买家将有一条路径,告诉他们如何到达那里。所以请使用面包屑导航,无论是基于位置、归因还是基于路径。
- 页面标题:页面标题也应该与买家点击的导航项或链接相似,这不仅是SEO的良好实践,它也是一种很好的用户体验实践。如果页面的页面标题与用户点击的内容相匹配,则买方可以放心他的选择。
- 突出显示所选菜单选项:当您单击导航项目时,请将其突出显示,加粗或加下划线,以便您的买家立即获得有关菜单选项的反馈。
- 在页面加载时显示进度条:页面加载指示器,如果您的买家试图在您的网站上做某事,例如:加载计算器小部件或处理请求,那么最好显示进度条或某种通知,以便他们知道发生了什么。
- Thank You页面:也是当前状态的重要指标,例如:如果您的买家下载电子书或订阅网络研讨会,那么Thank You页面确认刚刚采取的操作,非常重要。
如果你跳过这些元素,你的网站将会令人困惑,你的买家会开始怀疑它们在哪里,这是一个完全不必要的摩擦点(friction point),因此尽量使您的导航非常清晰。
Berkshire公司做得很好,为他们的买家提供有关他们在浏览网站时的确切位置的反馈,并且面包屑导航告诉他们他们是如何到达那里的。
请记住,好的网站在买家提问之前必须回答买家的问题。但是,如果你的买家在试图弄清楚你的网站时分心,或者想知道点击后是否发生了什么事情,他们会感到困惑和沮丧。
以此主页为例:
现在看看这个网站的其他页面,看看你是否可以猜到点击了网站的哪个部分,或者你是否知道现在你在网站的哪个位置:
你不知道你在哪里……但是实际上用户点击了主页的某个地方。
以下是一个例子,展示Thank You页面如何作为系统状态确认:“Hey you have downloaded this report…”
专业建议:确保使用面包屑导航,并清楚地指出导航激活的部分。
可用性原则2:Match Your System to the Real World (匹配现实世界)
Jakob Nielsen:
“系统应该说用户的语言,用户熟悉的单词,短语和概念,而不是系统导向的术语。遵循现实世界的惯例,使信息以自然和逻辑性的顺序出现。“
在设计B2B网站时可以理解为:使用买家了解的短语和单词,不要使用行话。您的买家必须看到他们熟悉的单词,短语和概念,而不是过于技术性的术语。
事实上,最好的语言和语调应直接来自买家口中。因此,花时间与客户交谈,让他们告诉您产品对他们意味着什么,解决了什么问题,以及他们在使用产品之前的生活。您在网站上提供的任何信息都应该完全不用行话,而是以自然和逻辑的方式出现。
看看iTunes的用户界面外观,你会理解真实文字标签如何为用户提供舒适的用户体验。 iTunes本质上是一个巨大的数字图书馆,可以存储喜欢的媒体项目,无论是音乐,电影还是电视节目。很明显,使用这些真实世界的标签,可以帮助用户通过保持语言相关性,来消费他们在iMac上最喜欢的媒体项目。
Techport 13用非常简单的语言解释了他们的所作所为:
他们的买家字面上使用的术语如下:
- “推出新软件”
- “培养团队”
- “进行系统自定义和增强”
- “让IT运行顺畅”
在网站redesign之前,他们在主页上的语言与现在的形成鲜明对比:
当然他们的客户不会使用以下术语:
- “我们的资源,产品和成熟战略”
- “充分利用”
- “……我们的员工一直熟练地将丰富的经验应用于我们的客户”
- “各种各样的客户体验……”
专业建议:您的网站必须使用真实世界的语言与买家对话。
可用性原则3:Allow User Control and Freedom (用户控制权和自由度)
Jakob Nielsen说:
“用户经常错误地选择系统功能,需要一个明确标记的“紧急出口”才能离开当前错误的状态,无需进行扩展对话,支持撤消和重做。”
在设计B2B网站时可以理解为为:消除任何将控制权从用户手中抢走的事物。
以下是网页设计中常见违反此启发式的三个示例:(某些)Pop-up请求,一些自动操作如自动播放视频和自动轮播。
Pop-up请求:我们都访问过突然出现弹出窗口的网站,要求我们加入网站或进行反馈调查。像这样的打扰性弹出窗口本身很烦人(虽然pop-up使用正确时是ok的),如果你的买家不能拒绝这样一个打扰性的请求,这种体验就会更糟。
如果您想通过要求买家加入调查来收集反馈,那么请在弹出窗口出现时允许他们拒绝您的请求,从而给予他们100%的控制和自由。信不信由你,这将提高你的调查质量,因为那些选择加入的人更可能是诚实的。
在Grainger的网站上,一家工业供应公司,买家在弹出窗口中的大红色“加入”号召性用语按钮的正下方清楚地看到“No,thanks”。您的买家会喜欢这一深思熟虑的功能的,因为它会增加他们的用户体验。当然,那些想要提供反馈的人可以轻松地点击“Join”CAT按钮。
自动播放视频:买家的另一个问题是,一旦买家登陆网站,一些网站会自动播放视频。这可能令人沮丧,因为有些用户感觉到这是一种麻烦。只在他们想要的时候播放视频,并让视频成为书面信息的补充。
Square是这样做的:
- 自动播放销售人员:如果您认为自动播放视频很烦人,那么您还没有体验过自动播放销售人员。信不信由你,仍然有网站有人在他们的网站上出售第二个东西。这不仅是出乎意料的假货,它还会让买家失去大量时间,所以要避免这些糟糕的举动。
- 自动轮播:另一个导致买家焦虑和沮丧失控的例子是自动滑动横幅,尽管已经反复证明自动轮播没什么用。与其在网站中使用这种令人分心的元素,不如为您的网站好好展示信息,以便让买家轻松发现和探索,让他们完全控制自己的体验。
设计
-
-
- 电商设计模版:5000套淘宝全屏海报模版,免费限时赠送,手慢无!
- 你好,欢迎新朋友老朋友,很庆幸你能看到这篇推文,我们依然继续我们的福利放送。今天整理了5000多套淘宝全屏海报模版,全是PSD源文件模版,下载之后可以直接套用,或者参考学习,临摹学习。这些模版量很大,
- UI设计学习
-
-
-
- 如何考量印刷的质量问题
- 大家在做画册设计印刷前,首先要确定画册内容、画册尺寸大小、印刷材料、装订方式、印刷工艺及印刷数量等。这样的话,印刷厂才会给出最精准的报价。画册设计印刷过程中,会涉及到很多问题,比如:画册排版方式:面板
- 蚂蚁印设计印刷
-
-
-
- 我说,设计师,你在逗我吗?
- LOGO是一个企业形象的重要识别元素之一,对于它的升级和应用,我们来看看这几家公司的做法。德国区域网络运营商NetCologne更换新LOGONetCologne于1994年在科隆成立,拥有约900名
- 小昭说广告
-
-
-
- 天津UI培训,经典案例告诉你如何正确打开UI设计
- 天津UI培训,经典案例告诉你如何正确打开UI设计看看现在各大网站那些美炸了的页面设计,图标设计,logo设计,海报设计...... 动心吗?是不是也会想要设计出那些吸引人的图,但是自己尝试的时候,脑子
- 诚筑说
-
-
-
- “三位一体”着力实现品牌形象持久提升!
- 良好的品牌形象是企业在市场竞争中的有力武器,而品牌形象的建立绝非一朝一夕,而是有赖于企业长久的坚持与推广。企业在建立品牌时,不应只着重于眼前的利益,而要从品牌的长远发展出发,做出合理的品牌传播策略。同
- 浮沉飞扬
-
-
-
- PROHIGHLIGHT有亮点有逼格的包装设计
- 分享一组精彩创意包装视觉设计画面完整度到包装设计元素细节设计,都有不少值得去琢磨的
- 朴琢品牌设计
-
-
-
- 日本设计可以走在世界前列,凭的就是这份工匠精神,值得学习!
- 日本设计,可以说是世界设计大军中的一面旗帜,在设计界有举足轻重的作用。同时也诞生了一批设计领域的大师级人物。今天果子就和大家一起探寻日本的设计之道!日本设计的成功原由>>>>设
- 住宅在线
-
-
-
- 看上去很好吃的30个餐饮行业LOGO设计
- 人生,不过是76000顿饭,酸甜苦辣都是滋味,每顿饭都值得被用心对待。对于餐饮商家来说,这份用心不止体现在餐品上,更体现在每个闪着光的细节上。其中 LOGO 设计便是不可忽略的一点,它让客人一望而知,
- 特创易
-
-
-
- 圆柱体uv打印机 在酒瓶上打印图案的机器
- 都知道uv打印机可以打印平面板材和卷材,殊不知uv打印机还可以打印圆柱体材料,技术永远是跟随着时代步伐发展,今天的uv打印机可以实现打印圆柱体材料,未来的uv打印机可以打印弧面材料,甚至是更为异形的
- 新添润UV打印机
-
-
-
- 签名设计,你的喜欢才是我最大的荣幸!
- 昨日艺术签名抽写:邹维刘明书陈节强李也余耿孟凡辉王成丰周科秦顺武欢迎大家点赞关注评论转发,每天免费抽写!
- 南枫艺术签名
-
-
-
- 建设优秀手机网站需要注意哪些事项?据说这样的移动端深受欢迎!
- 据说这样的网站深受用户喜欢,很多人在建设手机网站时都会仔细了解这些,难怪越看同行业的移动端越是觉得做的很不错,原来是注意到了这些,一起来看看,不学习看来是不行了。手机网站内容要简洁大方手机端网站主要以
- 杭州蒙特
-
-
-
- 奇虎360 MVBen专访:用户易用的设计才是“化繁为简”的根本
- 本期UEDNA专访请到了嘉宾 —— MVBen!!!他是一位神秘且话不多的设计大咖。在设计师必看的国际网站Dribbble中,大神云集的中国区Top 10设计师,他也是响当当顺位第三的大神。(以粉丝数
- UEmo魔艺极速建站
-
-
-
- 40under40广东榜,什么才是理性地设计感性的生活方式?
- 6月9日,以“还原真实”为主题,40UNDER40中国(广东)设计杰出青年(2018-2019)(简称“40UNDER40广东榜”)评选启动礼,在广州香格里拉大酒店如期举行。广州大学美术与设计学院党委
- 鸿艺源设计
-
-
-
- PS 教你怎么做简单的渐变大背景
- 本篇文章适合ps初学者,随便跟老薛打一首歌,《初学者》 了解一下熟悉ps的小伙伴,相信对渐变并不陌生,我们看看怎么做下边这个背景图。看着这个背景图蛮简单的,无非是渐变+高斯模糊之类的就可以搞定。下面我
- 设中有计
-
-
-
- 优化B2B网站体验的10个最佳实践(上)
- 本文阐述的最佳实践只是优化的起点,不是用户体验的终点。以下是关于如何将Jakob Nielsen可用性启发式方法,应用于B2B或高关怀B2C领域的,新一代网站的一些想法(不一定必须有交易性的功能),例
- 人人都是产品经理
-