UX 设计 101: What Makes a Great Website?

不久前我写了一篇关于韦德电竞平台错误的文章,包括一篇 坏的网站清单. 但 why focus only on the negative? 的re’s enough of that these days. 让我们谈谈更好的东西:如何做一个伟大的网站.

现在,你的商业网站是否优秀并不取决于你. 你不能强迫你网站的访问者玩得开心. 就像艺术一样,网站也是主观的. 一个好的网站对每个人来说都是不同的.

的 good news is that there 许多 网站功能是普遍令人敬畏的, for any audience, br和ing, or design. It 所有 comes down to the user experience.

第一个, 你需要理解什么是“用户体验”与你的商业网站有关, 以及为什么今年它比以往任何时候都重要. 然后我们再深入调查 用户体验设计的关键元素,将帮助你做出一个伟大的网站.

请随意使用目录直接跳到列表!

用户体验设计101

你不需要学习成为一个用户体验(UX)设计师来拥有一个伟大的网站. 但 if you don’t underst和 the basics of UX, 您没有准备好做出关于站点设计和内容的最佳决策.

事实用户体验设计通过销售渠道推动人们
事实: UX design directly impacts your bottom line
事实: UX design affects your search ranking

本节将从业务的角度对UX设计进行高级介绍.

什么是用户体验设计?

用户体验设计,也被称为“交互设计”,是关于 crafting a website based on 可用性.

UX design is like the blueprint of a house. 蓝图包括从房间的数量到一切, 窗口位置, 以及门通向电器的方向. 它确保房子是宜居的,并且有足够的空间放你所有的东西.

用户体验设计也做同样的事情,但对你的网站!

对于我们完整的homebuilding/web设计类比,检查这个锻造经典: Build Your Content’s Dream Home!

A UX design process typic所有y starts with research on the intended audience 对于一个网站:

    • 他们的痛点
    • 他们的动机
    • 他们的目标
    • What they need to achieve on the site
    • 甚至当他们遇到不同的页面时,他们可能在做什么以及他们的情绪状态

Oh yeah, UX design goes deep.

它还 认为你的内容 -你有什么内容, 如有应修剪, 如果你的企业缺少理想的用户体验中的任何主要内容.

然后它开始 create a logical architecture 所有这些内容. 像一个图书管理员, 它会将所有文件归档到目标人员可能会找到的地方, 同时为同一最终目标的交替旅程创造横向路径. 优秀的用户体验设计会考虑主要用户、次要用户、甚至第三级用户.

This is 所有 accomplished through the decisive placement 和 structure 的菜单, 插图的编号, c所有-to-action (CTA) buttons, featured or related content suggestions, 和 the order of content on a page. 交付的是一个交互式的网站线框原型, 所以你可以在添加颜色和内容之前测试它的可用性.

优秀UX设计的首要目标是 在正确的时间传递正确的信息,以保持访问者在网站中移动,以达到他们的预期目标.

That’s a nutshell version of UX design. 还有比这多得多的东西,你也应该理解 difference between UI 和 UX design, but as long as you focus on 可用性,你会做出好的选择,并最终得到一个伟大的网站.

为什么用户体验设计很重要

我认为用户体验设计很重要,但这是为什么呢? Where’s the tangible proof that 用户体验设计需要从商业角度考虑?

让我们回顾一下我在本节开头所介绍的事实.

用户体验设计推动人们通过销售渠道

用户可以通过多种方式登陆你的网站.

    • 通过在搜索结果中找到你的页面
    • 从搜索广告中
    • 从社交媒体
    • 从一个电子邮件
    • 来自一个朋友或家庭成员在消息中分享的链接
    • 通过在平面广告上看到你的URL

How someone finds you says a lot about where they 是 in the buyer’s journey (我强烈推荐 learning about search intent!).

用户体验设计考虑了所有这些选项,甚至更多, 和 ensures that wherever a person l和s, there is clear messaging, 导航, 和 content to help them take the next step.

这可能是从漏斗顶部到中间, 比如阅读一篇博客文章,并被引导查看你的韦德电竞平台. It could also be middle to bottom, 比如什么消息和功能可以帮助一个人进入并完成结帐过程. 你还应该鼓励他们在头部和中部横向移动, 在那些不准备皈依的人之间建立更多的信任.

UX 设计 Directly Impacts Your Bottom Line

