A5站长网SEO团队 首页 专家专栏 查看内容

如何从用户角度设计网站和导航

2015-7-8 17:07| 发布者: 黄忠| 查看: 171| 评论: 0

摘要:   小编由于所处行业和工作性质的原因,可以说要花费很多时间泡在各种SEO论坛和网站设计的网站,例如站长之家和A5都是小编经常逛的地方。但是,这几天小编惊奇的发现,站长之家首页进行了改变,相比之前的网站,现 ...

  小编由于所处行业和工作性质的原因,可以说要花费很多时间泡在各种SEO论坛和网站设计的网站,例如站长之家和A5都是小编经常逛的地方。但是,这几天小编惊奇的发现,站长之家首页进行了改变,相比之前的网站,现在的站长之家给人的一种感觉,无论从色彩和寻找信息的角度出发都更加容易。像站长之家这种大站,在改版之后,都在从用户角度出发。我们在做网站之后,应该从哪些方面着手,想做资讯站的网友和用户,不妨借鉴下站长之家。

  

如何从用户角度设计网站和导航

  首先,小编认为网站的整体风格。选择颜色的搭配,对于网站来说,就要充分照顾到行业。一个网站良好的版面风格决定了用户对于网站的好坏印象,也决定了网站能否吸引到客户。如果我们在选择网站风格中,选择的颜色给人一种压抑的感觉或者在颜色方面过于明亮和太绚丽就给人的眼球造成一种负担,用户的行为可能就是立马关闭网站或者点击进入下一个页面,以躲开这种行为给人造成过度伤害。

  因此,选择网站风格,尽量选择柔和或者是暖色,例如站长之家选择的就是一种蓝白基调,这种就给人在视觉上不会造成任何的伤害。同样A5选择也是这样一种风格基调,小编在使用这么长不会出现视觉疲劳。所以,在选择风格中,就要充分照顾到用户。

  接下来,是网站的字体大小。在字体的选择中,也是有讲究的。如果网站字体在这个页面都选择同样大小,这就很容易给人一种很乱的感觉。小编在这里说一句不要给用户设置难度,用户其实是很懒,不会刻意对你网站都进行全面的查看,除非是你的对手。然而,站长之家这次改版在字体选择中给小编很好的启发。

  在网站头条中采用红色字体,热点阅读也是使用红色,专栏选择蓝色。字体大小选择适中,这种鲜明的字体表达方式,给小编的一种很清楚的感觉,既不显拖泥带水,又能清晰表达出标题和头条以及文章的描述。

  导航条的细分。之前小编清楚的知道,站长之家都是采用了一个导航条的形式。只是对主要版块,进行集合,能出首页主导航。这次站长之家改版就采用了细分的原则,一级栏目后面紧接着就是二级栏目。之前小编如果想要进入二级栏目就是需要点击一级栏目才能看到这种二级栏目,经过这次细分之后,我们可以很轻松的进入到二级栏目,减少小编查找信息的点击距离。例如,之前小编查找一篇文章,可能需要点击四次,这次只需要点击三次或者是两次就可以找到。

  版块采用先上后下,先左后右的原则。我们从上往下可以清楚看到网站顶部logo,接下来就是网站的导航,再下来就是网站幻灯品和头条、推荐,然后专家专栏和原创文章。这样清楚知道人的视线焦点从上往西,从左往右。不会偏离出人视线范围、可以说这种极简风格小编特别喜欢。

  网站选择宽度的大小。我们都知道现在PC分为电脑笔记本和台式机。台式机的分辨率越来越大,但是相对来说,笔记本还是偏大。这就要求我们在网站策划  小编由于所处行业和工作性质的原因,可以说要花费很多时间泡在各种SEO论坛和网站设计的网站,例如站长之家和A5都是小编经常逛的地方。但是,这几天小编惊奇的发现,站长之家首页进行了改变,相比之前的网站,现在的站长之家给人的一种感觉,无论从色彩和寻找信息的角度出发都更加容易。像站长之家这种大站,在改版之后,都在从用户角度出发。我们在做网站之后,应该从哪些方面着手,想做资讯站的网友和用户,不妨借鉴下站长之家。

  

