别让这九个闹心的套路毁了你的网页设计

时间: 2019-04-07阅读: 1078标签: 设计

模式化的设计套路之所以为广大网页设计师所喜爱,很大程度上是因为它们具备有良好的可用性和可访问性,在转化率和用户留存率上有着不错的数据表现。但是这些通过数据来体现的设计模式,在用户的视角里,可能并不那么理想。设计和做人一样,需要少一些套路,多一些真诚。


1.  色彩种类运用过多

为了让自己的网站表现得热情而有吸引力,很多朋友非常极端地向其中加入大量色彩鲜艳的文字与边框,而这些颜色的运用与图片内容并不协调。这显然有损访客对核心内容的关注。

解决办法

最好的办法是使用最多三种主色调与素雅的背景。如果大家决定选择纹理背景,请确保其具体取色不会像霓虹灯般锐利刺眼。


2.  字体大小存在问题

这类问题往往存在多种表现形式,包括字体不足12号使得用户无法看清甚至点不到后退按钮。 

解决办法

要解决这些难题,最重要的是理解客户需要——年纪超过40岁的群体往往更喜欢大字体。年纪更大的使用者甚至只能看得清14号以上的字体,主题文本还应被拆分成更易于管理的区块,但却又不能破坏其连贯性。保证信息的易读性与快速获取性是我们的核心设计原则之一。当需要提供大量文本内容时,可以考虑将其划分成多个不同页面以简化内容管理。


3.  过度使用GIF、动画与音效

在某些情况下,GIF动画非常有趣;动画能够让访问者获得更好的使用体验;音效可能也有助于提升感受。但这些都只是点缀,切记不可画蛇添足。GIF动画过多会造成一种庸俗而幼稚的氛围,而大家对于音效以及音乐的取向也有所不同。有时,我们精心设计,却难以实现效果。

解决办法

千万别让费尽心力添加的动画与音效成了刺眼又刺耳的垃圾元素。使用GIF动画最好能免则免,企业的官方网站绝对不要使用。


4.  超大的导航菜单

大型的导航菜单,对于包含大量不同子页面的网站而言,似乎是一个很好的解决方案,然而实际情况并非如此。我们常见的网页设计错误就是在边栏及子菜单中塞进长长的清单,超大的导航菜单对于绝大多数的普通用户而言,看起来更像是迷宫。这看似满足了全部用户的需求,实则会分散用户注意力,并让用户觉得不那么爽。如果导航、侧栏与底栏无法协同工作,那么网站内容再好也将没有意义。

解决办法

信息分类整合其实是就是为了应对这种情况而存在的,将网站的导航内容规划为不同的大分类,有了层级,用户更容易筛选;又或者你可以将导航设计成为更为有趣的图文式链接,让它看起来不那么枯燥,也不失为一个可取的方案。永远不要低估在屏幕上留白的重要性,因为其是创造平衡美感的重要基础。


5.  乏味无趣的加载页面

随着技术的进步,时间对于人们来说越来越宝贵,为了一个20M的网页在浏览器前静静坐上1分钟等待加载,那大多数用户都会有关掉它的冲动,因为我们会在这个过程中无数次怀疑这个页面是不是卡住了。如今的网站加载需要的是速度和效率,这符合当前的真实用户需求。给用户提供即时的位置、时间和响应对一个优秀的产品来说很重要。

解决办法

如果你的网站在加载速度上有问题,首先应该加载页面中较轻的元素,以及整个框架,然后使用加载器将较大和较重的元素逐步填充进去。这样一来,用户就不会觉得页面卡在那儿,而是在逐步加载了。

缓冲应该尽量避免,如果它必须存在,那就应该有趣一点。加载页面可以是一个加载进度条,一个为浪费用户等待时间的道歉或者是配有文案的简单动画。


6.  设计臃肿,内容杂乱

不断增加的功能会导致需求和交付之间的延迟,这会让设计逐渐变得臃肿。将各类新闻、链接以及图片塞进同一页面只会使其显得杂乱不堪,导致用户难以阅读及导航。

解决办法

产品发布上线后能够覆盖用户最常见的使用情形并提供值得信赖的使用价值;考虑用户的使用习惯,使你的设计能够让用户集中注意力。坚持增加必要且有价值的功能,尽量避免内容混乱多余。产品设计的流程应该是:发散,优化,迭代和提炼,直到你们的产品或服务可以提供一个优质的解决方案。