无论是做销售还是获得领先,每个商业网站都有一个盈利的最终目标. 一个伟大的网站有这样一个简单而令人满意的体验,很韦德电竞平台地达到这个目标.

用户体验的考虑, directly impact leads 和 sales 包括:

    • 菜单 – size, locations, options, copy
    • CTA按钮 – context, placement, copy
    • -步骤的数量购买,复制,错误消息
    • 形式 -位置,字段的数量,复制在和周围的字段
    • Trust 和 credibility content ——位置,突出
    • 封闭的内容 – location, form considerations
    • 可靠性 – visible signs of data security, messaging
    • Mobile-friendliness – easy to complete tasks on any device

如果在这些用户体验元素中存在任何一个弱点,你的销售就会受到影响. 期.

UX 设计 Affects Your Search Ranking

谷歌是关于 creating their own happy user experiences. 这就是他们占据搜索引擎市场份额的原因. 谷歌和其他搜索引擎努力使用机器学习提供有效的排名搜索结果, AI, 和 natural language processing.

What is Google looking at? Among its 200+ ranking factors you’ll find several that come from human interaction 与你的网站. 记住,用户体验设计也被称为交互设计,所以这是字面上的 planning for positive interactions that will be noted by search engines.

即使一个页面的标题和元描述可能是赢得点击从搜索结果, 这是经验,一旦读者着陆告诉谷歌,如果你是一个好网站,应该排名更高的搜索-或更低.

好的用户体验的某些方面是在站点级别上控制的, while others 是 a part of the page design:

    • 快速加载(Keep Reading 核心Web命脉 作为一个新的排名因素)
    • Mobile-friendly, responsive content
    • 安全的网站(HTTPS)
    • Free from intrusions that impede user flow
    • 引人注目的内容展示,吸引更长的会话
    • 在正确的时间传递正确的信息,并明确下一步的路径, 鼓励用户在每个会话中浏览更多内容(并降低跳出率)
    • 设计ed for accessibility

用户体验的作用:如何做一个伟大的网站设计

现在你相信用户体验设计是如何帮助企业的. 让我们开始吧 最重要的用户体验因素你的网站需要 to be a truly great website.

  1. Focus on one main audience
  2. Plan for multiple paths through the site
  3. Place menus in logical places
  4. Be judicious with menu choices
  5. Be judicious with 所有 options!
  6. Ensure clear wording on menus 和 CTA按钮
  7. Harness the power of your footer menu
  8. Know when to click 和 when to scroll
  9. 允许复杂的细节隐藏在点击后面
  10. Allow your website to start a conversation
  11. 把社会证明放在cta附近的转换页
  12. Be strategic with related content
  13. 对标注和页脚的cta要有额外的策略
  14. Your page flow should tell a story
  15. Give your hidden pages some love

1. Focus on One Main Audience

虽然大多数企业都有两到三个网站受众,但这只是 不可能规划出吸引所有人的内容 同样. A strong website has a content structure, 导航, 以及主要关注于帮助主要受众实现他们的目标的信息.

这将得到更强的页面交互信号(与搜索引擎对话的信号),并导致更多的转换.

这并不是说你应该忽略其他所有人. 您可以使用像cta和菜单选项这样的导航工具,通过它们自己的消息传递和用户流将二级和三级受众引导到页面.

从他们充满活力的调色板和图像选择到他们的对话信息,这些 一个咖啡 网站是关于咖啡爱好者谁更喜欢可持续的豆荚.

2. Plan for Multiple Paths Through the Site

Your website isn’t a simple A-to-B line. 有很多方法可以让你的客户从入口转向转换. 对于B2B用户,我们也知道他们在转换之前必须访问我们的站点好几次.

一个好的用户体验设计会 think of as 许多 little paths as possible,计划要合乎逻辑 信息架构 让这些访问者朝着最终目标流动.

OrderMetrics 该网站提供了大量的韦德电竞平台导航机会, 来支持B2B用户可能使用的各种研究流程.

3. Place 菜单 in Logical Places

无论是笔记本电脑、平板电脑、台式机还是手机 你希望你的网站内容发现是一件轻而易举的事. 人们希望使用菜单,他们希望在“正常”的地方找到菜单.

桌面网站上模糊的汉堡菜单“就像把车门放在车顶上,因为汽车的侧面没有线条看起来更好。,我们的创始人兼首席用户体验设计师Shawn Johnston说道.

