童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

优化B2B网站体验的10个最佳实践(上)

10月10日 血海塔投稿
  本文阐述的最佳实践只是优化的起点,不是用户体验的终点。
  以下是关于如何将JakobNielsen可用性启发式方法,应用于B2B或高关怀B2C领域的,新一代网站的一些想法(不一定必须有交易性的功能),例如:电子商务,用户注册等。
  可用性启发式被认为是用户界面设计的“经验法则”(或最佳实践),当应用到你的网站时,这些将有助于减少摩擦,并使你的买家专注于您尝试传达的信息,而不是被有缺陷或者不完整的界面困扰。
  在B2B或高关怀B2C领域,你会面临这样的挑战必须解释很多,以让您的买家理解你的价格。请记住,您销售的产品价值越高,内在摩擦力就越高,您需要在网站上回答的问题越多。
  在这些情况下,信息架构是一项很复杂的任务。一些B2B公司因忽视这些事实而臭名昭着,因为他们觉得“这对我们来说并不重要,因为我们实际上并没有在我们的网站上出售任何东西(我们只是个平台)”。
  HoaLoranger,ChrisNodder和JakobNielsen在其“B2BWebsiteUsabilityforConvertingUsersintoLeadsandCustomers”报告中说:
  “B2B网站应该更多地强调可用性,因为它们必须帮助用户完成更高级的任务,并需要研究更专业的产品。”
  在设计新网站时,特别是当你选择了一种激进的再设计方法,记住这些启发式方法确实可以作为设计的指南针,或作为一个可靠的标准,用来决定页面设计、功能、或信息展示形式。
  接下来,我们将讨论并用例子说明这些启发式方法是如何运用的。
  可用性原则1:MakeYourSystemStatusHighlyVisible(系统可见性)
  JakobNielsen:
  “系统应该始终通过适当的反馈,在合理的时间内,让用户了解正在发生的事情。”
  在设计B2B网站时可以理解为:在浏览您的网站时,请务必告诉您的买家他们在哪里。
  您可以通过以下方式实现此目的:
  面包屑导航:面包屑导航(Breadcrumbnavigation)就像一个GPS,告诉你的买家他们在你的网站上的位置。此外,通过面包屑导航,您的买家将有一条路径,告诉他们如何到达那里。所以请使用面包屑导航,无论是基于位置、归因还是基于路径。
  页面标题:页面标题也应该与买家点击的导航项或链接相似,这不仅是SEO的良好实践,它也是一种很好的用户体验实践。如果页面的页面标题与用户点击的内容相匹配,则买方可以放心他的选择。
  突出显示所选菜单选项:当您单击导航项目时,请将其突出显示,加粗或加下划线,以便您的买家立即获得有关菜单选项的反馈。
  在页面加载时显示进度条:页面加载指示器,如果您的买家试图在您的网站上做某事,例如:加载计算器小部件或处理请求,那么最好显示进度条或某种通知,以便他们知道发生了什么。
  ThankYou页面:也是当前状态的重要指标,例如:如果您的买家下载电子书或订阅网络研讨会,那么ThankYou页面确认刚刚采取的操作,非常重要。
  如果你跳过这些元素,你的网站将会令人困惑,你的买家会开始怀疑它们在哪里,这是一个完全不必要的摩擦点(frictionpoint),因此尽量使您的导航非常清晰。
  Berkshire公司做得很好,为他们的买家提供有关他们在浏览网站时的确切位置的反馈,并且面包屑导航告诉他们他们是如何到达那里的。
  请记住,好的网站在买家提问之前必须回答买家的问题。但是,如果你的买家在试图弄清楚你的网站时分心,或者想知道点击后是否发生了什么事情,他们会感到困惑和沮丧。
  以此主页为例:
  现在看看这个网站的其他页面,看看你是否可以猜到点击了网站的哪个部分,或者你是否知道现在你在网站的哪个位置:
  你不知道你在哪里但是实际上用户点击了主页的某个地方。
  以下是一个例子,展示ThankYou页面如何作为系统状态确认:“Heyyouhavedownloadedthisreport”
  专业建议:确保使用面包屑导航,并清楚地指出导航激活的部分。
  可用性原则2:MatchYourSystemtotheRealWorld(匹配现实世界)
  JakobNielsen:
  “系统应该说用户的语言,用户熟悉的单词,短语和概念,而不是系统导向的术语。遵循现实世界的惯例,使信息以自然和逻辑性的顺序出现。“
  在设计B2B网站时可以理解为:使用买家了解的短语和单词,不要使用行话。您的买家必须看到他们熟悉的单词,短语和概念,而不是过于技术性的术语。
  事实上,最好的语言和语调应直接来自买家口中。因此,花时间与客户交谈,让他们告诉您产品对他们意味着什么,解决了什么问题,以及他们在使用产品之前的生活。您在网站上提供的任何信息都应该完全不用行话,而是以自然和逻辑的方式出现。
  看看iTunes的用户界面外观,你会理解真实文字标签如何为用户提供舒适的用户体验。iTunes本质上是一个巨大的数字图书馆,可以存储喜欢的媒体项目,无论是音乐,电影还是电视节目。很明显,使用这些真实世界的标签,可以帮助用户通过保持语言相关性,来消费他们在iMac上最喜欢的媒体项目。
  Techport13用非常简单的语言解释了他们的所作所为:
  他们的买家字面上使用的术语如下:
  “推出新软件”
  “培养团队”
  “进行系统自定义和增强”
  “让IT运行顺畅”
  在网站redesign之前,他们在主页上的语言与现在的形成鲜明对比:
  当然他们的客户不会使用以下术语:
  “我们的资源,产品和成熟战略”
  “充分利用”
  “我们的员工一直熟练地将丰富的经验应用于我们的客户”
  “各种各样的客户体验”
  专业建议:您的网站必须使用真实世界的语言与买家对话。
  可用性原则3:AllowUserControlandFreedom(用户控制权和自由度)
  JakobNielsen说:
  “用户经常错误地选择系统功能,需要一个明确标记的“紧急出口”才能离开当前错误的状态,无需进行扩展对话,支持撤消和重做。”
  在设计B2B网站时可以理解为为:消除任何将控制权从用户手中抢走的事物。
  以下是网页设计中常见违反此启发式的三个示例:(某些)Popup请求,一些自动操作如自动播放视频和自动轮播。
  Popup请求:我们都访问过突然出现弹出窗口的网站,要求我们加入网站或进行反馈调查。像这样的打扰性弹出窗口本身很烦人(虽然popup使用正确时是ok的),如果你的买家不能拒绝这样一个打扰性的请求,这种体验就会更糟。
  如果您想通过要求买家加入调查来收集反馈,那么请在弹出窗口出现时允许他们拒绝您的请求,从而给予他们100的控制和自由。信不信由你,这将提高你的调查质量,因为那些选择加入的人更可能是诚实的。
  在Grainger的网站上,一家工业供应公司,买家在弹出窗口中的大红色“加入”号召性用语按钮的正下方清楚地看到“No,thanks”。您的买家会喜欢这一深思熟虑的功能的,因为它会增加他们的用户体验。当然,那些想要提供反馈的人可以轻松地点击“Join”CAT按钮。
  自动播放视频:买家的另一个问题是,一旦买家登陆网站,一些网站会自动播放视频。这可能令人沮丧,因为有些用户感觉到这是一种麻烦。只在他们想要的时候播放视频,并让视频成为书面信息的补充。
  Square是这样做的:
  自动播放salesman:如果您认为自动播放视频很烦人,那么您还没有体验过自动播放销售人员。信不信由你,仍然有网站在使用自动播放salesman。它会让买家失去大量时间,所以要避免这些糟糕的举动。
  自动轮播:另一个导致买家焦虑和沮丧失控的例子是自动滑动横幅,尽管已经反复证明自动轮播没什么用。与其在网站中使用这种令人分心的元素,不如为您的网站好好展示信息,以便让买家轻松发现和探索,让他们完全控制自己的体验。
  例如,一种更好的方法:WSIfranchise使用标签来引导用户浏览相关内容。
  专业建议:让您的买家轻松发现并控制他们想要去的地方或他们想去的地方,消除任何移动或自动激活的内容,包括轮播、自动播放视频和语义动画。
  
