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

作者: Randy Alexander
创建日期: 25 四月 2021
更新日期: 16 可能 2024
Anonim
三联有文化:图像社交、ins风、网红店和网络流行风
视频: 三联有文化:图像社交、ins风、网红店和网络流行风

内容

一致性对于减少界面的认知负荷至关重要。当您的设计保持一致时,每次交互都会感觉流畅且无摩擦。如果不一致,则用户必须花费不必要的精力。

但是,交互设计中的一致性要比简单地一遍又一遍地做相同的事情更为具体-在某些特定类型的一致性中,某些领域中一致性比其他领域更重要。

最重要的是,一遍又一遍地做相同的事情将产生无聊的,统一的设计。您需要知道何时破坏一致性而又不会导致设计混乱。与设计中最常见的情况一样,关键是平衡。

在本文中,我们将详细介绍一致性对网页设计的意义,重要性,并描述如何与用户期望的一致性(外部一致性)。


为什么一致性很重要

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

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

这使产品更易于使用,这是使其更受欢迎的垫脚石。相反,当UI不一致时,它会阻碍学习性,使用户感到沮丧,并导致不良的体验。

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

用户不仅将所有时间都花在购买产品上,他们的大部分时间都花在了其他产品上,同时他们也一直在从其他体验中产生想法和期望。因此,如果您与这些外部体验保持一致,则无需进行任何额外工作即可提高UI的易学性。


最少惊讶

如有疑问,请参阅“最小惊讶原则”。令人惊喜的惊喜很好(例如MailChimp如何以幽默和有趣的方式让用户感到惊喜),但是您的核心功能不应偏离正常水平。

评论并不等同于验证。影片不应被误认为图片。不要将主要操作的按钮仅显示在悬停上。

实际上,如果您仍在质疑数字设计中一致性的性质,Apple的iOS人工指南在总结其应用程序一致性标准方面做得很好。用他们自己的话说...

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

通过上面的讨论,我们可以将设计一致性分为两类:外部一致性和内部一致性。外部是指用户界面与其他产品的一致性,而内部是指其内部的一致性。让我们看一下我们在UI设计的一致性中讨论的一些最佳做法。


外部一致性

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

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

为了创建与您的用户期望相符的设计,您必须首先了解他们带来了哪些想法,甚至他们甚至没有使用您的网站或应用程序。这是可用性专家Jared Spool称为当前知识的概念。

您用户的当前知识受到许多外部因素的影响,从他们上次使用的网站到他们最喜欢的科幻电影的牵强的期望,无论是任何因素。不过请放心-在大多数情况下,用户的期望是合理的。

根据用户已经知道的内容进行设计并不是一个新概念。这个想法已经存在多年了,并演变成如今在几乎所有应用程序或网站中都会看到的常见设计惯例。

图片轮播,一个表示电子邮件的信封图标,单击网站徽标以返回首页……这些全都称为UI模式。

下一页:使用UI模式,需要避免的事情,并进一步发展...

今天有趣
编写更好的CSS的6个步骤
阅读更多

编写更好的CSS的6个步骤

我们都去过那里。慢慢打开最新C 样式的 tyle .c 文件时,您会发现它的长度为2,000行,您需要更改的类在中间。您一个人,很害怕,不知道是否可以编辑该课程,因为它可能会使完全不同的页面上的内容翻倒。作为最后的选择,您转到文件的末尾并创建一个新类,以添加到已经有七个其他类的元素上。对于使用C 足够长时间的开发人员来说,这是一种常见的体验(有关C 的灵感,请参见我们最喜欢的C 动画示例)。因此,...
图解版式将字体放入框架中
阅读更多

图解版式将字体放入框架中

印刷术可以采用多种形式-从涂鸦字体到复古印刷术,字母的艺术一直在奉献。在这里,插图的灵感成为中心舞台,因为芬兰设计师Emil Bertell利用电影等产生的影响来创作这种插图字体。居住在芬兰赫尔辛基的插画家埃米尔(Emil)多年来为“插图字母”系列创作了这些引人注目的设计。设计师从好莱坞老电影,动物和动臂音箱中汲取影响力,并尝试色彩和形式,从而产生了令人鼓舞的结果。人物肖像非常酷,使用迪斯科舞会作...
Cinema 4D R16的新功能揭晓
阅读更多

Cinema 4D R16的新功能揭晓

Maxon的Cinema 4D已经慢慢建立了声誉,它是一种非常强大,可靠且可靠的解决方案,可以满足许多3D艺术家的需求,并且此版本并不令人失望:Maxon引入了一系列新功能,错误修复和工作流程更改。价格尚未确定,但我们确实知道今年的版本将改变游戏规则。新的运动跟踪器是第一个新功能-真正令人印象深刻的功能-新的运动跟踪器。这是一款全动态跟踪器和3D摄像机求解器,具有特别直观的工作流程。借助自动创建和...