Save the hamburgers for mobile, 和 make sure you have highly visible, easily-clicked or tapped menus. 这适用于主菜单和页脚菜单, 包括搜索栏或过滤菜单,以帮助访问者找到该内容. Learn more in our full article on website 导航 best practices.

Surrey Hospitals Foundation 是该地区最大的非政府医疗资助机构吗, 但他们的菜单很简单——每台设备上都有一个突出的捐赠按钮.

4. Be Judicious with Menu Choices

这是我们在每一篇关于用户体验设计的文章中提到的一点 太多的选择会导致访问者什么都没有选择. 一个好的菜单应该有清晰的选项选择,整齐地分为逻辑组.

If you have a large number of pages, consider dividing your content into two menus, 以最重要的内容为主要受众而突出地呈现在主菜单中.

OrderMetrics 菜单简洁明了, 和 maintains the same warm, 他们在整个站点中使用会话信息.

5. Be Judicious with All Options!

As with menu options, you want to choose 所有 选项有 关注将创建逻辑用户流的内容. 阻碍游客实现目标的障碍包括:

    • 不同类型的内容有太多的标注
    • 太多的入侵(弹出窗口,其他潜在客户生成请求)
    • 太多的菜单

If your website has a good UX design, 你的内容仍然会被高度发现,而不会让访问者感到不知所措.

Forestry Innovation Investment 是一个拥有丰富内容的巨大资源,但每个细节呢, from their page designs to their menus, 整洁的感觉.

6. Ensure Clear Wording on 菜单 和 CTA 但tons

任何时候我们要求访问者点击进入另一个页面, 我们在请求他们相信我们,这是值得的. 这是一个很大的要求!

让一个人在你的网站上走动的最好方法是 有明确的缩微复制 – the words that appear on menus 和 buttons. 尽管这些导航工具通常只有一两个词, 这些文字会对你的转化率产生巨大影响.

你可以用"查看全部"或"注册"这样简单的语言, 但如果适合你的受众,不要害怕赋予它更多个性. 只是要确保它仍然清楚当他们点击时会发生什么.

能力 & 豪 通过在CTA按钮上使用简单的显微镜,提供了明显的下一步来深入到该站点.

7. Harness the Power of Your Footer Menu

我们花了10年时间建立可用的网站. 在这段时间, 我们可以使用强大的用户体验工具,比如热图, 页面上的点击和点击发生在哪里. 我们看到的是 a lot of action happening on footer menus.

一些公司甚至使用页脚菜单来提供主菜单中不可见的选项, 保持整洁. This might include a list of locations, 博客类别, 或与项目和韦德电竞平台相关的行业.

CopperTree分析 有一个复杂的产物, 但是他们的页脚菜单很容易找到他们的主要用户可能需要的任何东西.

8. Know When to Click 和 When to Scroll

这是一个 major UX myth that clicking is bad, 和 you should cut down on clicks. 理想情况下,完成任务所需的点击量最少,但是 点击和滚动之间的平衡 仍然是好的用户体验.

Make sure your clicks 是 worthwhile. 你在内部网站页面上找到的内容是一个可以接受的点击地点, 因为访问者已经深入到网站并且更加投入. 例如:产品、博客登陆页面和在相关内容之间移动的插图的编号.

另一方面,主页面应该使用滚动.

肾上腺素 在有意义的地方使用点击:详细探索他们的服务, 扩展业务常见问题, on their 博客 l和ing page, 和 to move between 博客 posts.

9. 允许复杂的细节隐藏在点击背后

有些内容对眼睛来说太难了. 如果滚动的过程中有很多东西可以看,那么它是令人愉快的. 但如果你有复杂的技术规格要传达,你可以从中受益 placing those behind clicks.

在这种情况下,单击查看子页面上的更多细节是完全可以使用的. 想要技术信息的人会点击. 另一个很好的方法是使用手风琴内容, 细节隐藏在哪里,除非单击展开. 通过这种方式,读者可以控制他们在页面上看到多少内容. This is especi所有y good for FAQ pages.

SaaS公司有很多复杂的细节,但是 软着陆 保持页面的可视性和参与手风琴块的工作做得好吗.

10. Allow Your Website to Start a Conversation

On that note – it’s always a good idea to 问问你自己是否所有复杂的信息都需要放在那一页上.

网站不再是你公司所做的一切的小册子. B2B网站提供产品的良好概述是很常见的, 服务, 或流程, 并鼓励访客韦德游戏平台以了解更多详情.

