网页设计规范——网页设计时应该遵循哪些原则

来源:设计经验分享网
添加时间:2024年02月

深圳网站设计是一件很繁琐的事情,因为在设计时要考虑很多事情。为了简化网页设计这件事,本文列举了每个网站设计者都应该考虑的行为准则,包括能做什么,不能做什么。放心,这些准则都是一些很简单的原则。

设计网站时应该做什么

  1、在不同设备上采用相似的设计

  用户可以通过不同类型的设备访问你的网站,这些设备包括:电脑、平板、手机、音乐播放器、甚至是智能手表等。无论用户使用什么设备访问你的网页,确保他们具有类似的体验,这是用户体验设计中的一条重要标准。

  2、导航的设计要简单易用、清晰明了

  导航设计是深圳网站设计可用性的基石。记住,如果用户在你的网站里找不到导航,那么无论你的网站有多少都没用用。这也是导航设计要遵循以下原则的原因:

  · 简单。每个网站都应该有尽可能简单的结构。

  · 清晰。导航的每项对用户而言,都应该是清楚的。

  · 一致。系统的导航页在每一页中都应该是相同的。

  用户以最少的点击次数,最快地到达他们想要浏览的网页。这才是导航设计的目的。

  3、 改变访问过的链接的颜色

  链接是导航的一个关键因素。假如用户点击过的链接没有改变颜色,很可能导致用户多次点击同一个链接。

  如果用户知道自己过去访问的链接和现在还未访问过的链接,那么用户会更容易决定自己下一次要点击什么。

  4、让页面浏览变得更容易

  用户浏览我们的网页时,并不是通读所有的内容,而是快速地扫描整个网页。因此,如果用户来到这个网站,是为了寻找特定的内容或者是完成某个任务,那么他们会先浏览整个网页,直到用户找到了自己想要去的地方。因此,作为网页设计者的我们,应该通过设计网站可视化的层级架构帮助这些用户尽快达成自己的目的。可视化的层级架构意味着网页上每个元素的摆放或呈现都具有权重(比如说,我们的设计决定了用户先看到哪个,再看到哪个,最后看到哪个)。

  我们在设计网站时,要确保网页标题、登录注册按钮、导航栏或其它同等重要的元素放在用户很容易看到的地方,以减少用户寻找的时间。

  5、仔细检查所有的链接

  当用户点击网站上的一个链接,界面上却出现404的错误页面时,用户很容易变得沮丧。当用户在网站上寻找内容时,他们希望自己点击过的每个链接都是自己正在寻找的那个,而不是出现404的错误页面、或者点进去后,却发现不是自己寻找的那个页面。

  6、确保能点击的元素让用户看起来就能点击

  一个物体的样子会告诉用户如何使用它。看起来像按钮或链接的视觉元素却不能点击,很容易困扰用户,这些视觉元素包括:文字下划线并不代表链接、拥有动画效果的元素也不是超链接。用户想要知道界面上哪些区域是纯静态内容,哪些区域是可以点击的。

设计网站时不应该做什么

  1、不要让用户等

  网站用户的耐心和注意力是非常小的。根据NNGroup的研究,10秒是用户集中注意力完成一个任务的极限。

  当用户在等待内容加载时,他们很可能会变的沮丧。如果加载速度很慢,用户很可能会离开这个网站,即使是足够漂亮的加载动画设计也无法改变这个结果。

  2、在新标签页打开链接

  在新标签页打开链接的设计让用户无法使用“返回”按钮返回之前的页面。这是非常不好的设计。

  3、整个网站充斥着广告

  促销和广告会掩盖网站里的内容,也会让用户很难集中注意力去完成任务,更不用说那些看起来像广告的事情常常会被用户忽略(这种现象被称为:旗帜盲点)。

  4、滚动劫持

  滚动劫持是指:网站的设计者或开发者控制滚动条,从而使得用户在滚动鼠标时,会在网站上看到不同的效果,包括动画效果、固定的滚动点、甚至是重新设计过的滚动条。滚动劫持是用户最不喜欢的设计之一,因此,它夺取了用户控制滚动条的权利。当你设计网站时或设计用户界面时,你应该让用户自己决定自己浏览的网页或APP的位置。

  5、自动播放视频(有声音)

  在后台自动播放视频、音乐或声音文件,都是用户难以接受的设计方式。用户很少使用这些元素,除非是在适当的时候。

  6、为了网站的美观牺牲网站的可用性

  一个网站或用户界面的设计不应该因为内容影响用户的消费能力。最好不要在文字后使用繁重的背景、也不要使用让用户很难阅读或颜色对比不明显的配色方案。

  7、使用闪烁的文字或广告

  闪烁的内容或闪烁会导致易感人群的癫痫病。这样的设计不仅能引发癫痫,而且还会因吸引用户的注意力而惹恼用户。

 

平面设计相关资讯推荐阅读:


深圳网页建设中需要注意的问题校园网页建设一般要多少钱网页虚拟主机的好处在网页设计中网页设计的流程如何设计网页突破吸引网民客户网页建设费用由设计及功能决定thinkphp中的扩展类如何避免创作枯竭自媒体该这样做!网页网页设计的细节问题杜蕾斯微博运营者:微博运营与微信运营的50条经验一个好看又好用的网页设计怎么做网页的设计规范都有哪些西安市网页提升之电商的总体目标精准定位和发展战略深圳网页建设,如何选择网页建设公司面向老年人的网页设计:从成熟的角度看用户体验落地页制作的发展目标深圳网页建设过程中的六大要点,你知道几条建站公司应该如何抓住发展机会龙岗网页建设中应该避开哪些错误科技-网页建设前和网页建设后需要注意及准备什么网页设计,商城网页设计需要注意哪些问题易捷网络谈网页seo优化分析的八个要点QQ首次“出柜”,社交巨头腾讯公开支持同志社交企业网页的用户回访行为探讨网页设计之主页设计经典案例做网页被骗的三点润物无声!完成隐形设计的3个方法解决Eclipse开发时显示错误:HttpServletwasnotfoundontheJava的问题科技-企业网页建设设计时必须注意的五点问题!网页制作的流程是什么深圳网页制作营销型网页建设怎么进行网页建设有哪些设计方法,让网页更具吸引力如何做好商城网页设计网页建设-链接较重要商用APP制作开发,得到诸多网络大亨们的一致关注与赞许做品牌网页建设的详细攻略分享!常见的企业网页设计风格有哪些如何增加微信公众平台粉丝粘稠性为政府门户网页建设提供可信信息深圳福田做好五点seo优化关键词排名翻倍增长 企业网页设计制作哪家不错网页建设的费用一般包含哪些方面深圳微信营销具体要怎么做,微信营销如何做好产品推广深圳宝安网页建设的重要性有哪些网页建设中要考虑的几个问题企业网页改版要注意的几个问题如何做才能够让网页本身的竞争能力获得提高 做好网页运营从成功学思维开始如何让自身网页有特色电子商务网页建设的重要性和好处如何提高网页建设的收录率图层叠加混合模式在网页设计中的应用佛教寺院网页建设的必要性网页制作:描述标签和关键字标签大雁塔街道办事处告诫各位应如何正视朋友圈的营销行为十大网络推广公司特点解读分析针对企业应用软件定制开发的创业公司如何寻找客户关于深圳网页建设栏目合理规划(二)科技-手机网页建设如何优化以便于获得更好的排名!
网站备案号:豫ICP备2024041165号