糟糕的错误UI:用户界面中的10个常见错误

举报
xcc-2022 发表于 2022/06/14 16:20:20 2022/06/14
【摘要】 糟糕的错误UI:用户界面中的10个常见错误我们都从错误中吸取教训,这个规则也适用于网页设计师。在本文中,我们将告诉您其中许多人在创建用户界面设计时所犯的错误。在网页设计师的创造性工作中,遵循普遍接受的规则可能很困难。事实上,知道“如何不做”并受此指导要方便得多。这就是为什么我们决定列出UI设计中最严重的错误。UI失误:请不要这样做想知道即使是经验丰富的UI设计师也会犯什么错误吗?那么欢迎来到...

糟糕的错误UI:用户界面中的10个常见错误

我们都从错误中吸取教训,这个规则也适用于网页设计师。在本文中,我们将告诉您其中许多人在创建用户界面设计时所犯的错误。

在网页设计师的创造性工作中,遵循普遍接受的规则可能很困难。事实上,知道“如何不做”并受此指导要方便得多。这就是为什么我们决定列出UI设计中最严重的错误。

UI失误:请不要这样做

想知道即使是经验丰富的UI设计师也会犯什么错误吗?那么欢迎来到我们的前10名!

#1 - 彩色背景上的灰色文本

我们每个人都有使用Web应用程序和在阳光直射下在开放区域访问网站的经验。如果字体与背景的对比使我们能够识别单词和数字,一切都会很好。但是,由于某种原因,大多数网站管理员都忘记了这些细微差别。结果,移动用户被迫用手遮住屏幕或进入阴影中以某种方式应对这种情况。在为灰色字体选择纯色背景之前,请三思而后行。

示例取自Wathan A.和Schoger S的“重构UI”。

#2 — 填充整个屏幕

有时,小并不意味着坏。当一些网页最终包含最少量的内容时,并不总是错误的 - 最主要的是均匀地分发它。相反,一些网站管理员对可用空间持谨慎态度,并试图通过选择更大的字体和拉伸横幅和图像来使其混乱。这往往被证明是荒谬的。不要像这些网站管理员一样,如果内容不多,请留出一些空间。

示例取自Wathan A.和Schoger S的“重构UI”。

#3 — 用户上传的内容

让网站的用户自行将图形文件上传到公共网页并不总是一个好主意。造成这种情况的原因有很多 - 从这些图像的低分辨率到不适当的内容。因此,在为目标受众打开此选项之前,请注意审核算法的集成。

示例取自Wathan A.和Schoger S的“重构UI”。

#4 — 重载样式

我们已经说了很多关于网页上元素过多的问题。我们只会强调需要遵循“少即是多”的规则,特别是当涉及到从头开始构建的实验性网页设计时。请记住,这不仅看起来没有吸引力,还会使用户感到困惑。

示例取自Wathan A.和Schoger S的“重构UI”。

#5 — 字体不好

让我们来谈谈实验性字体,一些网站管理员用它来强调他们创作的原创性。首先,它们经常在非标准大小的用户设备上“浮动”。其次,当使用非唯一字体时,您冒着对其他人的设计进行可怜的复制粘贴的风险,而这一切都是因为您的工作将被字体识别。这就是为什么在选择字体时选择中性的东西通常更好。

示例取自Wathan A.和Schoger S的“重构UI”。

#6 — 不受欢迎的 CTA

另一个常见的问题是网站管理员盲目地希望尽量减少他们放在按钮和其他小格式元素上的CTA单词的数量。因此,号召性用语看起来不安全,并且在那里编写的所有内容对用户完全没有吸引力。这就是为什么有时值得考虑增加一点空间,让内容经理在编写CTA时变得聪明。

示例取自Wathan A.和Schoger S的“重构UI”。

#7 — 没有社会证据

我们中的许多人在选择产品时,都会被引导进行某种实验室研究或客户评论,作为社会证明。在设计销售它们的网站时,不要忽视这些“事实”。这将增加潜在买家的信心,使他们相信他们已经做出了正确的选择。

示例取自Wathan A.和Schoger S的“重构UI”。

#8 — 文本过多

具有丰富文本内容的网站是九十年代后期互联网处于起步阶段时的不言而喻的趋势之一。反过来,今天的信息图表已经取代了这种趋势,因为它们可以以可访问和可理解的方式解释绝大多数复杂事物,而不会给用户带来不必要的麻烦。这就是为什么最好找一个设计师为您的网站创建信息丰富的图像,而不是强迫你的用户阅读很多东西。

示例取自Wathan A.和Schoger S的“重构UI”。

#9 — 导航过于复杂

困难的导航是大多数亚洲网站的缺点。老实说,我们不知道为什么他们的创建者喜欢如此混淆他们的用户。因此,我们坚持正确构建功能, 以便即使那些不懂当地语言的人也可以在没有谷歌翻译的帮助下弄清楚该怎么做。

示例取自Wathan A.和Schoger S的“重构UI”。

#10 — 填充和间距较差

最后,最糟糕的问题是,当网页设计师不关心界面元素之间的适当间距和填充时。因此,即使是自适应和响应式布局也可能不可用,因为小格式设备上的文本内容非常微观,以至于没有缩放就无法阅读。

示例取自Wathan A.和Schoger S的“重构UI”。

最后的话

当然,我们没有列出网站管理员在创建用户界面设计时面临的所有典型错误。但我们希望我们的列表能将您从最烦人的列表中拯救出来。因此,获得灵感并 - 继续在网页设计中达到新的高度!

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。