Kenorah 通过描述每个阶段对客户的影响来概述他们的家庭装修过程. 更精细的细节要在导线接触后才能进行.

11. 在cta附近放置社会证明到转换页

Social proof is a powerful tool. 统计数据显示,绝大多数人在购买前会阅读多个评论. 为什么你认为网红营销是如此成功? 看到一个像你一样的人享受一个产品会让它更有吸引力.

And this is 同样 applicable to B2B sales. G2的一项研究发现 92%的B2B买家更有可能在阅读可信的评论后购买. Testimonials can actu所有y 将转化率提高34%!

放置这些超级令人信服的内容的最佳地点是靠近CTA按钮,这将导致转换页面.

Envisio is smart with their social proof, placing testimonials on their Pricing page, 行业页面, 以及在韦德电竞平台的上面的页脚CTA按钮.

12. Be Strategic with Related Content

再强调一遍: 访问者参与网站的方式会向搜索引擎发送排名信号. 让用户四处走动,浏览更多内容,对你的销售漏斗有好处 对你的SEO有好处.

我们强烈建议对相关内容使用有吸引力的标注, on your top- 和 middle-of-funnel pages. 显而易见的是产品或博客文章的位置. 展示与您提供的服务相关的韦德电竞平台或项目也是有好处的 韦德电竞平台是很好的转换驱动内容.

如果你探索 韦德电竞平台:木 博客, 你会看到很多令人兴奋的相关内容,包括其他博客文章, 资源, 和相关的项目.

13. 对标注和页脚的cta要有额外的策略

另一个帮助用户体验的网站功能——当有效使用时——是一个标注. This block usu所有y features copy, 一个图像, 至少有一个CTA按钮引导你的网站的其他部分. 当放置在页尾时,通常被称为“页脚cta”。.

关于标注和页脚cta的事情是 they have to offer a natural next step. 如果c所有out对买家的这一阶段没有意义, it’s not going to get clicked.

这可能是要求太多的人阅读博客文章韦德游戏平台你关于一个海关机构质量网站. 当别人正在浏览你的作品样本时,在你的职业页面上显示你的内容也没有意义——这些内容通常针对两个不同的受众.

Here 是 examples of natural next steps:

    • 博客 -相关的帖子,时事通讯注册,门控内容
    • 关于页面 -团队页面,职业页面,其他关于你公司故事的内容
    • 服务 -相关项目或韦德电竞平台,韦德游戏平台页
    • 韦德电竞平台 – 韦德游戏平台 page, Book a Demo

的卡通 有三个观众, 并在他们的页面和页脚上提供标注,感觉像是页面的主要受众的一个韦德电竞平台的下一步.

14. Your Page Flow Should Tell a Story

我一直在抛出“用户流”和“买家之旅”这样的词——这里是如何理解它的. 想象你是故事中的主角,英雄. 你的追求取决于你在网站的每一页所遇到的内容.

Read each page from top to bottom. 一个伟大的网站会像一个故事一样展开. 如果因为内容没有按照逻辑顺序排列在一起而让人感觉脱节, or r和om topics 和 pages 是 c所有ed out, you need to revisit your story.

建立情感韦德游戏平台是非营利网站的关键 一个世界教育 这是通过设计讲故事的好例子吗.

15. Give Your Hidden Pages Some Love

当一家公司把想法放在细节上时,你几乎会认为他们会忽略, it creates a fantastic user experience. 我们期望网站的所有主页都是可用的,这是肯定的. 但 当访问者发现你网站的隐藏页面时,他们会有什么样的体验?

    • 感谢页面,只有在填写表格后才能看到
    • Newsletter signup confirmation
    • Content download confirmation
    • 404错误页面
    • 0结果页面,当没有结果匹配您的搜索时看到

这些页面往往留下简短、通用的文本,甚至感觉不到品牌. 你有机会做一些有趣或有益的事情, 比如突出你网站上其他地方找不到的内容, display a little game or a meme, 甚至提供优惠券代码.

我们喜欢任何将令人失望的用户体验转变为积极体验的机会! 这个笑话点亮了我们儿童公司网站的404页面.

 

我希望你现在觉得自己对用户体验设计有足够的了解,知道什么是一个伟大的网站.

你是否打算重新设计你的公司网站, 或者你打算自己做一些小的刷新, 专注于用户体验是你能做的最好的事情. 如果每个选择都是基于对你的目标用户最好的, 你最终会得到一个很棒的网站,它能带动销售.