bts防弹少年团演唱会

bts防弹少年团演唱会

直观的网页设计:如何让您的网站直观易用

《直观的网页设计:如何让您的网站直观易用》

您的网站越容易使用,人们就越多地使用它。 “易于使用”的一个重要部分是直观性。 直观的设计意味着当用户看到它时,他们确切知道该做什么。

直观的设计是看不见的。 当用户可以专注于手头的任务而不停止时,即使是一秒钟,设计也是直观的。 直观的设计将人们的注意力引向重要的任务。 最后,直观的设计注重体验。

想象一下,你在租车的地方,你已经选择了你正在买的车。 你走到它想要进去。但是当你到达汽车并伸出手来打开驾驶员的门时 – 没有把手! 你是怎么进去的?

这是非直观设计的一个例子。 非直观的设计窃取了用户的注意力。 你试图上车,但这个过程被一个不熟悉的情况所打断,没有明显的解决方案。

%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B9%9F%E6%98%AF%E5%A6%82%E6%AD%A4“>只要用户可以不间断或想到完成他们想要的任务,这一切都很好。 直观的设计是看不见的; 非直观的设计扰乱。

由于直观的设计是隐形的,人们不会停下来欣赏它(因为它们甚至都不会注意到它),但是如果它不在那里,它们立即注意到。 不直观的设计迫使人们专注于与他们的任务无关的元素。

设计直观界面的问题: 对谁直观

为什么会有这么多网站让人畏缩? 为什么不让所有网站直观? 那是每个人都想要的,对吗? 问题是建立直观的网站很难 – 人们是不同的。 一个人的直觉对另一个人来说并不直观。

设计本身不能直观 – 使用它的人是否 感觉 它是直观的。

大多数网站的设计都是出于好意。 它们意味着直观 – 但通常是设计师。 普通的开发人员或设计师不会花时间观察人们使用他们正在设计的东西。

人们看到世界本来就是这样,当他们设计某些东西时,他们会无意识地为自己设计它 – 适用于具有相同水平计算机技能,使用某种界面的经验等的人。

直观的设计从了解用户开始。 你需要找出对他们来说直观的东西。 理解当前知识与目标知识的重要概念。

当前知识与目标知识

人们来到您的网站预先加载了现有知识(来自以前的经验)。 这就是Jared” pool> “当前知识”。然后,有“目标知识” – 用户在使用您的网站或应用程序时需要了解多少。

两者之间的区别在于“知识差距”。 您的工作是构建一个界面,最大限度地减少用户在访问您的网站之前所知道的知识差距以及他们必须知道如何正确使用它。

《直观的网页设计:如何让您的网站直观易用》
知识差距是提供直观设计的关键挑战。 (图片来源)

要使您的任务复杂化,您可能拥有各种各样的用户。 有些是技术娴熟的计算机书呆子; 其他人是计算机文盲阿妈 – 加上介于两者之间的一切。

目标群体越窄,对您来说就越容易。 观众越广泛,设计挑战就越大。

直观设计的概念模型

如果用户从未使用过您的网站,则并不意味着他们当前的知识是零。 他们之前可能使用过其他类似的网站或产品。 有些人没有,但每个人都有一个概念模型。

假设您从未在网上购物,但您已经进行了数百万次离线购物。 我坐在电脑前,向你展示Amazon.com,向你解释你可以在那里买东西。

您将应用离线购物的概念模型来尝试复制体验。 网上购物的期望来自线下购物的心理模型 – 您获得的最接近的体验。

《直观的网页设计:如何让您的网站直观易用》
早期的电子阅读器利用现有的关于阅读书籍体验的概念模型。

但是,让我们说他们以前在网上买过东西,而不是亚马逊。 现在概念模型略有不同。 对于该用户,直观的设计需要反映在其他网站上购物的体验。

如果您的大多数用户从未使用过您所拥有的网站或在线服务,则需要处理概念模型。 这就是为什么你必须弄清楚他们使用你的网站最近的经验。 如果网站与用户的心理模型不匹配,用户将发现该网站难以使用 – 不直观。

了解你的用户(研究他们!)

