国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > 互联网 > 网站网页合理设计提高用户体验度UE

网站网页合理设计提高用户体验度UE

来源:程序员人生   发布时间:2014-04-09 15:51:10 阅读次数:3617次

  UE:用户体验

  这里针对网站UE可以这样理解:用户访问一个网站时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来/使用。他们能够忍受的问题,疑惑和BUG的程度。

  那么到底一个网站的网页应该如何设计更合理,体验度更高呢?网络高手门各有见解,整理了下大致有下面几点:

  一、网站网页速度

  这也许是在所有的设计理念中最重要的一步,一些没必要的css可以合并,js如果不影响内容展示的话,我们可以放在最后调用,另外尽可能的减少html代码,并把js和css写到独立的文件中且把中间的空格去掉 …… 关于网页加速的问题还有很多,在这不多累述。

  二、网站主要内容 –在最短时间内告诉用户你是干什么的

  一般网友在无意打开一个网站或通过其它点击打开网站的时候(也就是说并不是刻意去寻找某样东西的时候)停留时间大概在三到五秒,一个优秀的网页应该在这三到五秒中告诉用户自己是干什么的,能为用户做哪些事情,如果不能做到这一点的话,相信很多人也都会像我一样,把滚动条拉到最下面之后就关了。

  三、略读习惯 –几乎80%的网民都有

  在网上曾看过这样一个举例,感觉非常恰当:“当你进入一个房间时,你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形,你环视整个屋子,然后找令你感兴趣的东西。”,我想说的是,除非你对这个屋子特别熟悉,就如你家里或你的办公室突然来了陌生的人一样,你除了看这个人,没有其它需要注意的地方,否则的话我们都有略读的习惯,在网民打开网页的时候也是一样,他会简单粗略的浏览整个网页,如果大多数人都没有在你的网页上找到感兴趣的东西,或者说你没有把应该令他们感兴趣的东西呈现给他们,那你的网页做的可真是太糟糕了。

  四、网页人物图片(人物眼睛)- 左侧黄金位置

  如果一个网页上只有一张图片,而这个图片恰好是一个人物,那么是不是很容易就引起你的注意,并且这个图像已经进入了你大脑的临时记忆区了,但如果页面上放了一排一寸照片轮显,最后的结果是你一个都没有记住,学会合理的利用图片,有的时候一个就足够了。

  在人物里人物的眼睛是最重要的一个黄金广告位,我不知道这是自己的发现,还是大家都这么认为,在你看到一个陌生人的时候,你最先看的大多是这个人的眼睛,那么我们何不用一个眼睛去做一个合理的广告位呢,记得以前看到过这样一个广告,一个美女和一个产品,同时做了两幅图片,唯一的区别是美女的眼睛一个是看向屏幕外面的你,另一个则斜着看产品,当图片展现在我们眼先的时候,我们下意识的去看美女的眼睛,而这时我们发现,这双眼睛在盯着另一个产品看,所以我们立刻就会把注意力放到那个产品上,而另一个图片却没有这样的冲击,做为一个广告来说,无疑是前者更能抓住顾客的眼球从而更能让客户注意到自己要宣传的产品,否则的话我们就只会记住那张脸,对一产品只有一些模糊的记忆,等我有机会找到这个图片的时候给大家发上来体会一下。

  无论是我们的阅读习惯,还是我们的做事习惯大都是从左开始的,我们看网页也不例外,左侧比右侧更有吸引力,所以我们看到网站的logo一般都会放在左边,如果有一个网站把logo放在了右边你就会感觉到有些别扭。

  打算在网站首页把头像放在了左边,而内容页放在右边,首页我想让别人记住我的样子,而内容页我更多的是想让他们看到文章内容。

  五、网页文字格式的重要性

  也不记得是在什么地方听到过这样一句话:一张好图片胜似千言万语,道理是这样说,但是我们很难做出特别优秀的图片来,而现在的网页,更多的时候让我发现,一些大号的文字比图片更有吸引力,尤其是一些介绍单个产品或某项服务的网页,上面就是几个大字,让你不得不在就要关闭页面的同时继续读下去,以至于你越来越对他说的内容感兴趣,从而读完,这远不是一幅图片所能达到的效果,看到图片更多的时候我们只能产生点击的欲望。然而现在依然使用免费空间中,等过段时间换收费主机了再添图。

  常有必要说的是文字排版非常重要,写文章的时候不太注重排版,而且非常喜欢用叹号,直到后来自己在读自己文章的时候才发现,排版是多么重要的一件事,尤其是特别长篇的文章,请不要吝啬I,U,B这样的标记,颜色的区分,字号放大,会让不愿意读文章的人大概浏览一下小标题近而把文章读完,就像这篇文章的五点小标题是不是足够吸引你把文章读完呢。

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生