俗话说“人靠衣装,佛靠金装”,网站首页就是一个网站门面,一个好的门面会将整个网站的气质、性格与时尚体面地结合起来,让网站的自身资源得以有效发挥、展示。而web2.0网站首页比一般网站首页要求更高,最近看了The visual design of Web 2.0,其中有些观点颇为赞同:
1.“如果Web2.0可以理解为一种信息内容的生成和分发途径,那就不必束缚于某一种视觉风格。”
我是一个没有什么美感的人,我相信大多数网站用户和我属于同一水平线。所以“艺术”和“美”对用户来讲就是一种感觉,而这种感觉1000个人可能就会有1000种不同的结果。所以,我猜想豆瓣可能就是基于这种考虑,索性不要“色彩”,用简单的东西来避免用户因为“审美”角度不同而产生争议,毕竟我们不可能满足所有人的胃口。当然豆瓣的设计技巧还有很多说法,但我觉得这一点才是是根本最核心的。当然,豆瓣这只是一种解决方式,虽然很多网站都在模仿豆瓣这种模式,但我对这种做法的态度,哼哼。
另一种解决方案,就是用配色方案来解决用户个性化审美需求的,也就是给用户提供几种大众配色风格,让用户在一定范围内进行选择。其实,我个人来讲,比较倾向于这种方式。
2.“要说服访问者为网站程序花费时间和提供数据, 首先需要赢得他们的信任。多数Web2.0站点让我们觉得友好、平易近人、小规模,它们运用巧妙的设计来赢得大家信赖。”
在中国,用户是很“懒”的,懒到连IE提供的“后退”这种小功能都不会去用。那么,我们就不要奢望用户对一件做之前不明白对自己会带来什么收益的事情去付出时间成本。既然这样,在一个用户第一次来到网站的时候,你的网站要给这个用户提供什么样的体验呢?你用什么来吸引用户注册呢?你用什么方法让这个用户在关闭网站页面之后的五天十天乃至更长的时间里记住你的网站呢?
如果是我,首先这个网站要具备以下几个要素,我才会继续为这个网站贡献我的时间。首页在5秒之内完全打开(速度);1分钟之内让我觉得这个页面好看(美观);5分钟之内让我觉得这个网站展示形式是我没见过的(新颖);10分钟之内让我明白这个网站是干什么的(定位,友好);15分钟之内让我明白我能在这里干什么(功能)。
我相信,大多数用户和我的想法应该是差别不大的。那么如何满足这些要求呢?还需要我罗嗦么……
3.“新的CSS技术支持圆的倒角使得这一风格又热了起来。友好的圆角效果让许多web2.0站点符合舒适的,无拘无束的基调。”“圆角字体开始全面风靡。这种字体的柔和方式赋予了 企业视觉识别 一种现代的玩乐态度”
这是说一个细节,而且是一个大家都不注意,但确实非常有效的细节。猫扑新闻中心在上线后的很长一段时间被各方面诟病。而唯一被称赞的就是猫扑新闻中心的设计,而这个设计最大的亮点就是我们在讨论的这个细节,没错,圆角。
4.“Web 2.0网站的排版布局(难度)可说是微乎其微。利用好空白可以使重点突出,易读,易用。空白能让重要信息凸显,让眼睛得以休息,并给予一种安定和秩序的感觉。宽松的行间距也让视线易于跟随文本流动。一些Web 2.0网站的布局简单到令人感到无聊的地步,但若设计上出色的话,一个四平八稳的页面也能成为绝顶的美味大餐。”
我想,如果我们不是新浪的话,这一点很容易就可以做到,而且,效果实在是太好了。
白居易诗云:乱花渐欲迷人眼,浅草才能没马蹄。以豆瓣、土豆等为代表的国内新一代互web2.0网站,已经将网站设计引入一个非常有趣的方向。各种各样的风格、流派让我们的眼睛有了更多的选择。而我们在设计一个网站首页的时候,如何选择合适的风格呢?
喧嚣过后,回归生活,我们的网站首页是干什么用的?
a.导航作用:
这是网站首页最重要的作用,导航的目的是帮助用户最最短的时间内找到自己最需要的内容,细分下来又可以分成内容导航、结构导航和流程导航三部分。
内容导航,web2.0网站强调互动,web2.0网站的价值也就由单一的内容,而转化为有关这一内容的互动。所以内容导航在首页的重要程度则大大降低了。此时的内容导航由最初的海量精华信息减少至5条10条信息,而这5条10条信息则是网站目标用户80%以上都关心的。就像一扇半遮掩的门,引起用户的好奇就够了。
结构导航和流程导航则是网站首页的重点,我们要用最人性化的方式,最干净的表现形态设计网站的这部分内容。
b.突出价值观:
德鲁克研究所《未来的社区》中有一篇文章也谈到这点,即社区要靠价值观来凝聚用户,而价值观的外在呈现其中之一就是社区的物质形态。这部分比较抽象,需要设计师充分理解网站设计思路后自由发挥而表现出来的。而这一部分的好坏则直接影响了网站一部分用户的直接组成。
清楚以上两点之后,我想围观层面上的设计也就有章可循了。当然,需要特别说明的是网站首页密密麻麻的堆积大堆内容,会让新用户眼花缭乱心情烦躁的,而且还会影响用户无法在最短的时间内找到自己最需要的内容。这种做法是绝对绝对要避免的。尤其,你是一个社区的时候。。
其实,这个话题无论从哪个个角度切入都显得过于大。所以本文也仅仅描述了一个网站首页设计的思考过程,而绝非教程。所以,大家姑且随便看看,随便想想,再随便的给我留留言就好了。