谈SNS首页设计

关注互联网,分享草根经理人的成长
更多精彩,欢迎访问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首页设计作品,如果有好的想法,我也会继续总结他们放上博客来。
我为什么选择互联网
关注互联网,分享草根经理人的成长
更多精彩,欢迎访问Rouny的独立博客:www.wangrunyu.com
上个月写了一篇《什么时候该辞职?》收到了很多朋友的反馈和转载,也趁这个机会和很多朋友交流了关于工作的看法,我也很有收获。这些交流中间,很多朋友对我从传统快消行业转而选择互联网这个决定不是很理解,感觉差别很大啊,呵呵,那我今天也整理一下自己的想法和大家分享一下,我选择互联网的原因。当然,这只是我个人的看法,不同意见,欢迎在评论中发表~~
- 产品为导向,工作目标纯粹
首先拿传统行业B2B的生意比吧,B2B多半是以销售为导向的,说的玩笑一点,你练就一身比较彪悍的销售功力,搞定对方那个“B”,你公司这个“B”的目标就完成了。所以很多时候决定生意是否成的是那个“B”,而并不是你的产品。
拿传统B2C的产品作比较吧,它也是直接面向消费者的,但无论这个产品多么便宜,他都有购买成本,比如产品本身的价格和去购买产品时花去的时间和精力,所以传统B2C会把很多精力花在渠道建设,推广营销,价格策略上,比如宝洁和欧莱雅这两家公司,这也是他们的强项。
但是互联网产品跟他们比,绝大多数都是直接面向消费者的,天生的B2C,再加上产品本身的获得多半都是免费的,上网页访问,或者顶多下载一下就能获得,低选择成本造成了玩家的转移成本极低,就是说今天我用的不爽了,我就不用了,反正不要钱,反正也有别家在做。所以这样的行业里要抓住用户,只有两个字–“产品”,玩命儿的做好!什么喝酒,贿赂,潜规则都派不上用场。所以他的工作目标非常纯粹。 - 开放的心态,真诚的分享精神
互联网的核心价值观中,大家比较公认的两条就是免费与分享,那么你们来看从事互联网的人也一样。我几乎每个互联网里的朋友都有博客和微博,还有十几个都有自己的独立域名博客,比如苏杰,费杰,费费,大家都在上面写什么?跟我其他的朋友有很明显的区别,他们分享自己工作中的感悟,心得,行业资讯,甚至会主动分享出自己凭兴趣做出的产品。所以这个行业内的团队,很容易打造成为分享型和学习型的组织,在人才培养体系还没成型的时候,这种分享精神会帮助个人,团队,行业高速地发展,所以,我也愿意写这样的博客进行分享,这一定是对彼此都有利的事儿。 - 年轻的团队,充满活力与想象
这个行业太新了,新到中国那么多大学都来不及开相关专业为他培养人才。很多公司里,上到老板,下到基层员工,只有10岁之内的年龄差距是很正常的。年轻有什么优势?充满活力,充满渴望,开放的心态,容易接受改变和挑战。这个行业身边的朋友最突出的不同就是,碰到一起大家都会眉飞色舞地说“有个点子不错,我们能不能做做?”“XX公司又出了一个新的产品,你快去试试?”因为互联网的快速变化给了我们想象的空间,因为成功的前辈给了我们想象的可能,因为年轻给了我们想象的勇气! - 快速变化的行业,必须拥抱变化
产品在变,流行在变,商业模式也在变,去年还流行的偷菜,今年已经变成微博了,去年只能用手机发发彩信,今年已经可以用他玩儿SNS了。这个行业拒绝一成不变,这个行业的人敢于尝试,敢于“山寨”,敢于创新。不然“开心网”不会超过当时自以为稳坐泰山的“人人网”,也没人想到偷菜红了,还可以红一个“楼一幢”。今天带GPS的手机还没完全普及,春春遇到的极客们已经开始尝试风靡美国的“Foresquare”模式了。这就是互联网,明天永远不会是一成不变的昨天。如果你感觉自己的工作就像一本不断重播的老电影一样无聊,那么就来试试这个行业吧,保证你一工作,就分泌大量的肾上腺素。 - 狂热的资本追逐,丰厚的产业回报
无疑,互联网相关产业都是一个轻资产,知识密集型的产业,很适合小资本投入。另外这两年互联网相关产业的爆发性增长也是极大地鼓舞了投资者的热情,2-3年前的SNS投资热,去年开始的Web game,social game投资热,今年开始的类Groupon团购网站和类Foresquare的LBS网站都吸引了大量的资本进入,行业气氛也略微被炒得有些浮躁。但是无论如何,没有高额的回报,VC是不会来的,这也是这个行业非常吸引人的地方。
这是我眼中我选择互联网的几大理由,不过因为所在的细分领域,工作经验这些因素的区别,大家一定会有一些不同的意见,欢迎补充。
新歌Demo第二版,请各位品尝!
欢迎访问Rouny的独立博客:www.wangrunyu.com
咳咳,又在一个月黑风高,夜深人静的晚上,Rouny完工了!!
这首新歌的Demo就是继上次这首(请猛击),收集了很多朋友(大概收到了几十个人的意见吧,谢谢各位了^_^)后的改进作品,仍然是个Demo版,但是改了很多东西,大家听听看,再提意见~~3Q
———————-试听区分割线————————————–
音频片段:需要 Adobe Flash Player(9 或以上版本)播放音频片段。 点击这里下载最新版本。您需要开启浏览器的 JavaScript 支持。
作品说明:
- 此曲是个Demo,非最终成品版本,演唱部分是在土包子Rouny在作坊里完成的(环境请自行想象),主要以表达旋律为目的
- 此曲是给杭州泛城科技的公司主题歌,想表达梦想,前进,创业的励志歌曲,歌词还未完全定型,但已经在修改中了
- 此曲的制作用到的设备异常简陋,X200笔电+板载声卡+Cool edit+PG58+百灵达台子,所以说是“作坊”,形式是挫的,感情是真的!各位请包涵
- 词曲为Rouny所作,编曲伴奏部分这次是小旭音乐工作室帮助完成的,版权所有,转载请注明出处
PS:很悲剧,发现监听耳机,鼠标都放在公司了,我晚上就用X200的小红点配手机带的破耳机完成了这首歌的混缩,唉,反正是Demo,质量要求不高,就将就将 就吧。
————————————歌词分割线——————————————————
我的梦想(暂定名)
当黎明的曙光/划出世界的模样
当鸟儿张开翅膀/向新的一天飞翔
喧闹的街道 旁/寂寞的屋檐下
向着阳光的方向/我们倔强地开放
受过伤/有过彷徨/从未对自己说谎
每一个坚定的目光/陪伴着我大声地唱
我有我自己 的梦想/梦想放在肩上
不为失败沮丧/我只会为成功而疯狂
我有我自己 的梦想/让世界不一样
乘着梦想的翅膀/我的未来一直在手上
更改记录_Change Log:
- 整曲降调,由原来G调降到了现在的F调,原因请自行推测
- 录制了整曲,并且加上了灰常热血的吉他Solo
- 采纳Jenny等朋友的建议,“我们倔强地开放”处的和弦做了调整,走了常规和弦,让过渡不那么怪了
- 采纳几乎所有朋友的建议,副歌也就是高潮,一改前版“颓势”,已经往死里用力了,不知道这个版本是不是够给力?
- 采纳艺超的建议,主歌B段的最后一句,改成没那么别扭的“陪伴着我大声地唱”
- 采纳伟星的建议,高潮第一段的“梦想放在肩上”改为“把梦放在肩上”,因为此句为弱起,断词容易走错拍子
Rouny想请你帮个 忙:
- 总体印象,5分制,你能给这首歌几分?请直接下本文下方的五角星处点击评分,谢谢
- 给这首歌取个名字
- 歌词还需要完整地重复一遍,结构跟现有的一致,押韵押在ang上,有什么好句子么?一两句都行,谢谢你的灵感
- 对曲子有什么意见么?
希望你能给Rouny反馈下意见,谢谢朋友们,那么怎么提交你的意见呢?
- 直接给本文评论,无需注册,只需填一下姓名和邮箱便可评论本文
- 人人网:点 击这里
- 开心网:点击这里
- 新浪微博:点击这里
- 腾讯微博:点击这里
- Google Buzz:点击这里
- Facebook:点击这 里(需翻墙)
- Twitter:点击这里(需翻墙)
最后仍然真心地感谢各位,歌曲的正式版本会采纳大家的建议后修改录制,如果有必要还会先放个Demo Version3,再让大家挑挑毛病,大家一起见证这首歌的出生吧。
About Rouny/关于作者
欢迎访问Rouny的独立博客:www.wangrunyu.com
也许博客的页面和文字都不够华丽,甚至山寨,但是我可以保证它的绝对真实。
关于作者:
作者大名:王润宇
法号:Rouny
江湖雅号:润哥,润子,润润….(不断添加中)
出生:浙江大学生物信息学+浙江大学竺可桢学院创新与创业管理强化班
爱好:搞点儿小曲儿,做点小菜,赚点小钱儿
工作:之前在欧莱雅(中国)干过3年,后立志进入互联网行业,毅然辞职,目前在杭州泛城科技任平台总监一职
梦想:想用自己的努力去影响世界,这个“努力”可以是想法,行动,语言,也可以是音乐,产品和团队。这个“世界”可以是家人,身边的好友,也可以是世间的芸芸众生,总之这一辈子总想给世间留下点痕迹,总想这些痕迹是健康的,嗯!
关于博客:
标题:《若你有梦》是一个双关,“若你”是Rouny的谐音,义为”Rouny有梦“,二来是标题字面的意思,若果你也有梦?请看此博客,我想我们都应该有梦吧。
内容:我常问自己3个问题:我想做什么?我能做什么?我应该做什么?这三个问题也许会指导我这一辈子的生活规划和人生规划,我的目标就是让这三个问题的答案一致,因为这样子的我也许是最快活的。
《若你有梦》有几个关键板块:音乐,产品,3G,管理,其实他们就是我现阶段对于这三个问题的答案
- 我想做什么?音乐,产品和3G,我是真心喜欢创作和设计一些东西,音乐和互联网两方面都是。想投入一些思想,并且尽力使他有价值,这点上,我很感性。
- 我能做什么?但是小弟不才,现在还做不了太专业的设计,所以在博客里经常会记录和交流一些比较草根的想法,发布一些比较山寨的作品。慷慨地和各位交流并接受各位的批评,尽管如此,我仍然很自信和骄傲,因为我在我能做的能力范围内,在做我想做的事儿,并且我已经做了。
- 我应该做什么?管理,管理还是管理。公司的发展和个人未来的发展都需要协作和组织,单枪匹马干不了大事,闭门造车出不了奇迹。所以对于管理,虽然我很草根,虽然我也有可能不擅长,但是我应该做,而且必须把它做好。
怎么联系Rouny:
我眼中的优秀领导力(1)
欢迎访问Rouny的独立博客:www.wangrunyu.com
打工-带团队-做老板,我想是很多同学自踏入职场时就已经勾勒好的职业发展了,我也同理。但是我曾无数次地困惑过,究竟如何可以成就优秀的领导力?
有幸,1年前开始的,在泛城科技的工作能够让我开始建设和管理团队。1年的经历不长,但是中间的点滴成败给了我很多感触,现在我把他记录下来,不是权威言论,仅作经验交流。
我眼中的优秀领导力,依次需要具备以下5点素质:信念,胸怀,眼光,胆魄,实力,我强调了依次,这篇先解释一下第一个:信念
- 为什么我把“信念”放在第一位?
其实在我起初对团队管理的认识中,并没有“信念”这个标准,直到有一段时间我开始为一些问题烦恼:为什么我们的团队白天工作认真,但晚上总是没人加班呢?为什么我们的团队流程严谨,但从来没有自己提出的方案和想法呢?为什么我感觉到大家都有一个工作目标,但都不觉得这个目标很另自己兴奋呢?总而言之,我感觉大家的能力并未完全发挥,每个人都有所保留。答案?我开始寻找答案,但我没找到答案,只找到了另一个问题来拷问自己:你,信什么?真的信吗?真的坚信吗?当每次夜深人静时扪心自问,当我发现答案不是那么铁板钉钉时,我意识到:你会为一个你不相信的产品掏钱么?你会为一个你不相信的人付出感情么?当然不全会,你一定有所保留,那么你要让团队毫无保留地为一个共同目标付出,前提是什么?是要100%的相信这个目标,并且是由我开始的每一个人。 - 什么样才是“坚定的信念”?
我相信一句话,世界上有很多事情,大家都是认同的,比如”成功=99%的勤奋+1%的天才“。但是为什么到最后成功的人总是寥寥无几,就是因为真正认同,真正坚信这个道理的人也许只占这些认同的人当中的1%都不到,其他人的“认同”是什么:点头和嘴上答应,而”真正的认同“是什么?就是”付诸行动“,那么”坚定的信念“又是什么?就是行动中的坚持不懈和矢志不渝,有困难,跨过去!跨不过去碾过去的精神! - 信念提高影响力。
信念能给领导人清晰,简单,坚定的判断,有了它们,沟通中,决策中都会透出一种决心,一种自信。”引无数英雄尽折腰“是什么?不是《沁园春.雪》而是毛泽东这种藐视群雄气场,为什么有这种气场,因为他坚信他对中国的理解和斗争方法,这种气场曾经影响了多少中国革命者,成就了多少英雄故事。团队管理亦然,当你对自己的项目足够有信心的时候,你的说话变得自信,眼神变得坚定,遇到困难的时候少了彷徨和犹豫,多了破釜沉舟的决心,团队成员看在眼里,感同身受,慢慢的大家会相信你的相信。 - 信念巩固执行力。
现在大家都在强调执行力,我认为执行力的天敌就是困难,当事情容易做时,要团队有执行力不难,难就难在不是所有任务都是顺风顺水的,资源上,沟通上遇到的困难总是无时不刻地阻碍着任务的推进。所以我们也出现过产品开发了一半,进度延误时,开发人员埋怨产品设计人员设计有问题,产品推进了一半,效果不明显时,产品设计人员开始怀疑产品战略的正确性,还有很多很多….这种埋怨,怀疑都是一种借口,一种可以逃避执行的接口,一个优秀的团队必须控制这种情绪的滋生,拿什么控制?统一的信念,开发者和产品经理统一,产品策略制定者和产品经理统一,统一并且坚定。当你坚信一个东西的时候,你就不是在为别人执行,那是在为你自己执行,困难就是理所应当去解决的。
这就是我理解的信念,只有坚信一个目标才有可能全心全意付出,才有可能爆发潜力,才有可能感染他人,成就领导力,它首当其冲!
下篇,我会整理关于”胸怀“的想法,欢迎交流
刚写的一首新歌,欢迎试听!
欢迎访问Rouny的独立博客:www.wangrunyu.com
折腾了一个礼拜,这首歌大概的雏形终于出来了,录了一天的小样,终于在今天2:30的比赛前弄好了,哈哈放上来让大家听一下,给点意见,我也可以安心看球去了。
音频片段:需要 Adobe Flash Player(9 或以上版本)播放音频片段。 点击这里下载最新版本。您需要开启浏览器的 JavaScript 支持。
几点说明:
- 此曲是个Demo,所以演唱部分是随便录的,主要以表达旋律为目的,如果觉得我唱得挫的,先抱歉了,后面的正式版一定唱好,呵呵
- 此曲是想表达梦想,前进,创业的励志歌曲,歌词还未完全定型,希望听听你的意见,我是“书到用时方恨少”啊!
- 歌曲部分基本确定,但是我对副歌(也就是高潮部分)并不是很满意,也希望听听你的意见,可能后面还会有修改。
- 词曲为Rouny所作,编曲伴奏部分这次是小旭音乐工作室帮助完成的,版权所有,转载请注明出处
尚未命题
当黎明的曙光/划出世界的模样
当鸟儿张开翅膀/向新的一天飞翔
喧闹的街道旁/寂寞的屋檐下
向着阳光的方向/我们倔强地开放
受过伤/有过彷徨/从未对自己说谎
每一个坚定的目光/都给我力量
我有我自己的梦想/梦想放在肩上
不为失败沮丧/我只会为成功而疯狂
我有我自己的梦想/让世界不一样
乘着梦想的翅膀/我的未来一直在手上
Rouny想请你帮个忙:
- 总体印象,5分制,你能给这首歌几分?请直接下本文下方的五角星处点击评分,谢谢
- 给这首歌取个名字
- 歌词还需要完整地重复一遍,结构跟现有的一致,押韵押在ang上,有什么好句子么?一两句都行,谢谢你的灵感
- 对曲子有什么意见么?
希望你能给Rouny反馈下意见,谢谢朋友们,那么怎么提交你的意见呢?
- 直接给本文评论,就是在www.wangrunyu.com注册一下,评论本文
- 人人网:点击这里
- 开心网:点击这里
- 新浪微博:点击这里
- 腾讯微博:点击这里
- Google Buzz:点击这里
- Facebook:点击这里(需翻墙)
- Twitter:点击这里(需翻墙)
最后仍然真心地感谢各位,歌曲的正式版本会采纳大家的建议后修改录制。
你说我听