美文网首页UG勤奋特工队@产品
在网页设计中如何避免这10条基本的错误

在网页设计中如何避免这10条基本的错误

作者: 341436abd542 | 来源:发表于2018-04-28 21:56 被阅读12次

“用户大部分时间都花在一些常用的网站上。这意味着用户更喜欢您的网站以与他们已知的所有其他网站相同的方式工作”~J akob Nielsen

Jakob Nielsen是尼尔森诺曼集团的用户倡导者和负责人,他与Donald A. Norman博士共同创立。

上面的引用说明了一个优秀的网站设计的关键。

即将推出一个用户友好的网站设计,并将访问者转化为客户是一项有难度的任务。即使在设计网站时出现一点点错误,它也有可能影响您的搜索排名和用户友好性。

您需要为交互式设计构建坚实的架构。仅仅添加清晰的纹理和丝滑的动效不足以构建出色的网页设计。

简单是网页设计的关键。

下面是公司在网页设计方面犯下的一些错误。还包括避免这些错误的方法:

1. 繁琐的导航

网页设计的一个基本原则是尽可能简化导航。复杂的导航包括在一个奇怪的地方有一个菜单,有一千个子菜单,一个非标准的样式,并且包括没有适当描述的通用标签。

从根本上说,您的网站不应该让访问者难以浏览。在浏览您的网站时,请勿将您的用户发送给大家。

解决方案:制作一个具有简短描述标签的水平菜单。页面顶部应该不会超过七个或八个标签。每个标签应该只有一个下拉菜单级别。确保页面的左上角或右上角有清晰可见的搜索框。

2)忽略做移动端的配适

现在来看大多数人使用手机进行浏览,而不是使用电脑。当您在手机上打开网页并发现无法放大以使文本足够大以供阅读时,读者会毫不犹疑的离开你的页面。

解决方案:您的网站也必须针对移动设备进行优化。在设计网站时请记住,必须根据移动设备的使用情况对网站进行优化。应该启用放大和缩小等功能。

3)排版

良好的版式让阅读变得轻松,而糟糕的版式让用户无法使用。使用多种不同字体的组合,过度使用字体并最小化线条之间的间距,都是排版不好的迹象。尽量避免使用新颖的字体,浓缩的风格和细致的笔画。它会给您的网页带来粗糙的外观。

解决方案:使用带有可区分字母的字体。避免使用所有字母。为了增强可读性,限制字体长度并保持字体简单。选择字体大小应牢记该字体将在桌面和移动设备上使用。它不应该太小或者也不太大。

4)杂乱的信息层级

当一个网站与文本和图形叠加在一起时,这非常让人分心。因此,用户很难保留有用的信息。这与您的主要动机完全相反。如果没有区分信息,你将无法区分序列中的对象之间的区别。以你当前正在阅读的文章为例:没有每个段落之间的空白,它的可读性如何?

解决方案:使用简约的方法,尽量不要用图形或文字或图像检修您的页面。尽可能使用空白空间。试图想出一个不拥挤且具有空白空间的设计。

5)孤立页面

孤儿页面是网站上的一个页面,没有简单的方法回到网站。在您设计和开发您的网页之后所做的所有努力之后,您的访问者从您的页面中消失,只是因为它无法将其重定向回您的网站将是一件令人遗憾的事情。

随着各种CMS平台的出现,孤立页面并不常见。如果您正在为主页面考虑采用简约登陆方法,而不是完全删除它们,则可以考虑减少链接数量。

解决方案:如果所有这些听起来都很复杂,请一家设计公司永远不会太晚,特别是如果您需要对网页进行审核或拥有大量索引页面。

6)找不到你的联系信息

没有明确列出联系人信息是网站设计师制造的一个很严重的错误。没有人喜欢挖掘信息,它变的很烦。因此,将联系信息清楚地列在您的页面上是明智的。因为最终您的网站是销售工具,它应该达到其目的。

解决方案:确保您的所有联系人详细信息都很明显,无需滚动浏览。确保这一点的一种方法是将所有联系人详细信息作为侧边栏,页眉,页脚插入,或者也可以继续并合并所有内容。

