关闭

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

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

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


1.  色彩种类运用过多

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

解决办法

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


2.  字体大小存在问题

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

解决办法

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


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

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

解决办法

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


4.  超大的导航菜单

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

解决办法

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


5.  乏味无趣的加载页面

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

解决办法

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

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


6.  设计臃肿,内容杂乱

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

解决办法

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


7.  对移动设备不够友好

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

解决办法

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


8.  复杂的注册流程

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

解决办法

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


9.  无限滚动

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

解决办法

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


站长推荐

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

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

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

关闭

网站设计如何提高用户营销转化率?

用户获取是确定网站成功的核心指标,没有活跃的用户会花费大量资金投入,在获得用户之后,网参与和保留是两个指标,可真实地洞察网站的成功,较低的网站参与度和保留率是导致网站失败的一个因素,而高度参与和保留则相反

网站导航的设计细节

在快速建站中,每一个细微的方面都会影响网站的优化效果。因此,在做营销网站时,有必要充分考虑并优化每个细节。今天,我们将与您分享一个在实践中容易被忽略且非常重要的细节,即网站导航的设计。

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

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

设计原则之依赖倒置js

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

纯CSS Material Design风格按钮

其实Material Design的扁平化icon按钮,这类型的按钮往往只利用几何色块的变化,就能抓住使用者的眼光,并且从几何形状中明白按钮的含意,这也是Material Design非常强调的设计理念和精髓。

Pichai 谈 Google 的设计发展

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

设计逻辑的细致和严密问题

我们从工程上的精确和准确来引申我们的概念。测量一段距离的长度,得到结果是0.34米,我们可以提高测量的水平,得到一个更好的结果,比如0.342377946米。后者比前者具有更高的精确度(或者简称精度)。我们说后者比前者更“精确”

网页设计需要注意什么?

网页设计需要注意什么?在不同设备上采用相似的设计,导航的设计要简单易用、清晰明了,改变访问过的链接的颜色,让页面浏览变得更容易,仔细检查所有的链接,确保能点击的元素让用户看起来就能点击、不要让促销广告遮住内容

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

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

UED与UCD_用户体验设计/设计思考模式

User Experience Design(用户体验设计),简称UED。UED是以用户为中心的一种设计手段,以用户需求为目标而进行的设计。以用户为中心的设计, 英文叫做User-Centered Design 缩写为UCD,他是UED的一种具体的设计实现理念。

点击更多...

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