关注互联网，分享草根经理人的成长
更多精彩，欢迎访问Rouny的独立博客：www.wangrunyu.com
前面满长一段时间，在琢磨如何做SNS类的产品，这方面算是刚入行的新手，总结了一些想法，正好贴上来，今天先讲一下SNS首页的设计。
再开始之前，可能有朋友会问，什么是SNS？
SNS的全名Social Network Service，也就是社会化网络服务，在国内，我们通常翻译成社区，也就是网上聚集了很多用户，并且相互直接有复杂交互的地方，人人网，开心网，豆瓣，Qzone都算是里面比较典型的产品。
SNS的首页设计要注意哪些内容？
- 明确目的
简单明了的告诉用户你是干什么的网站，比如以维护人际关系为主的社交类网站通常应该怎么做？我们来看看Facebook的首页吧:
上图就是Facebook的首页，红框中的部分，非常直观明了地告诉了你facebook是干什么的，不会让一个陌生的用户在看到社区的第一眼产生过多迷茫。我们再来看人人的：
上图是人人的首页，同样从红框中可以看出，人人网对facebook的模仿可谓“无微不至”，一句话“人人是一个真实的社交网络，联络你和你周围的朋友”加一幅图把该网站的意图表述地非常清楚。我们再来看一下非社交为主的社区吧，比如以图片交流为目的的Flickr社区的首页是怎么做的：
Flickr也用了“图+文字”的方法简单的表述了网站的功能，“分享你的相片，静观世界变化”，这句话看完，起码用户应该知道这个网站是分享相片用的。这句话的右上角有一个小标签“还有视讯”，不是很起眼，因为分享视频并不是flickr主打的功能。
总结一下，从以上三个网站的首页上看出，要让用户第一时间了解你的社区是做什么的，图+文字是一种非常高效的表达方式，图一定要简单，文字尽量是一看就能看完的长度内，这需要设计者提炼一下，目的就是让用户看一眼就能抓住网站的主旨。 - 引导行为
仔细想一下，当用户大概了解网站的作用时，作为设计者，你做希望用户做什么？注册？登录？购买？还是什么？同样，我们看回上方facebook，人人，Flickr的页面，我就不再重复贴图了，Facebook和人人都是以社交为目的的社区，所以在首页的醒目位置放置了非常清晰的注册，登录窗口，你可以再去看看同类型的网站，大同小异，只不过有的网站还用很多美女的头像来“引诱”你快点注册，呵呵。因为很简单，社交网站用户是产生内容的源泉，所以啥也别说，先把你请进来最重要。
但是对于Flickr这样的图片社区，你看上面的图，他最明显的一个搜索框，言简意赅，你能快速的尝试一下Flickr的图片浏览功能，如果Flickr的内容能够吸引你，再拉你进来也不迟。所以Flickr的注册和登录按钮并不是用户第一印象中最显眼的，这跟网站定位是有关系的。下面，我们再来看一个游戏类的SNS，盛大糖果：
我在上图上画了3个区，占掉视觉主要位置，也是用户第一印象的是1区，他是一个游戏的轮播，并且每一个轮播中间都有一个“进入游戏”功能的按钮，点击后直接进入游戏。所以按照我们之前的理论，它既告诉了用户这个SNS的主要特性是游戏，又同时吸引玩家“take action”。区域2中的ICON也是类似的意思，点击后直接进入APP介绍页，鼓励用户直接进入游戏。所以当用户大致理解网站的内容，并感兴趣（没有立即关闭网页可以理解为感兴趣的用户），一定要有足够的吸引力去引导用户进行实质性的操作，这些操作一定是要最能吸引用户的。
- 显示人气
SNS就是人的聚合，没有人，这个网站就没有存在的价值了，所以用户是否愿意加入到面前的这个SNS网站，很大程度上取决于“人气”。但是如何在首页上表现人气呢？先看一下刚出现过的盛大糖果的图，我唯一没有画框的右下角部分“大家正在推”，这个框会滚动“涌出”最近用户发的微博，更新间隔大约5秒钟，每条微博后面还标注着XX分钟前，给你一种很“新鲜”的感觉，不管你是否相信这些微博到底是真是假，起码他用这种方法营造了一种“火爆”的气氛，把人气写在了首页上。
再看一下上图Flickr的红框下方有一行小字“过去一分钟6105个上载，3045个标签为夏天的内容，本月有4.5百万项已标记地理位置”中间的链接都可以点去相应的集合页面。该数据不会自动刷新，但是在每次手动刷新或重新载入页面时，这个数字会变，标签会变，最关键图中最醒目的部分，也就是那个男人的相片也会发生变化，也就是说每次到Flickr首页时看到的图片和数据都是不一样的。这会给用户一种什么感觉？真的是有很多人在往Flickr里上传图片，呵呵那么Flickr是不是也通过首页的这种设计传达了“热闹”的感觉呢？
这篇文章总结了以上三点，也是我现在在设计中尤为注意的三点要素，当然SNS的首页设计还有别的很多讲究，尺寸，配色等等，欢迎朋友们一起讨论如何才是一个好的SNS首页设计作品，如果有好的想法，我也会继续总结他们放上博客来。
