获得可用性的创造性

卢克笨蛋 经过 卢克笨蛋  |  2013年4月22日

谈到设计真正直观,响应的,同时的网站,这也是独一无二的,它经常感觉很难调和两套优先事项。但实际上,没有什么可以进一步的真相:只需要采用一些基本思想,以便在您的设计中轻松做出最佳选择。

这些概念中最为必要的是,当UX优先于优先级时,美观的可用设计并不难以制作,并且设计适合它。毕竟,用户体验的性质决定存在某些不灵活的规则,而设计几乎无休止地灵活。一旦你了解你应该适应你的设计的方式,你应该很好地让战斗变成和平条约。

 

预期用户错误;减少用户刺激

始终考虑用户在网页上误入歧途时可能会发生什么。 错误消息 不应该在技术术语中遮挡,而是应该对这个问题的解释说明,如果适用,他们应该去寻求帮助。使用您的目的中可能改善的内容进行平衡。无论一个网站可能是多么漂亮,如果加载太长,那就不值得努力。专家说,如果网页需要3秒钟才能加载,则需要简化它。

保持形式,尽可能短,无意中;如果信息不是必需的,请不要要求它。如果您还没有,请考虑通过Facebook或Twitter提供可选登录;提供的网站经常发现他们的转换率上升,因为用户发现更方便,因此更有可能花时间报名。此外,请确保您的其余站点具有集成的社交媒体存在,这与您的设计不冲突,而且也很容易识别,如 在游戏中工作 网站。像这样的小额添加是增加了用户体验的累积精简的内容。

为此,重要的是要记住一些应在任何类型的网站上保持相当一致的标准。

 

保持网络标准

站点的一些常见元素,如页脚链路或搜索栏,可以积极遭受过度的创造力。虽然这些元素中的许多元素有原创性的空间,但重要的是以您在每个其他网站上看到的或多或少相同的形式都很重要,因为它们可以普遍地让用户预期他们以某种方式呈现。遵循以下准则:

  • 确保可点击的区域立即可识别(例如链接 这个网站)并且足够大以容易激活;
  • 分解图像和其他视觉刺激的文本块;
  • 面包屑 when applicable;
  • 尽量避免在多页上传播相同的文章或产品搜索;
  • 制作联系信息,常见问题解答,搜索栏和其他标准功能易于查找和使用。

虽然 抓地有限公司’s 网站是醒目和令人兴奋的,这也很令人难以置信。虽然有一个解释如何拖动列以显示内容,但它丢失了其他排版的混血。传统的菜单可访问,但只有当您间谍到微小的下拉时才。这是一个如此酷的网站设计,即某些用户不会在乎使用它有多困难,但许多其他用户将被推迟。但如果该网站将上述建议纳入其设计中,它仍然可以保持其冷酷因素并提供良好的UX。

例如,虽然 漫画苏打水 网站的其他设计元素相当分散注意力,用户仍然很容易找到搜索栏;它的标签和位置是清晰的,使得混淆最小化。这些小额提交给用户混淆是什么差异。

 

在哪里画出线

还有其他UX规则可以弯曲但没有破坏。但是设计师走得太远的点?导航元素是合作的一个很好的例子,因为每个网站都有某种形式的。传统上,它们以两种方式之一排列:

  • 水平 沿着页面顶部;这允许宽敞的寻找短列表;
  • 垂直 沿着页面的左侧;这种安排可以容纳更长的列表。

但是,如果他们仔细和仔细使用,还可以使用其他风格和导航系统。例如, 这个投资组合网站 有一个导航列表,占据页面的大部分,每个单词都被部分遮挡了。此外,元素不静止;它们下降并分开以显示每个部分内的内容。所有这些蓬勃发展可能都组合以形成一个令人困惑的系统,这些系统会很快挫败用户。然而,设计避免凭借如此简单的问题存在问题;这些词仍然可读;下拉的少量信息是导航列表的其余部分没有丢失的危险。总而言之,这是一个极度不同的系统,难以避免有问题。

在该行的另一边是已被称为的概念 神秘肉类导航, 其中设计的审美考虑完全压倒了可用性。在...的情况下 FLOTPAK网站, 导航必须转移到读取它所指的内容;不应该模拟的可怕的可用性功能。

 

熟悉与功能相比

在许多方面,目前的网络设计的真正战斗似乎是新的新想法,这使得不太直观的互动,并且可能不是最好的解决方案的旧实践,但是用户习惯了什么。当您考虑阶纵态设计时,通常会出现这个问题的一个例子;这是模仿在另一个媒体中所做的项目的前身的样式。

这种设计一直在网上发生,从您的桌面计算器看起来和功能,如现实生活对手,到网站上的按钮,具有逼真的下落阴影和斜面效果。这对某一点有意义,因为这些设计的熟悉程度使用户感到立即使用它们。但是,它们不一定是最好的解决方案,因为它们非常限制。

这两个优先事项之间的冲突可以通过Apple的现实“页面转向”技术来说明,用于数字阅读。这是一种吸引人的想法,因为它使得经历感觉更像是转动物理,纸页,用户可能会发现舒适熟悉的东西。然而,尽管如此 荒谬的长度 公司前往创造这种效果,它会减损用户体验。加载需要更长的时间,并在页面上轻弹是一个更困难的运动来执行简单的推动;一个笨重的运动可能会错误的方式发送用户。

 

使用明确的转换漏斗

如果您正在进行具有许多导航途径的复杂网站,则非常重要,允许用户通过该网站逻辑上移动,并使它们通知他们作为整体地图的位置。这是面包屑和其他导航设备派上用场的地方。可怕的紫色默认链接不需要用于向用户显示他们已经访问过的用户;有很多其他更具吸引力的解决方案,实现了相同的效果。

电子商务网站通常是那些因其虐待的转换漏洞而抨击的网站,但是有很多很好的例子,其中有精美的UX优化的网店。举例 织机的果实 网站,具有清洁,友好的界面,仍在逻辑构建。它甚至不是定制和复杂的后端发展的结果;该网站使用简单创建 亚马逊电子商务软件, 任何小型企业都可以利用。

 

适应扫描并添加视觉兴趣

请记住,人们以不同的方式阅读网页而不是印刷媒体。 眼睛跟踪研究 显示Web用户浏览整个页面(首先关注左上角的内容),查找像标题,拉引引号或图像等引人注目的元素。然后他们进入看起来有趣的部分。为这种心态设计是至关重要的,并确保您使用视觉层次结构,指示用户要去的用户。

茁壮成长的独奏博客 有充足的内容,但它通过使用大量的白色空间,大图像,图标和variegated字体来保持宽敞的有趣外观。大型居中的标题对扫描观众特别有用。

 

底线

虽然网站的美学创造了第一印象,但功能是让用户有希望返回的持久体验。没有局面,设计和功能的考虑无法和解;事实上,这是这两个优先级之间的相互作用,最终会创建网络上的所有最佳最令人难忘的网站。

 

您是否妥协了对美学的可用性?没有可用性,设计都可以好吗?让我们在评论中了解您的想法。

特色图片/缩略图, 功能图像 via Shutterstock.