网页设计中需要避免不友好的这几点。

今天的互联网是一个高度竞争的地方,由于如此多的个人和企业在数字营销和搜索引擎优化上花费金钱和时间,大家都在试图超越竞争对手,希望能够登上谷歌排行榜的榜首,让用户访问任何一个给定的网站都比以往任何时候都要困难。

网页设计中需要避免不友好的这几点(图1)

鉴于收购新访客的困难,你可能会认为所有的站长世界将尽他们所提供的用户体验,最终保留每个来之不易的客户,但是我们都知道有很多不愉快的,讨厌的坏习惯似乎突然出现一次又一次。

让我们来看看一些最常见的让用户沮丧地离开的违规者……

1、网站太慢了

在一个几乎人人都有一部超级智能手机的世界里,互联网已成为即时满足的代名词。用户可能会悠闲地思考一些那些记不大清的琐事可以通过谷歌有答案了几秒,如果他们想联系一个朋友在数千英里之外的另一个国家,他们可以尽快这样做基本上Facebook或Whatsapp消息类型。

我们都被超连接世界的速度和响应速度宠坏了,所以当我们点击一个搜索结果并在一个空白加载页面上停留三秒钟或更长时间时,它看起来就像一个永恒。如果最初的点击仅仅是出于无聊的好奇心,用户很可能会想,"呃,没关系",然后去别的地方试试。

英国广播公司(BBC)在2018年报道称,他们发现,每多花一秒钟加载页面,就会消耗掉大约10%的用户,这在互联网上是巨大的(按照这个标准,10秒的时间意味着你的流量几乎没有了)。

谷歌还表示,根据他们的研究,超过一半(53%)的手机用户将放弃一个加载时间超过3秒的网站。六秒钟后,几乎可以肯定他们会把目光投向别处。当然,大多数网站的功能需求并不是很复杂,一般的电子商务商店或博客网站真的没有借口时间超过几秒钟,负载。

2、太多的弹出杂乱

我们都有过这样的经历:点击谷歌搜索结果中的一个链接,然后被带到一个页面,这个页面似乎在竭尽全力阻止我们阅读内容。在两秒钟内,一个巨大的填满屏幕的弹出窗口将会出现,与此同时——欧盟所有互联网用户都很熟悉的东西——一个GDPR/Cookie弹出窗口,你可以同时点击两个东西。

结合浏览器警告,"你这个网站想把通知",被狂轰滥炸的整体效果是一个无关紧要的废话,完全埋葬你试图达到的实际内容,内容你现在将挖掘自己手动消除每一个弹出窗口。

使用弹出窗口仍然是一个有争议的话题;一些设计师和广告客户表示,由于使用了这些产品,转化率有了显著提高,而另一些人则对这些产品潜在的用户愤怒感到不快(2013年的一项研究发现,令人吃惊的是,70%的人认为它们令人讨厌)。但是你觉得他们,至少我们可以同意,弹出窗口经常做得不好。它们可能有自己的用途,但同时发布太多内容,且不尊重用户希望看到与其兴趣相关的内容的愿望,更有可能导致反弹。

至于GDPR和饼干通知,而这些都是法律要求所有从欧盟网站向用户提供的数据有一定的方法的人比其他人更具有破坏性,网页设计师来自欧盟以外有时会忘记,这些信息可以添加一层为显著比例的观众视觉上的混乱。

3、Mobile-Unfriendliness

在2019年,这是值得注意的,但许多网页设计师似乎仍然把手机版的网站当作是事后的想法。在手机网站上,内容排列不齐、重叠、格式怪异,或者受到设计师的其他监督,这些都可以向访问者表明,你的公司没有花时间去看一些小细节。

值得记住的是,为手机用户提供服务并不是"利基市场",而是现在这项工作最重要的部分。斯塔提斯塔(Statista)报告称,2018年所有互联网流量中,52、2%发生在手机上(高于前一年的50、3%),这证明桌面浏览实际上是目前使用较少的网络探索方式。

再加上谷歌在2018年3月对算法进行了修改,将移动优先索引放在首位,现在完全没有理由忽视网站的移动体验。一个低质量的手机网站会对你的搜索引擎优化性能和用户体验产生负面影响,所以正确使用它是很重要的。

4、太多的动画

我们明白了:动画看起来很棒。没有人会说,"我是一个专业设计的网站!"就像一些平滑的过渡、转换和外观,以及良好的动画部署可以为静态和枯燥的布局注入活力。

然而,动画是一个香料,要谨慎使用,它可能会分心,如果做过头。理想情况下,它应该支持并将注意力吸引到关键内容和call-to-action按钮上,而不是让弹出的东西淹没用户,让他们晕头转向,以至于无法阅读实际文本。动画入门屏幕也大的注意力焦点当用户第一次来到你的网站,但不要让他们通过相同的动画每次他们想坐回到主页。一般来说,网站的功能元素不应该由他们的美学表现;因为动画而要求用户等待一个元素出现或变成交互式的,这不是一个很好的策略,这可能会导致用户讨厌动画,因为它妨碍了他们的工作。

例如,返回的用户可能一到达就知道他们打算单击"About Us"按钮,但是让他们等待,而导航栏缓慢地淡入动画,在他们单击按钮之前显示该按钮,这可能会引起麻烦。