要设计用户直观的网站,您需要了解当前和目标知识点的位置。 用户已经知道什么以及他们需要知道什么?

找到这个有两种很好的方法:

  1. 实地研究。 转到您的客户,并在他们的自然栖息地使用网络观察他们。 你会了解他们目前的知识。
  2. 过度%E5%8F%AF%E7%94%A8%E6%80%A7%E6%B5%8B%E8%AF%95“> 让人们使用该网站,让他们执行一系列任务,并要求他们大声评论他们的思维过程。 这也可以远程(通过互联网)完成。 这将确定目标知识。

在这两种情况下,观察并记笔记而不会干扰。 您将快速确定主要问题。 十名测试对象通常会发现超过90%的挑战。

从那里,根据你学到的东西%E5%BB%BA%E7%AB%8B%E4%BA%BA%E7%89%A9%E8%A7%92%E8%89%B2“>

什么时候网站直观易用?

从广义上讲, 当前知识等于目标知识时设计是直观的。

Spool%E5%86%99%E9%81%93“>

  1. 当前知识点和目标知识点是相同的。 当用户走向设计时,他们知道操作它所需的一切并完成其目标。
  2. 当前的知识点和目标知识点是分开的,但是用户并不知道设计有助于缩小差距。 用户正在接受培训,但其方式似乎很自然。

换句话说,你要么让它变得如此简单,以至于它不需要任何学习,或者你添加了易于发现和遵循的指令,技巧和%E5%BE%AE%E8%A7%82“>

第一个条件的最佳示例是Google搜索。 你不能错误地使用它。 没有学习曲线。 它显而易见。

《直观的网页设计:如何让您的网站直观易用》
Google让用户可以轻松找出要做的事情 – 设计就像直观一样。

第二个条件的一个很好的例子是Wufoo“>

《直观的网页设计:如何让您的网站直观易用》
对于更复杂的界面,微观和其他设计元素可以弥合当前和目标知识之间的差距。

因此,您有两种直观设计选择:

  1. 通过简化设计,降低目标知识要求,直至满足当前知识。
  2. 通过指令将当前知识转移到目标知识。

(当然,你也可以使用两者。)

直观的导航(和搜索)

大约76%的%E6%B6%88%E8%B4%B9%E8%80%85%E8%AE%A4%E4%B8%BA%E7%BD%91%E7%AB%99%E8%AE%BE%E8%AE%A1%E4%B8%AD%E6%9C%80%E9%87%8D%E8%A6%81%E7%9A%84%E5%9B%A0%E7%B4%A0%E6%98%AF%E2%80%9C%E7%BD%91%E7%AB%99%E8%AE%A9%E6%88%91%E5%BE%88%E5%AE%B9%E6%98%93%E6%89%BE%E5%88%B0%E6%88%91%E6%83%B3%E8%A6%81%E7%9A%84%E4%B8%9C%E8%A5%BF%E3%80%82%E2%80%9D”>

那么他们如何去寻找他们想要的东西呢? %E5%AF%BC%E8%88%AA“>

一种很好的方法可以确定哪些内容属于哪种菜单项是%E5%8D%A1%E7%89%87%E5%88%86%E7%B1%BB“>

它还可以帮助您选择菜单项的标签。 清楚地标记您的菜单项,以便人们知道链接背后的内容。 %E4%BD%BF%E7%94%A8%E8%A7%A6%E5%8F%91%E8%AF%8D“>

然而, 50%EF%BC%85%E7%9A%84%E7%94%A8%E6%88%B7%E4%B8%8D%E4%B9%B0%EF%BC%8C%E5%9B%A0%E4%B8%BA%E4%BB%96%E4%BB%AC%E6%89%BE%E4%B8%8D%E5%88%B0%E4%BB%96%E4%BB%AC%E6%83%B3%E8%A6%81%E7%9A%84%E4%B8%9C%E8%A5%BF%E3%80%82″>

亚马逊拥有庞大的库存,他们将搜索作为其网站的核心。 你能用其他方式想象吗?

《直观的网页设计:如何让您的网站直观易用》
易于查找,易于使用的网站搜索功能可以直观地为不同的用户群提供标签菜单项的一些压力。

