合肥UI培训
达内合肥ui培训中心

0551-64632511

热门课程

你的设计会征服你的用户么?

  • 时间:2017-06-09
  • 发布:UI中国
  • 来源:UI中国

你的设计会征服你的用户么?

对于几乎所有人来说,互联网就是一个鱼龙混杂以及混乱中的混乱的载体,这就导致用户在视觉上经常是超负荷的状态。试想,有这么多的东西要看...阅读...理解,你可能很难找到重点,弄清楚什么是重要的,因为信息量真的太大太多太广了。

如果你的设计在视觉上超负荷,那么你很有可能给用户在视觉和精神上造成一定的压倒性,不要小瞧这种压倒性,日积月累,他可能会成为给你的设计造成毁灭性打击的事件,最终将导致他们选择放弃你的网站或应用程序。那么,你怎么知道你在做什么以及你的网页设计是否已经潜藏这种危机呢?接下来,我们将为你定制一张警告列表,并通过几个方法来剥离设计中一些无关的重量,使其更易于管理并且在视觉上不至于给用户带来压迫

1.你没有定义你的样式

样式和调色板是任何优秀设计的主框架。当涉及到 网站建设 项目时,你应该在CSS中定义所有的内容,以便在整个 网站设计 中统一的定义(并使用)样式(你需要做到页到页的样式化元素时,不要依赖内存或手动更改)

定义的样式应该包括从字体(具有尺寸和颜色选择使用)到调色板的所有内容,如元素(如按钮或链接)应如何在 网页设计 中显示以及他的功能。缺乏风格同样可能会在视觉上压倒用户,因为如果每个页面之间的外观和效果不一致,往往会导致用户质疑该网站是否正常工作,或者是否通过先前的点击得到了他们所要求的信息(用户会质疑自己的上一部操作是否是正确的)

定义样式也有助于防止过度设计,和无理由的进行更改。合理的,一致的模式可以帮助用户轻松找到信息,并坚持完成他们需求的整体流程和反馈。

The Perfect Grid Book在其网站设计上给用户展示的就是一个简单的,一致的设计。

2.一切都是相同的大小(或尺寸)

但我们在谈论关于样式和CSS时,我们不得不谈论层次结构。你的 网站设计 内容是否包含文本和其他元素(从照片到按钮到链接)的清晰层次结构?

该问题的关键是清晰的层次结构。风格需要不同,以至于用户可以直观地、清楚地了解标题和正文之间或按钮或照片之间的区别。对于压倒性,在用户方面最常见的问题是每个元素在感觉上是相同的大小(或元素分成几组大小)

尺寸不仅仅是指字体的宽度和高度或点的大小。在项目中,并排放置对象时我们应该如何设置它们的大小或在视觉上如何是它们看起来不同?视觉重量和尺寸同样重要,甚至对于不同类型的元素(例如照片旁边的文本)需要具有不同的视觉重量。颜色,空间和图像内容在视觉上形成版块大小发挥着重要的作用。规划元素的视觉尺寸的差异,为用户创建可视化路径,帮助将注意力从屏幕上最不重要的内容区引导至最重要的位置。

3.你的网站跳出率真的很高

如果你是一个比较数据化的人,或者说如果你更喜欢用数据说话的话,你是否注意网站分析中的跳出率问题?如果在 网页设计 有关网站的跳出率数字突然增加,则可能是视觉过载的结果(不过也不能排除另一个可能,就是这可能是搜索和设计做的非常好,用户可以立即找到他们正在寻找的内容)

将跳出率与时间进行比较。理想的情况是,跳出率低,停留的时间更长。如果这些数字开始向另一相反的方向转移的话,那么这可能就是问题开始发生了。

如果用户离开你网站的速度太快,请深入分析数据,以了解他们是如何到达你的网站,以及他们正在寻找什么(使用点击模式,首页和搜索结果)。调整设计使这些元素成为高优先级项。

4.用户没有选择正确的选项

当你正在挖掘分析数据时,请记下用户点击的内容。实际点击符合所需的点击次数吗?如果用户没有在设计中做应该做的事情,这也可以显示出相关设计的视觉问题。按钮可能不够大或不够清楚,或者内容文本可能不会导致用户进行适当的回应。

不过,初相上面的这种情况,还有一个常见的原因,那就是页面上有太多事情用户需要去做的。想象一下一个网站,在主视觉Banner位中有一个很大的行动呼吁按钮,一个电子邮件提交表单或以弹出窗口的实行显示优惠券...你会先点什么?或者你只是关闭网站,然后继续寻找不让你选择困难症发作的其他途径?

