4种方式来改善可用性和网站的用户体验及设计。

我们经常谈到从壁橱或储物等物质角度来看,垃圾清理。但是,我们也可以谈论关于清理设计。清理可以帮助提高可用性和网站上的用户体验。这里有四个秘诀你的设计。

1.缩短复印

尼尔森诺曼集团(NielsenNormanGroup)的历史可追溯至1997年,他们开展了一项研究,以了解用户如何在网上阅读。研究发现用户都不会去阅读一个网站,大多数人只会扫描页面。所以网站需要缩短有效信息,删除不必要的词。缩短运行的句子,并删除重复的句子。每段总是有一个想法。这是一种很好的写作方式,对那些扫描的读者来说更好。最后,特别是对于长篇内容,这是真实的,使用倒金字塔结构。从结论开始,随着内容变长,添加更多细节。

4种方式来改善可用性和网站的用户体验及设计。

这是我最喜欢的应用之一,Days。这是一款应用程序,可以计算出事件发生的天数。这款应用的登陆页面每部分的拷贝数非常少。上面的截图来自于登录页面的单个部分。注意超级短的副本。它看起来不错,而且读起来更好。

4种方式来改善可用性和网站的用户体验及设计。

Aiia是防水扬声器,它的着陆页非常棒。尽管有书卷的怪癖,我还是很喜欢这个页面的整洁。有限的拷贝是一种很好的方法,可以把主要的想法传达给用户,而不会迷失在语言的大山中。

2.删除视觉装饰

当谈到视觉效果时,有时我们想要添加一个额外的元素来让事情变得更漂亮。我们都希望设计好看。尽管这些意图是好的,但是执行可能会变得太多。这就是为什么我坚决主张移除不必要的装饰品。装饰最重要的一点是,如果你移除它们,它们不会伤害用户体验。

4种方式来改善可用性和网站的用户体验及设计。

我们想比较两个网站。VConcept(上)和Born(下)。VConcept在页面上的内容更少,但它更难以消化。VConcept页面上的所有装饰都碍事。有一个三角形图案背景和一个移动的线背景。该副本有三种不同的样式——纯文本复制、下划线和金色下划线文本。更不用提这个标志也在那一段。只是太多了。另一方面则是出生的职业页面。是的,它有更多的文本,但它是有效的,因为没有装饰来分散注意力。想象一下,如果这些工作职位是用一个单一像素的边界框起来的。信息将很难被扫描。

4种方式来改善可用性和网站的用户体验及设计。

3.重用设计元素

合并和重用重复的元素。例如,当有许多颜色、字体或样式的变化时,它将变得混乱。重用设计元素以保持一致;一致性使得设计更加简洁。有一些经验法则,例如“不要使用超过两到三种字体”,因为这个特殊的原因。颜色和元素也是一样。如果你在页面底部有一个简讯捕捉,确保它在所有页面上都是相同的。不一致会导致严重的混乱。

4种方式来改善可用性和网站的用户体验及设计。

让我们来讨论一下商业仓库的颜色选择。他们是企业客户的IT云产品,这解释了厚颜无耻的网页设计。在主页、产品页面和联系人页面之间,他们使用了太多不同的颜色。在主页上,颜色是主要的。他们甚至看起来好像对每一页都有意义。但是,一旦你点击了,你就会意识到它们实际上并没有任何意义,因为颜色的变化取决于你所在的页面。例如,当你进入about页面时,颜色是柔和的。然而,当你前往接触页面时,他们是充满活力和强大的。保持颜色一致会提高设计的质量。

4种方式来改善可用性和网站的用户体验及设计。

Prismic使用了太多的颜色,特别是在博客上。他们用彩色代码写博客文章。这可能是一种危险的游戏,但是整体的颜色方案是有凝聚力的。更好的是,在截图上,颜色变成单色。这篇文章用了其他色调的蓝色来保持熟悉。如果这个页面上的所有东西都是不同的颜色,那将是一个视觉上的噩梦。我想指出的是,英雄的蓝色与logo和CTA按钮是一样的。一致性让事情看起来更清晰。

4种方式来改善可用性和网站的用户体验及设计。

我们一直是孤独星球的粉丝。当前的设计风格非常棒,因为它们重用了类似的设计元素。每个城市的页面都使用相同的模板,这让我们熟悉了一些东西。《孤独星球》有很多内容,所以使用模板让读者很容易阅读。

4.始终有一个单一的用户目标

