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

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

糟糕的错误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”。

最后的话

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

目录
相关文章
|
1月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
2月前
|
开发框架 JavaScript 前端开发
鸿蒙NEXT开发声明式UI是咋回事?
【10月更文挑战第15天】鸿蒙NEXT的声明式UI基于ArkTS,提供高效简洁的开发体验。ArkTS扩展了TypeScript,支持声明式UI描述、自定义组件及状态管理。ArkUI框架则提供了丰富的组件、布局计算和动画能力。开发者仅需关注数据变化,UI将自动更新,简化了开发流程。此外,其前后端分层设计与编译时优化确保了高性能运行,利于生态发展。通过组件创建、状态管理和渲染控制等方式,开发者能快速构建高质量的鸿蒙应用。
137 3
|
18天前
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图:打造个性化UI组件
在安卓应用开发中,自定义视图是一种强大的工具,它允许开发者创造独一无二的用户界面元素,从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例,引导你了解如何在安卓项目中实现自定义组件,并探讨其背后的技术原理。我们将从基础的View类讲起,逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
1月前
|
开发框架 JavaScript 前端开发
HarmonyOS UI开发:掌握ArkUI(包括Java UI和JS UI)进行界面开发
【10月更文挑战第22天】随着科技发展,操作系统呈现多元化趋势。华为推出的HarmonyOS以其全场景、多设备特性备受关注。本文介绍HarmonyOS的UI开发框架ArkUI,探讨Java UI和JS UI两种开发方式。Java UI适合复杂界面开发,性能较高;JS UI适合快速开发简单界面,跨平台性好。掌握ArkUI可高效打造符合用户需求的界面。
112 8
|
7月前
|
Android开发 缓存 双11
android的基础ui组件,Android开发社招面试经验
android的基础ui组件,Android开发社招面试经验
android的基础ui组件,Android开发社招面试经验
|
2月前
|
JavaScript API 开发者
掌握ArkTS,打造HarmonyOS应用新视界:从“Hello World”到状态管理,揭秘鸿蒙UI开发的高效秘诀
【10月更文挑战第19天】ArkTS(ArkUI TypeScript)是华为鸿蒙系统中用于开发用户界面的声明式编程语言,结合了TypeScript和HarmonyOS的UI框架。本文介绍ArkTS的基本语法,包括组件结构、模板和脚本部分,并通过“Hello World”和计数器示例展示其使用方法。
83 1
|
2月前
|
缓存 测试技术 C#
使用Radzen Blazor组件库开发的基于ABP框架炫酷UI主题
【10月更文挑战第20天】本文介绍了使用 Radzen Blazor 组件库开发基于 ABP 框架的炫酷 UI 主题的步骤。从准备工作、引入组件库、设计主题、集成到 ABP 框架,再到优化和调试,详细讲解了每个环节的关键点和注意事项。通过这些步骤,你可以打造出高性能、高颜值的应用程序界面。