让我们发疯的交互设计错误



交互设计可以将高质量的网站从人群中分离出来——如果做得好的话。然而,如果设计中有明显的错误,它只会激怒和挫败你想要给人留下深刻印象的人。

下面是我最不喜欢的IxD错误列表,这些错误让用户失望、困惑,甚至有时会让他们有点生气。

1、对比度不足

当浏览网站时,我们喜欢以清晰、鲜明的对比度浏览页面上弹出的设计。对比度有一个重要的作用——它有助于使内容可读,并轻松引导用户浏览页面。这是最基本的设计概念之一,令人惊讶的是,一些网站似乎并不理解它!

如果没有足够的对比度,无论是在调色板还是整体呈现上,一个网站最多只能看起来有点混乱;最坏的情况是无法阅读。

交互设计错误示例:

2、疯狂导航

无论你的导航想法多么新颖,首先要考虑你的用户。这不是无聊。这是深思熟虑和务实。利用导航设计最佳实践和原则:清晰、简单、一致和相关性。

交互设计错误示例:

弗洛里安·米肖

3、无响应;接触不良的目标

如今,响应式网站至关重要,除非你做了大量的用户测试,并证明移动友好网站不是必要的,否则没有理由创建一个难以在智能手机上使用的网站。

交互设计错误示例:

.ch

4、麻木的音乐

晚上放点音乐放松一下很好。在适当的时候,音乐可以很棒。然而,在99.9%的情况下,正确的时间不是你上网的时候。

没有什么比浏览一个网站,同时听一首交响乐在你耳边响起更烦人的了。如果你在为下一张专辑做广告,这可能是情有可原的。但即便如此,也只有而已。

交互设计错误示例:

.com

5.毫无意义的弹出窗口

是的,他们真的很烦人。注册!每个人都需要更多的注册!然而,总有一种更优雅的营销方式。弹出窗口可能会像孩子们为了引起你的注意而大喊大叫一样烦人。如果你必须使用它们,让它们简单、有创意,并且易于关闭。

交互设计错误示例:

.com

6、结构不良

我理解尝试创新是多么诱人。毕竟,你希望你的设计脱颖而出。然而,当创造力变成一团乱麻时,是时候引入一些急需的组织了。

伟大的设计师是伟大的沟通者。视觉层次和平衡是创造良好第一印象、塑造用户行为,更重要的是,有效传递网页以外信息的一些重要方面。

交互设计错误示例:

.co.uk

7.复杂的排版

当我访问网站时,我希望能够快速、轻松地访问信息。我们不喜欢把大字和难以阅读的阴影效果混淆。试图在移动的背景上阅读文字,或者努力使用需要放大镜才能看到的微小字体。

这里有一些规则可以帮助你复习基础知识:

  • 建立清晰的层次结构

8、形式笨拙

有时你可能需要向用户询问信息,这很好。然而,用一个太长、太耗时而无法完成的表单呈现给他们是不合适的。两次询问相同的信息也不是一个好主意。至少要准确地询问您需要什么,不要忽视跨浏览器表单样式。

良好的web表单交互体验来自清晰、简洁和一致性。

以下是一些提示:

  • 突出显示必填字段

9、复制他人,没有用户反馈;数据

从别人那里获得灵感并不一定是坏事,但你需要确保在你这么做之前,你已经得到了正确的反馈和数据,以确保你正在为你的目标受众设计真正有价值的东西。

交互设计错误示例:

。与原始AdhamDannaway.com相比

10.明显的不一致

在一定程度上混合搭配风格是可以的。然而,如果整体效果只是一个大的、丑陋的视觉“冲突”,那么建议回到绘图板,重新开始。

大IxD是一致的。它让用户更好地理解事物是如何工作的,让他们感觉能够控制情况,并提高他们处理网页的效率。正如雅各布·尼尔森(Jakob Nielson)所说,“用户的期望越正确,他们就越能感觉到对系统的控制,也就越喜欢它。”

交互设计错误示例:

DamianHarrisCycles.co.uk

11、影响太多

偶尔的位置良好的互动动画可以真正提升你网站的内容。然而,一个接一个的疯狂效果会给你的页面增加负担,你会让你的读者觉得他们有点像是进入了一个精神病院,甚至更糟。

这是我的冠军,当谈到疯狂的设计…我挑战你不要觉得有点精神错乱后,看到它!

交互设计错误示例:

.net

12、趋势追逐

保持一点时尚感很好。然而,如果你每天都在追逐最新的流行语和交互设计风格,你最终会发现一个网站读起来有点像陈词滥调。如果可以的话,敢于与众不同。

交互设计——四种正确的方法

这是我最讨厌的交互设计错误的集合。这里有一个方便的小列表,提醒你如何做对!

  1. 以目标为导向不要为了添加效果而添加效果。不要仅仅因为你觉得它好看就选择调色板、导航项目或图标。相反,看看最终目标。你希望你的网站实现什么?一旦你确定了这一点,那么希望你对应该使用什么样的交互设计有一个好的想法

想复习一下你的技能吗?

如果你想提高你的交互设计技能,这里有一些很棒的指南,里面有很多有用的信息可以帮助你:

  • 完成互动设计初学者指南

如果你认为我错过了什么,或者你有一个与交互设计相关的恼怒,你想分享,只需在下面留下评论!

来源:https://speckyboy.com/interaction-design-mistakes/

0