7可能破坏您内容的常见UX错误

2019-04-22 15:46:06

一个成功的项目是良好的设计,杀手内容和一点运气的结合。通常,设计会因简单的用户体验错误而脱轨,这些错误会破坏内容并混淆界面的预期操作。


用户可以很容易地忘记他们为什么在那里,以及他们应该做什么。值得庆幸的是,许多设计错误很容易识别和纠正。(作为奖励,这篇文章中的例子正在做正确的事情;用它们作为指导!)


1.难以理解的排版

有一个短暂的阶段,设计充满了新颖的字体。虽然这本身不是一个问题,但是当单词难以阅读时确实存在问题。(如果用户无法弄清楚他们说什么,那么设计中的单词有什么意义?)


在查看新颖的选项时,请注意字母与您使用的单词的外观。某些组合在字体中可能比其他组合更好。注意字符串和使用的字符数,特别是新颖的字体。(使用专业显示排版时,字符越少越好。)


你怎么知道它难以阅读?警惕极端倾斜的字体,紧密和浓缩的字形,过于精细的花饰,尾巴或结扎,或似乎一起运行或具有不常见形状的字形。


立即修复:为具有更宽姿态和更常见字体的东西切换出难以理解的字体。您不必一直改为Helvetica,而是去寻找可读和有趣的东西。尝试使用此Google字体集合中的内容。



2.差异对齐


左,右,威特,有道理吗?


我们不会在这里争论对齐类型的优点。更重要的是:一致的对齐才是真正重要的。类型和元素应该在网格内舒适地休息。应避免锯齿状边缘。


对齐性差的问题在于它破坏了视觉流动,使得用户很难在设计中从一个元素移动到另一个元素。他们可能会在混乱中迷失方向,并且可能会错过内容方面更重要的内容。


立即修复:设置元素的对齐样式。照片是居中的,还是与左边缘的文字保持一致?制定一套指导方针,调整设计并坚持前进的规则。


3.不恰当的意象


不恰当的图像是内容杀手。它可以创建与文本的脱节视觉连接或让用户挠头。


虽然不完整的图像通常会以“当你看到它时知道”的方式出现,但在你的项目中有一些红旗要寻找。


愚蠢或过度使用的库存图片:如果照片看起来不真实(商务套装中的人漫无目的地微笑)或者如果您在其他类似网站上看过它,请避免使用它。

质量不佳的图像:如果照片失焦,黑暗或组成不佳,请勿使用。没有照片比坏照片更好。

低分辨率图像:像素化图像总是很糟糕。由于高分辨率屏幕的主导地位和受欢迎程度,几年前作为设计工作流程一部分的许多照片规则都需要进行修改。

绒毛图像不会增强内容:不要因为你可以,包括照片而卡住,即使它与内容没有任何关系。图像应该增强内容,而不是泥泞。

立即修复:进行照片审核。完成您的设计并删除包含上面红旗的所有图像。如果没有合适的东西,则无需替换图像。


4.忽视移动细节


众所周知,网站应该设计在响应式框架上。很难找到一个会反对的设计师或开发者。但响应式模板不是一站式解决方案。必须根据不同的屏幕尺寸调整设计。


很多时候,细节被忽略了。该网站在移动设备上运行,但是类型尺寸有点太小或者图像的响应尺寸,并且成比例地针对移动设备的不同宽高比。这些小细节可以严重惹恼用户。


立即修复:花一些时间使用您的移动设计。记下看似不合适的所有细节并引起挫败感。检查文字大小,图片,加载时间,按钮展示位置并进行必要的调整,以提供更加无缝的体验。


5.疯狂的颜色


一个无聊的设计师将创造一个脱节的设计。这通常表现的方式之一是疯狂的颜色和缺乏定义的调色板。


太多的颜色可能会分散注意力,并且往往具有业余感。对于每个项目都能完成彩虹风格的调色板,另外1000个项目也失败了。除非您的品牌指南要求使用这种配色方案,否则请避免使用。(如果您的品牌有这样的指导方针,请鼓励刷新。)


立即修复:创建一个强大的调色板。从主色和一个或两个辅助选项开始。如果您需要更多方差,请使用该调色板中的色调和色调(并为这些调色板创建规则)。不要开始添加更多颜色。


6.不给用户做任何事情


想象一下登陆美丽的网页,但后来不知道该怎么做。你滚动了吗?你点击了吗?是否有下一步要找到更多内容?


应该有。


一个好的网站设计是一个从一个页面到另一个页面的动作,交互和动作的网络。目标是让访问者在所需操作的路径上尽可能多地连接内容。


立即修复:设计中的每个页面都应包含号召性用语。用户应该确切地知道每个页面的目标是什么,并且想要单击按钮,填写表单,玩游戏或购买产品。设计结构应包括粗体用户界面元素,以鼓励按钮样式的点击或点击到可操作的指令。


7.太多好事了

不要过分使用超酷元素。


有一个很好的插图?用它。使用它甚至是大的。但不要用许多稀释图像的其他插图来混淆它。


图标或任何其他技术也是如此,这是吸引用户的诱饵。你想让他们想要更多,而不是被音量所淹没。这听起来很简单,但实际上很难。(想想你买的那个图标包,感觉需要通过使用每件物品来获得你的钱。)


立即修复:采用更少的策略。仅使用增强内容所需的元素。不要压倒它。完成当前设计,想象从每个页面中取出一个元素。会是什么?设计更好吗?


结论

每个设计师都会在这里和那里犯下设计错误。(我们中的一些人比我们想承认的更多。)但你能确定问题并恢复吗?


现在,您应该在这个方向上有一个良好的开端,这个错误列表和纠正方法。当你犯下设计罪,调整并继续前进时,不要感到羞耻。