需要注意的是,有些动画可能会导致易访问性问题;使用大量的移动部件或闪烁的内容可能会给一些用户(比如那些可能患有注意力缺陷障碍的用户)带来问题,使他们很难集中注意力在内容上。

5、播放媒体

如果不提到自动播放媒体,任何关于恼人的网页设计失态的讨论都是不完整的。自互联网出现之初,它就一直是网络用户的祸根,但与状态栏和CGI舞蹈婴儿的gif动画不同,它至今仍未消失。

有很多方法可以很有品位地做到这一点,但是它经常被误用,所以它当然应该在我们的列表中占有一席之地。上世纪90年代和本世纪初,自动播放MIDI音乐和带有音频的Flash网站是一大灾难,而当今世界的瘟疫是自动播放视频。许多网站今天将视频玩旁边的正文文章或博客——通常这是完全无关的内容页面,如果你关闭它在导航到另一个页面之前,它很快就重新出现。当然,这很容易让人分心,而且常常让人觉得相当冒昧(就好像网站在说,"嘿,我知道你点击阅读了一篇关于数字设计趋势的文章,但你难道不想看看我们炫目的慈善晚会的这个视频吗?")

更糟糕的是,许多网站在这些视频开始前都会自动投放广告,考虑到这些视频本身通常都是某种形式的广告,这就相当于让访问者坐着看完一个广告再看一个广告。

至少有一点值得庆幸的是,像Chrome这样的现代浏览器一直在朝着只允许对无声或静音视频进行自动播放的方向发展,这大大减少了主动播放音频给用户带来的极其恼人的用户体验的频率。

最后

最后,本文讨论的所有问题都是糟糕的用户体验设计。网站的每个元素都必须根据其对页面功能的影响进行评估:它是否有助于或阻碍用户找到他们想要的东西?它是增强还是削弱了页面的实际内容?它缩短或延长用户必须经过的过程为了完成一个事务?

吸引用户访问你的网站通常不是件容易的事,对那些真正到达你网站的人进行奖励是有意义的,因为他们能够预见到他们的需求,并以他们应得的尊重来对待他们的时间和注意力。这样,受到良好对待的用户可以成为忠实的回头客,而一个网站永远不会有太多这样的回头客。

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

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

(0)
重蔚的头像重蔚管理团队
上一篇 2023年2月18日 23:55
下一篇 2023年2月18日 23:55

相关推荐

  • 2021年要知道的6种网页设计趋势。

    企业或个人若想让自己的官方网站更加吸引人,就需要做好网页设计与制作,尽量给访客留下深刻印象。在设计网页时,要注意符合当前审美趋势。那么2021年网页设计趋势是什么呢? 1.注重移动端展现 移动营销是未来互联…

    2022年7月4日 建站资讯
    0140
  • 为何需要进度条?

      有趣的问法。对於页面设计来说,进度条只不过是比较通俗,易於理解的叫法。它的使用是为了呈现使用者与页面相关的操作内容,所以也不会局限於“条形”。它广泛地运用在各种设计当中,不仅仅是页面设计。 从进…

    2022年6月25日
    0185
  • 反馈提示设计是什麽?怎样设计反馈提示更符合用户体验

    反馈是交互设计中最前线的一环,它的好坏会直接影响产品体验。无论你怎样设计产品,都总会涉及到反馈功能设计,这个看似不太起眼的功能,却能决定产品是否成功的重要因素之一。 · 什麽是反馈提示设计 反馈提示设计…

    2022年6月25日
    0142
  • 企业电商出海时代,独立站设计的5个关键点和4个避坑点 。

    随着国内市场饱和,越来越多的公司转向海外寻找新的增长机会,其中出海电商成为了最大的市场之一。 随着国内市场饱和,越来越多的公司转向海外寻找新的增长机会,其中出海电商成为了最大的市场之一。21 年底艾媒咨…

    2023年3月2日 SEO操作
    01
  • 网页设计要恰当使用图片

    我们在对网站进行浏览的时候,都喜欢看一些图文并茂的网页,因为都是文字的网页或者都是图片的网页,会给我们一种特别单调的感觉,在浏览过程当中可能会造成视觉疲劳,所以人们在对网页设计的时候,一定要恰当使用…

    2019年9月19日
    0304
  • 什麽是情感化设计 如何设计富有人情味的情感化设计

    什麽是网页设计的情感化设计?所谓的情感化设计指的是利用色彩搭配激发用户情感;利用简单移动,自由流畅的交互设计,增加网站与用户的交互性;利用暖心体贴的界面文本设计,引起用户的共鸣,打动用户的心等等。总而言…

    2022年6月25日 建站资讯
    0273
  • 网页为何热衷采用信息图?

      帮助用户更好地理解 信息图在网页设计当中非常常见,采用视觉化的形式能够帮助用户更直观、更深入地去了解到网页内容和元素。相比于大段的纯文字,信息图的优点是吸睛,同时直观明了,更加适合用户扫视的浏…

    2022年6月25日
    0121
  • 超全总结!5个章节帮你完整掌握卡片式设计。

    本文从卡片式设计的定义、设计价值、常见的设计样式、适用场景介绍、设计原则及小技巧五个方面,帮你掌握卡片式设计。前言近几年,卡片式设计可以说是移动端产品中极为常见的设计形式了,甚至有很多互联网大厂将卡…

    2023年3月2日 SEO操作
    02

联系我们

QQ:951076433

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