跳到主要内容

如何设计符合用户期望的网站

一致性对于减少界面的认知负荷至关重要。当您的设计是一致的,每一个互动感觉顺利和无摩擦。当它太不一致时,用户必须花费不必要的努力。

但是交互设计中的一致性要比重复做同样的事情更具体一些-有一些特定类型的一致性,以及一致性比其他领域更重要的特定领域。

最重要的是,一遍又一遍地做同样的事情会产生枯燥、统一的设计。你需要知道什么时候打破一致性而不导致设计混乱。关键,就像设计中最常见的情况一样,是平衡。

Species in pieces

Http://species-in-pieces.com提供的图像

在这篇文章中,我们将详细介绍什么是一致性对于Web设计的意义,为什么它是重要的,并描述如何与用户期望的一致(外部一致性)。

为什么一致性很重要

交互设计依赖于系统的可学习性。

简单地说,当UI以一致的方式工作时,它变得可预测(以一种很好的方式),这意味着用户可以理解如何直观地使用某些函数,而无需指导。

这使产品更容易使用,这是一个垫脚石,使它更可取。相反,当UI不一致时,它会阻碍可学习性,引发用户的挫折感并导致不良体验。

UI templates

图片由IOS人类指南提供

但是一致性并不仅限于界面的外观和行为。

你的用户不会把所有的时间都花在你的产品上-他们的大部分时间都花在了其他产品上,而且他们一直在从这些其他的体验中产生想法和期望。因此,如果您与这些外部体验保持一致,您的UI的可学习性就会增加,而不需要您做任何额外的工作。

最小惊讶

当有疑问时,请参考最小惊讶原则..惊喜是很好的(就像MailChimp给用户带来幽默和乐趣的惊喜),但是您的核心功能不应该偏离规范太远。

审查并不意味着与验证相同。视频不应该被误认为是图像。不要只在悬停时显示主操作的按钮。

事实上,如果你还在质疑数字设计一致性的本质,苹果iOS人类指南很好地总结了他们的应用程序的一致性标准。用他们自己的话说.。

  1. 该应用程序是否符合iOS标准?它是否正确地使用系统提供的控件、视图和图标?它是否以用户期望的方式结合了设备特性?“
  2. 应用程序本身是一致的吗?文本是否使用统一的术语和风格?同样的图标总是意味着同样的事情吗?当人们在不同的地方执行相同的动作时,人们能预测会发生什么吗?自定义UI元素在整个应用程序中的外观和行为是否相同?
  3. 在合理的情况下,该应用程序是否与其早期版本一致?术语和含义是否保持不变?基本概念和主要功能是否基本不变?“

根据上面讨论的内容,我们可以将设计一致性分为两类:外部一致性和内部一致性。外部指的是您的UI与其他产品的一致性,而内部则是其内部的一致性。让我们来看看我们讨论的一些最佳实践UI设计的一致性

外部一致性

外部一致性不仅是您的产品与其他类似产品的一致性,它还可以指其对您平台上的所有产品、所有软件,甚至整个现实世界中的非数字交互的一致性。

那么为什么外部一致性很重要呢?总之,这是为了满足用户的期望。

为了创造一个符合你的用户期望的设计,你必须先了解他们带来了什么想法,他们甚至在使用你的网站或应用程序之前。这是可用性专家的一个概念Jared Spool指的是当前知识

Website on multiple devices

图片由英特尔自由出版社提供:www.flickr.com/相册/智能自由出版社

你的用户目前的知识受到许多外部因素的影响,从他们过去的网站到他们最喜欢的科幻电影的遥不可及的期望。不过,不要担心-在大多数情况下,用户的期望是合理的。

基于用户已经知道的内容进行设计并不是一个新的概念。这个想法已经存在多年了,演变成你今天在任何应用程序或网站上都能看到的通用设计惯例。

图像传送带,一个代表电子邮件的信封图标,点击网站徽标返回主页…。这些都被称为UI模式。

下一页:使用UI模式,避免和进一步.

话题



翻译字数超限