UI 提示是设计师的新点击诱饵吗?✨



图片:只是用户界面提示的谷歌图片搜索

不要这样做,这样做!(这篇文章也可能是点击诱饵,tbh)

UI 提示无处不在——是我,还是我的 Twitter 提要?自 2020 年左右以来,我看到了很多很多“UI/UX 提示”。Twitter、Medium 和 Instagram 上出现的“不要这样做,要那样做”的建议列表——这些建议有望快速提高我的 UI 设计技能。

是明智的建议、随机的意见,还是 UI Tips 成为最新形式的点击诱饵?

来自 Tomas Nosek 的推文,说我讨厌那些该做什么和不该做什么的清单。 讨厌他们! 我都知道,大部分规则。 但是我总是遇到一些,就在睡觉前,必须检查一下......因为......如果我错过了什么怎么办?!?!

为什么 UI 提示如此可点击?👁👅👁

“不要做这个,做那个”的格式很容易理解,快速消化,并且乍一看非常有用。由于这些原因,无论其内容如何,​​它们都很容易引起注意……有点像点击诱饵:

 主要目的是吸引注意力并鼓励访问者点击指向特定网页的链接的内容。点击诱饵定义 –维基百科 ^̮^

就像上面Tomas Nosek 的诚实推文一样,我经常被吸引到阅读这些提示文章,然后跟随作者获取更多信息,结果却对从他们那里学到的更多信息感到失望。许多人一开始很有希望,然后当你越过表面时就缺乏真正的实质。我在 UI 设计方面并不先进,远非如此——但即使对我来说,许多技巧都感觉很基本、模棱两可,甚至会产生误导,因为意见经常被描绘成事实。

我仍然点击新的——他们总是有 100 多个喜欢,我怎么能抗拒?最后,感觉就像作者为点击、影响力和受众建立提供了技巧。有时感觉就像他们正在从桶底刮掉 UI 提示。任何事情都可以创建那个神奇的可点击标题:

 改善设计的 10 个 UI 技巧!\ (•◡•) /

然后续篇文章有更多模棱两可的提示。我以前读过的优质书在哪里?

装饰部分分隔线

“做与不做”从何而来?

我第一次记得从样式指南(例如 Google 的 Material Design 以及 Apple 的东西)中看到了 UI 设计意义上的“做”和“不”格式:

暗模式的材料设计指南 - 做和不做的比较。 做:为较小的表面保留明亮的颜色。 不要:不要在大表面上使用明亮的颜色,因为它们会发出过多的亮度。
暗模式的材料设计指南

我读到的最好的文章来自Steve Schoger在 2018 年的重构 UI 设计技巧和博客文章

在我看来,那些年长的往往是最好的。我认为诸如“设计作弊的 7 个实用技巧”之类的文章启发了很多人开始制作自己的技巧。像这样的提示很棒:

 使用颜色和重量来创建层次结构而不是大小Adam Wathan 和 Steve Schoger在设计中作弊的 7 个实用技巧
比较 2 个 UI 的图像,显​​示如何使用颜色和重量来创建层次结构而不是大小

诱饵技巧的兴起

上面的例子来自非常有经验的团队和设计师,它们很棒,因为它们不是人为的:

  • ✅好的提示:他们从一个真正作为“不要”部分存在的常见问题开始,然后在“做”部分告诉你如何解决它。
  • ❌诱饵提示:诱饵 UI 提示感觉就像他们首先提出了“做”部分,并故意创建一个看起来很狡猾的设计作为“不”对应物。(我可能错了,但这就是我的感觉)

上面两个(好的和做作的提示)看起来都一样,但是影响版本缺乏真实性,而且对我来说通常没有意义。任何人都可以创建这些提示并分享它们,因此请检查它们的来源,正如 Michal Malewicz 所说:

他实际上已经开始了他自己的一系列研究支持的技巧。这是他最新的“不是从 Instagram 复制的”,并且基于他在 20 多年的职业生涯中设计的真实世界的产品:

装饰部分分隔线

或者......只需使用 Comic Sans

我认为任何创建 UI 提示的人都没有恶意,但如果您正在学习,请确保您从有信誉的来源获得它们:

  • ✅检查他们以前的经验
  • ✅ 如果他们分享 UI 技巧,请确保他们是 UI 设计师
  • ✅ 看看他们是否有这个作品的作品集

以上几点尤其重要,因为那里有很多复制的材料。例如:


并排的 2 个布局的屏幕截图。 第二个是第一个的克隆,但质量要低得多。
克隆技巧——风格和布局被盗。左边是原件,右边是质量较低的副本。

最后,让任何事情变得更好的最好方法就是练习。解释重构 UI:

 UI Tips 用战术而不是天赋来改进你的设计。

最后一个重要提示,❌ 不要问我 UI 提示:


我给你的额外小费

本文的目的只是激发一些想法,并引导人们找到值得信赖的资源。继续提出你的建议并继续学习!

感谢阅读,祝你好运!

来源:https://prototypr.io/post/are-ui-ux-tips-the-new-clickbait-for-designerse29ca8


0