如何从用户角度设计网站和导航

  首先,小编认为网站的整体风格。选择颜色的搭配,对于网站来说,就要充分照顾到行业。一个网站良好的版面风格决定了用户对于网站的好坏印象,也决定了网站能否吸引到客户。如果我们在选择网站风格中,选择的颜色给人一种压抑的感觉或者在颜色方面过于明亮和太绚丽就给人的眼球造成一种负担,用户的行为可能就是立马关闭网站或者点击进入下一个页面,以躲开这种行为给人造成过度伤害。

  因此,选择网站风格,尽量选择柔和或者是暖色,例如站长之家选择的就是一种蓝白基调,这种就给人在视觉上不会造成任何的伤害。同样A5选择也是这样一种风格基调,小编在使用这么长不会出现视觉疲劳。所以,在选择风格中,就要充分照顾到用户。

  接下来,是网站的字体大小。在字体的选择中,也是有讲究的。如果网站字体在这个页面都选择同样大小,这就很容易给人一种很乱的感觉。小编在这里说一句不要给用户设置难度,用户其实是很懒,不会刻意对你网站都进行全面的查看,除非是你的对手。然而,站长之家这次改版在字体选择中给小编很好的启发。

  在网站头条中采用红色字体,热点阅读也是使用红色,专栏选择蓝色。字体大小选择适中,这种鲜明的字体表达方式,给小编的一种很清楚的感觉,既不显拖泥带水,又能清晰表达出标题和头条以及文章的描述。

  导航条的细分。之前小编清楚的知道,站长之家都是采用了一个导航条的形式。只是对主要版块,进行集合,能出首页主导航。这次站长之家改版就采用了细分的原则,一级栏目后面紧接着就是二级栏目。之前小编如果想要进入二级栏目就是需要点击一级栏目才能看到这种二级栏目,经过这次细分之后,我们可以很轻松的进入到二级栏目,减少小编查找信息的点击距离。例如,之前小编查找一篇文章,可能需要点击四次,这次只需要点击三次或者是两次就可以找到。

  版块采用先上后下,先左后右的原则。我们从上往下可以清楚看到网站顶部logo,接下来就是网站的导航,再下来就是网站幻灯品和头条、推荐,然后专家专栏和原创文章。这样清楚知道人的视线焦点从上往西,从左往右。不会偏离出人视线范围、可以说这种极简风格小编特别喜欢。

  网站选择宽度的大小。我们都知道现在PC分为电脑笔记本和台式机。台式机的分辨率越来越大,但是相对来说,笔记本还是偏大。这就要求我们在网站策划和设计中兼顾到笔记本和台式机。小编在这里建议,网站的宽度尽量选择1000px,这样能充分兼顾到笔记本和台式机。至于说移动端,这里也提醒下移动端可以选适配和建立手机站的形式。

  最后一点就是网站的广告位选择。我们都知道广告位的选择,在选择广告位之前,就要先规划出广告位的位置,尽量不要给用户查找信息带来困难。之前小编查看过一个健康养生网站,在广告位设置上,不管任何地方都放置广告栏。这种行为根本没有考虑过用户体验,这点站长之家给人一种示范作用,既设置广告位,还能保持网站的极简,干净整洁的风格,实属不易。

  网站设计兼顾到用户体验,应该站到用户的角度去思考问题。小编也是结合下自己经验说说网站设计方面,至于网站设计还有很多的要求,例如程序的选择,文案的策划等,由于小编知识有限,今天就说到这里。

  本文来源于郑州云端科技http://www.cloudso.net/,转载请保留作者链接,谢谢。和设计中兼顾到笔记本和台式机。小编在这里建议,网站的宽度尽量选择1000px,这样能充分兼顾到笔记本和台式机。至于说移动端,这里也提醒下移动端可以选适配和建立手机站的形式。

  最后一点就是网站的广告位选择。我们都知道广告位的选择,在选择广告位之前,就要先规划出广告位的位置,尽量不要给用户查找信息带来困难。之前小编查看过一个健康养生网站,在广告位设置上,不管任何地方都放置广告栏。这种行为根本没有考虑过用户体验,这点站长之家给人一种示范作用,既设置广告位,还能保持网站的极简,干净整洁的风格,实属不易。

  网站设计兼顾到用户体验,应该站到用户的角度去思考问题。小编也是结合下自己经验说说网站设计方面,至于网站设计还有很多的要求,例如程序的选择,文案的策划等,由于小编知识有限,今天就说到这里。

  本文来源于郑州云端科技http://www.cloudso.net/,转载请保留作者链接,谢谢。


路过

雷人

握手

鲜花

鸡蛋

QQ|SEO服务 ( 苏B2-20110049 )

GMT+8, 2024-4-26 11:42

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

返回顶部