7)过度使用插页式广告

插页式广告是侵犯主页内容的广告。除了烦人之外,他们也会受到Google的惩罚。

使用插页式广告填充页面,无论是弹出窗口还是全屏幕,都被认为是糟糕的用户体验。

解决方案:尽量少用插页式广告。如果不可避免,只有在您的内容需要时才使用它们,而不是为了增加收入。相反,专注于改善网页设计以赚取更多的用户。

8)不重视分析:

公司在设计网站时犯的一个主要错误是没有正确设置网站的分析。让我们来看看有人填写表单后会发生什么。网站如何表示谢意?或者,您如何整合电子邮件注册?

解决方案:通过Google网站管理员工具或相同的程序设置网站分析。“目标目标”是Google Analytics中的一种转化。它衡量访问者何时到达目标网址,通常是感谢页面。它们很容易创建,因此可以简化转换跟踪。使用Google Analytics检查浏览器问题是重点。

9Scrolljacking

这可能是人们在网页设计方面遇到的最大错误。当设计者操纵滚动条在他们的网页上工作的方式相当不同时,它就被称为scrolljacking。它通常通过添加动画来完成,具有固定的滚动点。大多数情况下,您会在具有一系列幻灯片而不是正常垂直布局的网站中注意到这一点。它是网站管理员的首选,因为它们可以以这种方式适应更多的广告。但它降低了可用性,并且在视觉上没有吸引力。

解决方案:尽量不要将它融入到您的网页设计中。请保留普遍的普通滚动条。

尾注:

网站导航错误是昂贵的。尽量话费多的时间避免这些错误将帮助您的网站看起来更加的专业,并防止潜在客户流失掉。

原文链接:https://uxplanet.org/10-deadly-web-design-sins-and-how-to-stay-away-from-them-367fea1dad13

我的微信

相关文章

  • 在网页设计中如何避免这10条基本的错误

    “用户大部分时间都花在一些常用的网站上。这意味着用户更喜欢您的网站以与他们已知的所有其他网站相同的方式工作”~J ...

  • 网页设计中10个常见错误和解决办法

    网页设计中10个常见错误和解决办法 网页设计师们总是在不断的犯错误,这并不是表示他们不够出色。不管在任何行业,即使...

  • 多重检验——FWER,FDR,FCR

    在A/B实验设计——如何避免多重检验错误中,介绍了什么是多重检验,并且介绍了Bonferroni correcti...

  • 如何设计表单错误信息

    本文中,我们会讨论如何通过优化错误提示信息,来优化UI表单的设计。 在UI界面的设计中,用户的操作失误不可避免,通...

  • 平面设计:傻瓜教程之色环

    总所周知,在页面设计中,利用颜色在文章与网页背景中形成对比是平面设计的一个基本内容。那么,我们如何寻找适当的颜色及...

  • 生涯规划1226 【逆商&心之大爱】

    1、100个基本: 逆商,面对问题和错误,面对真实的自己,吸取教训总结原因,分析如何避免。在逆境中成长和洗礼,感受...

  • 平面设计之放置页头图片

    在我们网页制作中,在页头放置图片会使网页更加美观,也可以避免网页只有大段文字的枯燥。那我们要如何将图片插在网页的页...

  • Bootstrap 响应式设计

    简介 本教程讲解如何在网页布局中应用响应式设计。在课程中,您将学到响应式 Web 设计。随着移动设备的普及,如何让...

  • 周结

    这个星期字的阶段已经走到了网页的设计上面了,知识就基本都会了但是对于网页的页面布局在创意上还是不太懂,这...

  • 免费网页设计学习课程,视频以及设计工具大全,网页设计不过如此!!

    什么是网页设计? 如何学习网页设计? 如何才能成为一名优秀的网页设计师? 如何才能从一名平面设计师成功转型为网页设...

网友评论

    本文标题:在网页设计中如何避免这10条基本的错误

    本文链接:https://www.haomeiwen.com/subject/tmpnlftx.html