7.  对移动设备不够友好

智能手机已经成为人们在互联网上获取内容的最佳途径。大家的多数出站流量很可能都指向智能手机或者平板电脑。如果各网页设计没有针对移动设备进行优化,那么人们可能面对难以进行访问或者加载时间过长等问题。 

解决办法

目前市面上有着大量免费的应用与插件能够帮助我们解决这类难题,而针对移动端拥有出色优化效果的一大实例就是MailChimp网站。


8.  复杂的注册流程

网站构建需要投入大量精力,而其最终目的在于吸引潜在群体并宣传或者表达自己的产品或观点,并通过重复访问带来收益。在设计网站时,我们往往只考虑自己的个人品味——但正确的作法应该是立足于目标受众的需要与特点。

解决办法

大家应当尽可能简化注册流程,因为多数用户对产品或者服务的注册机制并不感兴趣。如果需要填写的信息太多或者由于不支持键盘而导致流程难于操作,用户会很快选择放弃。


9.  无限滚动

无限滚动的出现,终于解决了移动端上查看繁复的分类页的问题。不过与此同时,无限滚动的设计,还为我们创造了不少从未遇到的新问题。举个例子,当你要访问一个重要的页面,而它正好在长滚动页面的底部,撇开加载页面的时间和流量不谈,滚到底部去找就已经是一个很蛋疼的事情了。

解决办法

就像超大的导航菜单一样,想要让它发挥作用一样有合理的解决方案。将传统的移动端页面和无限滚动两种模式结合起来使用,让用户自己来选择更适合自己的模式,这有助于提升页面的可访问性。


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/2769

Javascript面向对象的程序设计

这篇文章是关于Javascript的面向对象的程序设计,主要从三个方面来介绍,1. 理解对象属性; 2. 理解并创建对象; 3. 理解继承

Pichai 谈 Google 的设计发展

让技术为全世界的每一个人服务,这是我的激情所在。不仅是 Google,众多小团队和开发者同样可以设计出优秀的产品并帮助人们解决问题;这是我们的共同目标。

设计师常用的几个资源网站分享

如果你是一名设计师,你的电脑上可能存储了很多的设计网站,但是对于一些新手小白来说,刚接触设计的时候应该怎样进行绘制呢?难道要自己去一笔一笔的进行绘制吗?下面给大家分享几个设计网站

优秀网页设计_优秀Web设计的69条设计原则

好的设计能够帮助企业提升数据,同时还可以提供用户一个良好的使用体验。不过今天讨论的重点并不是付费报告,而是这69条设计原则。

10 个实现炫酷 UI 设计效果的 CSS 生成工具

根据设计领域的最新趋势,我选择了10个值得你关注的CSS生成工具,以帮助你构建漂亮炫酷实用的UI界面。这些工具将有助于提升设计人员和前端开发人员的工作。

浅析网页首页界面设计

开宗明义,无论是对于一篇文章、一场会议或一部专题片,还是对于一个网站来说,都是必不可少的。那么能为一个网站开宗明义的地方(标签)就是 Title(标题)和Description(描述、副标题),而能够为Title和Description提供进一步诠释的就是网站的首页

设计原则之依赖倒置js

高层模块不应该依赖低层模块,二者都应该依赖其抽象;抽象不应该依赖细节;细节应该依赖抽象。什么叫高层模块,什么叫底层模块,什么叫抽象,什么叫细节

设计师该不该学Web前端?_究竟需不需要了解HTML和CSS

先说说大家平时最苦恼的设计稿还原度问题,一个视觉超赞的稿子,怎么到了前端手里,字体边距就乱七八糟呢?为什么没对齐,为什么没加粗,还有说好的动效怎么都没上,完全不是情感化设计了啊。

网页设计需要学那些东西?

初次接触或者想要进入网页设计行业的朋友会经常分不清楚web前端与网页设计之间的区别,不知道网页设计要学什么,web前端要学什么,因此感到很迷茫?

新手Web设计师应该避免的 6 宗罪

新手Web设计师和开发人员往往以有缺陷的创作而告终,却不知道真正的故障出自于哪里。虽说有这么多的设计书籍,但即使都读了,也不会对最后的设计有任何意义。在第一个原型中创建一个无缝的设计真的是一个挑战——事实上,只是做好单个部分就是一个难点。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!