如果你选择做后者,那是从设计的压倒性的本质,是由于认知超载,或你的网站所需的脑力活动超出了用户处理一般事情可接受的范围。一次性给用户太多的选择,反而会导致用户无法正确的处理它们。

不过,好在这种情况的解决方案比较容易。你可以将可操作元素限制或放置在导航元素或页脚的其他开放空间中。在上述情况下,设计中主要的行动可以就只是主视觉图中的号召性用语,没有别的了。电子邮件表单或弹出框选项可以分散在其他更开放的空间甚至是另一个页面或通过滚动下拉的形式展现。

5.设计使用太多的窍门或技巧来包装

在同一个设计中使用的设计技巧或趋势或元素太多时,你可能会感到很酷,但对于用户来说可能会破坏用户体验。尝试只在设计中保留一个设计或少于5个的设计手法,为用户提供一个它能够以的兴趣点,这样不会在精神上给也难怪乎带来杂乱的体验。

不要让潮流趋势或者你想要尝试的东西成为你和用户之间的障碍,保持简单,傻瓜式的体验(这可能是所有设计理念中最好一个)

6.你所了解的用户模式根本不是实际的模式

你的网站中的功能或者内容是否是统一的或者相似的以及它们是否是很好理解的?没有什么比以一种不常见的新形式视觉元素更能造成用户困扰的事情了。比起自上而下的滚动方式,你因为创新选择从左到右滚动,或使用一些不像按钮的按钮等,这些是不属于用户模式的示例。相信我,用户不喜欢它们。

你需要坚持已经被用户所普遍接受的用户流程,工具和操作,以确保大多数访问者知道如何与你的网站进行交互和互动。如果设计需要单独通过指引叫用户怎么做的话,那可能就太复杂了,同样,在图标图标和元素的使用上也要遵循这一原理。比如,购物车图标是每个用户理解并期望某个操作的元素的示例。

对于这点,还有一个比较形象的例子就是隐藏的汉堡包菜单图标。它开始于用户完全不了解,但如今已经演变成一个相当普遍的用户模式,用于移动甚至桌面导航。但这并不是没有争议,许多设计师仍在反对使用。

创造完全不同和新的东西可以是很有趣的,如果只是单纯的想想 网站设计 项目的最终目标。但如果你需要用户继续浏览你的网站并执行特定的操作,遵循通常的用户模式是关键。

7.没有空白

杂乱是一个网站设计最常见的杀手。而通过适当的在页面中规划白色空间可以帮助使设计变得有序和调理清晰,同时可以帮助用户提供方向提示,帮助建立层次结构,使一切变得更轻,更容易理解。比如,通过简单地将文本行之间的距离从单一增加到1.5行间距可以增加视觉舒适度和可读性。

空间也会在其他地方影响用户。更开放的间距和元素之间的空间有助于阅读和理解。元素周围的空白可以使它看起来很重要,并将重点放在屏幕上的该区域。

空间对于许多用户来说也具有暂时提供视觉和思维的缓冲效果,而元素太多太挤的同时没有足够空间的设计可能会使用户感到疯狂和冲动。

总结

这是我们过去在Design Shack里使用过的一句话:当有疑问时,把它丢出去。记住这个想法的同时,对于可能是用户感到混乱或压倒一切的设计,试图去简化它。视觉混乱是一个真正的问题,无论是在个人网站或当你随便浏览互联网时。

一个能够给用户在视觉上提供享受的设计将会使用户更长的浏览它并记住它,同时能带来更多的转化。每个页面或屏幕都应该有一个单一的用户操作,以帮助在正确的时间鼓励正确的点击。

有时候培训是一件很好的选择,是作为学校和社会的一个衔接。系统的培训课程,热心负责的老师,免费推荐就业机会,合肥达内UI培训班免费训练营给你一个不一样的培训课程。

上一篇:荣耀9真机照泄露 会不会采用无边框设计
下一篇:合肥平面设计培训班让你成为有用的人

ThinkPad 将推纪念版庆 25 岁生日,经典复古设计悉数回归

iView 2.4.0 发布,基于 Vue.js 的企业级 UI 组件库

设计的大陆从UX开始,你知道么?

华为手机获北京国际设计周经典设计奖 入住中华世纪坛

选择城市和中心
贵州省

广西省

海南省