交互设计可以将高质量的网站从人群中分离出来——如果做得好的话。然而,如果设计中有明显的错误,它只会激怒和挫败你想要给人留下深刻印象的人。
下面是我最不喜欢的IxD错误列表,这些错误让用户失望、困惑,甚至有时会让他们有点生气。
当浏览网站时,我们喜欢以清晰、鲜明的对比度浏览页面上弹出的设计。对比度有一个重要的作用——它有助于使内容可读,并轻松引导用户浏览页面。这是最基本的设计概念之一,令人惊讶的是,一些网站似乎并不理解它!
如果没有足够的对比度,无论是在调色板还是整体呈现上,一个网站最多只能看起来有点混乱;最坏的情况是无法阅读。
交互设计错误示例:
无论你的导航想法多么新颖,首先要考虑你的用户。这不是无聊。这是深思熟虑和务实。利用导航设计最佳实践和原则:清晰、简单、一致和相关性。
交互设计错误示例:
弗洛里安·米肖
如今,响应式网站至关重要,除非你做了大量的用户测试,并证明移动友好网站不是必要的,否则没有理由创建一个难以在智能手机上使用的网站。
交互设计错误示例:
.ch
晚上放点音乐放松一下很好。在适当的时候,音乐可以很棒。然而,在99.9%的情况下,正确的时间不是你上网的时候。
没有什么比浏览一个网站,同时听一首交响乐在你耳边响起更烦人的了。如果你在为下一张专辑做广告,这可能是情有可原的。但即便如此,也只有而已。
交互设计错误示例:
.com
是的,他们真的很烦人。注册!每个人都需要更多的注册!然而,总有一种更优雅的营销方式。弹出窗口可能会像孩子们为了引起你的注意而大喊大叫一样烦人。如果你必须使用它们,让它们简单、有创意,并且易于关闭。
交互设计错误示例:
.com
我理解尝试创新是多么诱人。毕竟,你希望你的设计脱颖而出。然而,当创造力变成一团乱麻时,是时候引入一些急需的组织了。
伟大的设计师是伟大的沟通者。视觉层次和平衡是创造良好第一印象、塑造用户行为,更重要的是,有效传递网页以外信息的一些重要方面。
交互设计错误示例:
.co.uk
当我访问网站时,我希望能够快速、轻松地访问信息。我们不喜欢把大字和难以阅读的阴影效果混淆。试图在移动的背景上阅读文字,或者努力使用需要放大镜才能看到的微小字体。
这里有一些规则可以帮助你复习基础知识:
有时你可能需要向用户询问信息,这很好。然而,用一个太长、太耗时而无法完成的表单呈现给他们是不合适的。两次询问相同的信息也不是一个好主意。至少要准确地询问您需要什么,不要忽视跨浏览器表单样式。
良好的web表单交互体验来自清晰、简洁和一致性。
以下是一些提示:
从别人那里获得灵感并不一定是坏事,但你需要确保在你这么做之前,你已经得到了正确的反馈和数据,以确保你正在为你的目标受众设计真正有价值的东西。
交互设计错误示例:
。与原始AdhamDannaway.com相比
在一定程度上混合搭配风格是可以的。然而,如果整体效果只是一个大的、丑陋的视觉“冲突”,那么建议回到绘图板,重新开始。
大IxD是一致的。它让用户更好地理解事物是如何工作的,让他们感觉能够控制情况,并提高他们处理网页的效率。正如雅各布·尼尔森(Jakob Nielson)所说,“用户的期望越正确,他们就越能感觉到对系统的控制,也就越喜欢它。”
交互设计错误示例:
DamianHarrisCycles.co.uk
偶尔的位置良好的互动动画可以真正提升你网站的内容。然而,一个接一个的疯狂效果会给你的页面增加负担,你会让你的读者觉得他们有点像是进入了一个精神病院,甚至更糟。
这是我的冠军,当谈到疯狂的设计…我挑战你不要觉得有点精神错乱后,看到它!
交互设计错误示例:
.net
保持一点时尚感很好。然而,如果你每天都在追逐最新的流行语和交互设计风格,你最终会发现一个网站读起来有点像陈词滥调。如果可以的话,敢于与众不同。
这是我最讨厌的交互设计错误的集合。这里有一个方便的小列表,提醒你如何做对!
如果你想提高你的交互设计技能,这里有一些很棒的指南,里面有很多有用的信息可以帮助你:
如果你认为我错过了什么,或者你有一个与交互设计相关的恼怒,你想分享,只需在下面留下评论!
来源:https://speckyboy.com/interaction-design-mistakes/