从著名的设计缺陷中吸取的 4 个教训

已发表: 2023-03-30

作为设计师,我们可以在一秒钟内指出出色的设计,在半秒内指出糟糕的设计。 事实上,糟糕的设计是如此引人注目,以至于有整个 subreddits 专门针对它。 我们只是受过训练,可以思考直观的解决方案,这些解决方案在视觉上也很吸引人,所以当我们看到有改进空间的东西时,它就会脱颖而出。

从损坏的按钮到有缺陷的表单再到烦人的导航模式,糟糕的设计无处不在。 虽然它有时很有趣,但也可能非常严肃。

但无论如何,您总能从设计错误中吸取教训,以免将来重蹈覆辙。 因此,让我们深入研究一些著名的设计缺陷,您可以从中吸取教训!

第 1 课:用户测试是创造卓越体验的关键

一个经典的设计“缺陷”被称为诺曼门。 如果您从未听说过这个,问问自己:您是否尝试过拉推门或推拉门? 恭喜,您遇到了诺曼门!

这些讨厌的门的问题在于设计会让您的直觉误入歧途。 要么您根本不知道如何打开门,要么您认为应该打开的门实际上应该是相反的。

诺曼式门不仅非常令人困惑和尴尬(我从来没有在第一次尝试时就把它们弄对了!),而且它们是如此普遍以至于它们已经成为一种广为人知的现象。 您可能会认为这会带来更好的解决方案和设计,但这仍然是几乎每个人都会说他们在某个时候遇到过的问题。

要点:

这里要吸取的教训是用户体验和用户测试非常重要! 如果您为其设计的人不了解如何使用或浏览您的设计,那有什么意义呢?

特别是对于网页设计,您的网页用户界面非常重要。 仅仅因为它设计精美并不意味着任何人都会知道在您的网站上哪里可以找到他们需要的信息,因此您需要以一种帮助他们知道下一步该做什么的方式来设计它。

“检查你的工作”的解决方案比你想象的要简单:做一些可用性测试,从你的目标受众那里得到反馈。 不要提示他们太多信息; 只需观察并了解他们如何浏览您的网站,以更好地了解他们希望如何使用它。 让他们提问,并为自己提问!

第 2 课:防止人为错误

阅读红色设计书的女人

不管设计得多么好,归根结底,人们还是会犯错误。 我们选择了错误的东西,点击了错误的键,并按下了错误的按钮。 那么问题就变成了:设计能帮助我们克服人为错误吗? 2018 年初发送的夏威夷导弹警报就是其中一个例子。 警报是通过按错按钮触发的,这导致许多设计师质疑更好的设计是否可以阻止它。

除非你碰巧为按下按钮的人工作,否则真的无法确定具体过程是如何运作的。 然而,人们开始提出一些重要的问题,并集思广益,设计可以帮助创建防止人为错误的保护措施的方法。 例如,如果“这是演习”和“这是真实的”按钮更独特一点或在同一菜单中不可用,则可能会避免整个情况。

这一事件震惊了世界,因为设计防止人为错误是多么重要。 即使是在网上购物这样的小事上,一个小的人为错误也会给支付和您的业务带来大问题。 正如他们所说,良好的防守是最好的进攻。

要点:

什么时候为重要更改运行验证弹出窗口是个坏主意? 我只是说如果你的数据库“删除”按钮没有“你确定吗?” 屏幕,那么我不知道你是如何忍受工作中的不确定性的。

即使在编码的基础知识中,您也开始学习如何尽可能主动地减少人为错误。 这就是为什么即使是简单的预防措施(例如设置适当的权限、进行备份或设置数据类型)也至关重要!

防止人为错误对您的网站用户也非常重要。 考虑一下:也许您有一个很长的表格供您的用户填写以获取您的服务。 点击提交后是否弹出不完整的错误? 是否有“您确定要离开吗?” 如果他们在购买过程中意外关闭,会发出警告吗? 这些都是简单的事情,可以帮助您的客户获得最佳体验,并避免您将来遇到潜在的麻烦。

第 3 课:排版不应该是事后才想到的

男人指着白色办公桌上的设计书

还记得 2017 年奥斯卡颁奖典礼的“最佳影片”获奖者错了吗? 谈谈一个简单的错误,这个错误本来可以通过一点层次结构来避免的!

虽然有几个因素导致了虚假公告,但肯定可以帮助创造一点清晰度的一个变化是更好地使用卡片本身的排版。 即使信息不多,也需要以一种对用户而言快速理解的方式显示。 这可以追溯到人为错误的斗争——如果排版不够强大,无法清楚地营造出层次感,用户只能猜测信息的顺序。 如果他们猜错了,错误就会发生,奖项就会归于错误的电影。

要点:

组织您需要的信息并使用基本设计原则始终是任何项目的良好开端。 阐明您的观点,并考虑您想要传达的主要内容或号召性用语。 你怎样才能让它在其他信息中脱颖而出? 如果有人只是浏览页面,他或她是否会确切地理解他们需要知道什么或做什么?

以类似的方式,没有人愿意访问您的网站只是为了搜索和搜索他们需要的信息。 有时,解决这种混淆的最简单方法是简单干净的设计。 这样,您就可以避免冗余或隐藏信息,每个人都可以找到他们需要的东西!

第 4 课:虽然您可能知道最新的设计趋势,但您的用户可能不知道

坐在椅子上阅读设计书的女人,附近有一堆书和植物

每当出现新的设计趋势时,亲自尝试一下都会令人兴奋。 以幽灵按钮为例。 (不,我不是在谈论形状像幽灵的按钮。)幽灵按钮通常用类似颜色(如果不是透明的)背景轻轻勾勒出轮廓,并且无缝地坐在页面上而不会引起太多注意。

这些小按钮因其吸引人的设计而引起了不小的轰动,但如果执行不当,它们可能会产生误导。 有时它们看起来只是页面上的另一个设计元素,而不是供用户点击的交互元素。

要点:

在设计方面,紧跟最新和最流行的趋势会让您看起来内行。 然而,仅仅因为很酷的孩子正在这样做,并不一定意味着它适合网站的设计。 而且我们都知道,最好有一个可以转换的基本设计,而不是一个没有性能的酷设计。

其中很大一部分是确保您的按钮脱颖而出。 如果您在一个按钮上有一条长方形细线,而该按钮位于充满其他矩形形状的页面上,那么它可能没有您想象的那么突出。

另一个提示是要有明确的号召性用语。 如果您的按钮只有“NICE”之类的语句,这可能不足以清楚地表明它是一个可单击的按钮——它可能看起来更像是一个标题或装饰元素。 使用带有“了解更多”或“立即申请”等动词的文案会更清晰。

课程总结

虽然设计缺陷很容易被发现,但我们都知道设计师总是怀有最好的意图。 随时了解情况并相互学习非常重要。 从设计中学习的最简单方法之一就是帮助设计师——第二双眼睛永远不会伤害任何东西!

当批判性地审视你自己的设计作品时,试着从用户的角度来思考它。 问问自己,这是直觉吗? 这简单但信息丰富吗? 我可以请任何人看一下这项工作吗? 批判性地审视您自己的设计有时可能很困难,但这是使您的工作更加出色的简单步骤。

您从这些设计缺陷中学到了什么? 你有没有从艰难的过程中学到的教训? 在评论中与我们分享您的经验!