我对整理的最后一点建议是理解给定页面的目的或目的。最好是从用户的角度来构建目标。一个用户目标的例子是注册一个免费试用,了解一个特定的食谱或注册一个通讯。如果你正在设计一个新的网页或网站,你要仔细检查目标,确保没有任何阻碍。

永远要有一个明确的目标。这将帮助你移除分散注意力的东西。例如,如果您希望用户下载一本书的示例章节,不要在本章中推广另一本书。展示下载按钮的前面和中心。如果是长页面,重复CTA几次。并且,删除所有不帮助用户下载示例的内容。

4种方式来改善可用性和网站的用户体验及设计。

让我们来看看移动旅游应用程序Hitlist的登录页面。用户能做的最明显的事情就是下载应用程序,有几种不同的方法。用户可以输入一个电话号码以获取文本链接或点击AppStore按钮。当然,用户也可以点击其他链接。页面的主要焦点不会被其他东西阻塞。

4种方式来改善可用性和网站的用户体验及设计。

Speedlip是一种不含酒精的烈酒。我喜欢这个网站的视觉风格。我喜欢主页不会把用户拉到太多的方向。整个页面只有四个CTAs。其中两个人购买一瓶酒,其余的则是为了获得更多的信息,以进一步说服用户购买Speedlip。只要他们不互相竞争就可以拥有不止一个CTA。

结论

在这篇文章中,我们描述了四种方法来整理你的网页设计。通过这样做,我希望它能改善您的网站的用户体验和可用性。清理设计并不是那么难,而且可以大大改善用户与站点的交互方式。毕竟,可用性和用户体验是密切相关的,网站如何影响两者。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/47910.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年7月4日 00:51
下一篇 2022年7月4日 00:52

相关推荐

  • 什麽是互动式网页设计。

    交互式网页:交互式网站的主要设计使用编程语言(ASP、PHP、Java等。),数据库技术和JavaScript脚本语言让网页更加美观强大,新一代HTML 5动画技术可以做出丰富精彩的网页特效。有了网站后台的管理机制,很多过去无法…

    2022年9月10日
    096
  • 网站如何设计能更发挥出品牌的价值。

    在更多样化的企业网站建设中,有很多都想让自己的企业品牌得到更好地宣传和推广,并发挥出更多的品牌价值,那么在网站设计时又该如何更好地体现企业品牌的价值呢?下面就带大家一起来了解一下。 一、了解认识品牌形…

    2022年10月19日
    035
  • 启动页和空状态的设计需把握什麽?

    启动页:当用户打开你的APP界面时,若需要用户等待的话,那麽用户体验自然会受到影响。不妨学习Google和Apple,使用启动页以此来让加载速度提升,以此服务於用户体验,启动页的作用是告知用户他们的点触界面这个动…

    2022年6月8日
    0145
  • 网站做优化排名应该选择营销型网站建设。

    如何让网站可以取得更好的排名是企业都非常关注的问题,营销型网站建设公司通知大家,要想具有一个排名好的网站,那么营销型网站是你不二的选择。 营销型网站建设注重细节,注重客户体验,一个好的营销型网站具有良…

    2022年7月3日
    0152
  • 装修公司网站如何建设才能达到更好地效果。

    装修行业一直都是很受大家欢迎的,很多公司也把装修做到了线上,大家来通过建设自己的官网来达到一个比较理想的效果,下面就带大家一起来了解一下。 一、网站的打开速度 网站打开的速度快,能给客户带来比较好地体…

    2022年10月20日
    053
  • 如何提升网页七种方式【关键词搜索排名】。

    如何用七种方法改善网页? 首先,添加网页的标题 为每页内容写一个5-8个字的描述性标题。保持标题简洁,去掉\\ & # 8221;\\ & # 8221;\\”还有,\\ & # 8221;这些不重要的文字应该解释这个页面…

    2022年9月10日
    075
  • 打造高质量网站。

    所有的企业都希望建立自己的高端网站,这不仅体现在网站的风格上,还体现在网站的各个方面。今天,我们来谈谈seo。一个高质量的企业网站需要具备哪些要素?建设一个高质量的网站需要做哪些准备? 一、网站硬件资源…

    2022年9月10日
    065
  • 采用html5技术制作的网站模板为什么更利于网站SEO优化。

    随着移动互联网的发展,上网设备在近十几年的发展中已经不局限于普通的电脑端了。而面对这种变化,在过去很多的老旧网站为了能够适应多端展现,于是开始采用html5的模板制作技术。对于html5模板来说,我们先不用讨…

    2022年6月30日
    0109

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息