投诉 评论 转载

页面中不能承受之多重引导如何处理?有时一个新功能的上线,新内容的更新,会导致在一个页面中出现层叠式的引导内容,页面上大部分引导的触发时机也比较接近。那么,对于这种多重引导,要如何处理呢?交互设计流程中,每……移动设计之视觉设计本文通过探索视觉设计解决方案和相关的最佳实践来研究移动设计,从而做出既美观又好用的应用。作为一个直接响应式的功能平台,第一个手机网站只是一个“试验品”,而不是“成品”。在……APPUI结构:用户引导提示本文要说的主题是用户引导和提示,它们都会打扰到用户,也有很多的共通点,就暂且归到一起集中聊一下。先看一下整体内容:(声明:以下图片来源于网络和应用截图,仅作为学习交……在这个火热的8月,这3种网页设计正流行设计趋势总会在你迷茫的时候,给你一点灵光。在合适的时候,恰到好处地跟风,借助流行的趋势帮你作出更合时宜的好设计。炎热的8月即将到来,我们观察到三个设计的趋势,当下正在流行。……设计师进阶笔记图形立体化的多维度讨论我们在二维平面上看到的三维图形,是将一些造型形态根据秩序和法则进行解构重组,因此呈现出来视觉深度与空间是有体积感的。而本文就关于图形立体化的多维度讨论。生活中所见到的物体……优化B2B网站体验的10个最佳实践(上)本文阐述的最佳实践只是优化的起点,不是用户体验的终点。以下是关于如何将JakobNielsen可用性启发式方法,应用于B2B或高关怀B2C领域的,新一代网站的一些想法(不……怎样平衡好页面布局与屏幕分辨率?在考虑web页面布局的时候,或者后期与UI、前端同事沟通的时候,经常会被问到“这个页面是定宽页面还是全屏页面?”“针对大小屏幕这个页面如何适配?”“这个页面是使用浏览器的滚动条……如何构建系统化交互设计自查体系?身为交互设计师的你,是否遇到过设计评审时发现细节不完善、辛辛苦苦想出来的创意被程序员产品经理挑战方案可行性,亦或是遗漏空界面等问题?交付逻辑清晰完整的交互设计方案,是设计……用户与设计师的利益矛盾我发现用户与设计师存在不可调和的利益矛盾,如果设计师不主动让步并寻求共同利益,设计价值难以发挥。一些设计师觉得自己处于食物链最低端,这可能是正确的生物的本能,眼光决定了地位。……QQ官网页面滚动交互设计本文主要是关于QQ官网页面的一个滚动交互设计,希望能分享给大家交互的设计思路。昨天同事跑来问我,官网的设计有什么想法没有,找了几种风格的官网给他看,结果一眼就看中了QQ的……网易资深设计师:如何提升设计思维?视觉设计师经常听到别人说,要有产品和设计思维,做视觉不能只关注视觉层面。那么设计思维都包括哪些方面?视觉设计师除了做好视觉,还需要关注什么?视觉设计师除了要具备设计硬素质……5个设计策略,让产品拥有更好的用户体验设计师对于世界的影响是否是巨大的?这一点是毋庸置疑的。但是即便是优秀的设计,也通过大量的日常积累,一个又一个小步骤上的微小决策,来影响我们所面对的客观世界。也许每一次的设计所带……
贴吧实战:被删了1W个帖后,做到了每天新增100公众号粉丝曾经100万粉如今送外卖还债,这6个运营坑千万别踩!揭秘:最近圈内爆红的QQ霸屏引流,他们用这种方法月入三万们分析了50万条拼多多商品数据,得出了这样的结论分享三种简单的推广渠道,玩转引流精准粉wordpress主题begin网站主菜单效果优化WordPress知更鸟Begin主题添加“富强、民主、和谐WordPress主题大前端DUX5。1主题破解增强版DUX细数自媒体的盈利的9种模式!教你如何自媒体赚钱?熊掌号原创保护雷池试水WordPress批量定时发布文章插件DXautopubli公司网络营销的策划方案Netflix出品韩剧我的名字,女主韩素希,众人一定不会陌生简洁霸气的游戏名字男得意忘形的老虎为什么大家都讨厌韩国车?蔡国庆助威小哥哥队,旗开得胜,严屹宽被队友卧底无情反杀2次最紧绷的道路版避震器德国KWVariant4媒体建议火箭追237新星,他堪称完美二当家,休城拥有两套方案教师节快乐哀桂孙十绝其八lavera有机野玫瑰面膜怎么样?lavera有机野玫瑰面膜这些来自陌生人的善意,让人感动自断财路张小斐从北漂配角到李焕英,有着怎样的人生经验

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界