(哦,并确保您在Google Analytics中%E5%90%AF%E7%94%A8%E2%80%9C%E7%BD%91%E7%AB%99%E6%90%9C%E7%B4%A2%E2%80%9D%E8%B7%9F%E8%B8%AA“>搜索者有意图并知道他们正在寻找什么。)

人们将大部分时间花在其他网站上

要记住的一件好事是,人们将大部分时间都花在其他网站上。 您的网站只是他们收到的总投入的一小部分,以形成他们的概念模型或建立他们当前的知识。 %E5%A6%82%E6%9E%9C%E4%BD%A0%E6%90%9E%E4%B9%B1%E6%83%AF%E4%BE%8B“>

网站设计的典型惯例包括:

  • 点击徽标(位于左上角)应该始终将用户带回%E4%B8%BB%E9%A1%B5“>
  • 水平导航菜单中的最后一个链接(或垂直菜单中的底部链接)应为“联系人”。
  • 您应该在页脚中有联系信息。
  • 力求一致性:导航和其他重要元素应保留在整个站点的相同位置。
  • 链接应该很容易与常规文本区分开来。
  • 如果用户可以(并且应该)向下滚动,则必须显示滚动条。
  • 左对齐文本比右对齐更容易阅读(因为西方人从左边读取)。
  • 显示描述性帮助消息和通知。
  • 在整个界面中使用用户可以理解的简单语言术语(例如,使用“联系人”代替“通信”)。

是的,规则总是有例外 – 但创新是困难且有风险的。 在大多数情况下,不要重新发明公约。 让这些东西像人们期望的那样工作。

重新设计要小心

Luke Wroblewski最近在芝加哥举行的An Event Apart会议上做了笔记,其中Jared Spool提出了关于%E9%87%8D%E6%96%B0%E8%AE%BE%E8%AE%A1%E7%BD%91%E7%AB%99%E7%9A%84%E8%A7%82%E7%82%B9%EF%BC%9A%E4%BB%96%E4%BB%AC%E5%8F%AF%E4%BB%A5%E6%90%9E%E4%B9%B1%E7%9F%A5%E8%AF%86%E5%B7%AE%E8%B7%9D”>

后台继续:

一家大型零售商重新设计了1亿美元,转换率下降了20%。 一家律师事务所不得不关闭。 医生的办公室和航空公司经历了严重的延误。 他们的网站/应用程序对他们最重要的用户不再直观。

大约20%的用户为网站带来了80%的收入,而且那些受重新设计影响最大的顶级买家也是如此。 他们知道事情是如何运作的,当你重新设计网站时,你会对它们进行更改。

并不是人们讨厌改变。 他们只是讨厌带走现有知识的变革。 直观的设计不会强迫用户参与更改。

你需要专注于最重要的事情 用户 买家。 设计需要对他们来说最直观 不要试图取悦所有人。

重新设计的一个好方法是使用精益设计方法。 减少完成%E6%9E%84%E5%BB%BA%E6%B5%8B%E9%87%8F%E5%AD%A6%E4%B9%A0%E5%91%A8%E6%9C%9F%E6%89%80%E9%9C%80%E7%9A%84%E6%97%B6%E9%97%B4%E3%80%82″>

这种增量方法使您能够测量并因此快速了解变更是否带来正面或负面结果。 什么是最佳结果? 如果你上线那天没有人注意到你就会成功。

当您拥有大量回访者时,这适用。 但是,如果您的网站流量很小且当前设计存在缺陷,请不要犹豫,进行全面检修(“彻底重新设计”)。

结论

旨在使您的网站对您的核心用户更直观, %E6%82%A8%E5%B0%86%E8%8E%B7%E5%BE%97%E6%9B%B4%E9%AB%98%E7%9A%84%E8%BD%AC%E5%8C%96%E7%8E%87%E5%92%8C%E6%9B%B4%E9%AB%98%E7%9A%84%E7%94%A8%E6%88%B7%E5%BF%A0%E8%AF%9A%E5%BA%A6%E3%80%82″>

研究用户的行为,并始终在界面上执行用户测试。

使用迭代重新设计流程来测试小的变化,而不是通过大规模的改造来冒险站点性能。

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注