UGC社区类产品系列3:内容如何流动

原文发布于极客公园

4月初写了UGC社区类产品系列1:违规内容的处理UGC社区类产品系列2:如何让用户创造内容。前2节反响不错,今天继续该系列,聊一下内容如何流动。

UGC社区类产品系列3:内容如何流动

UGC社区类产品系列3:内容如何流动

先破题,内容如何流动,换个方向思考,即你是如何接收到信息的。把内容当做零散的信息组成体,即内容流动问题实则是信息流体系的建设问题。接下来从三个体系的建设,一起窥探内容如何流动的秘密。

层级关注体系

最早接触的社区是康盛出品的DZ论坛,用户只能通过主动参与帖子互动后,你才会授粉默认关注了该帖子,然后呢,通过消息系统传送该帖子的相关更新告知与你。

DZ论坛还没有将关注体系显现出来,所有的参与帖子然后收到更新推送都是通过后台默认记录进行。这个时期的DZ论坛关注体系就是帖子(发起帖子、参与帖子回复、顶贴等互动),即一层关注体系

百度知道通过用户关注分类和关键词、问题同问,然后在用户个人首页接收到来自这三方面的动态信息,即两层关注体系(备注:关注分类和关键词,只是范围不同,其实还是属于关键词一类关注体系)

知乎2012年8月改版前通过用户关注话题、问题、人,然后在用户的个人首页接收到来自这三方面的动态信息,即三层关注体系

关注体系设计的越多,的确更有助于让内容流动。但用户通过个人首页接收所有的信息量,造成信息消费成本增大,大喊悲催和烦躁不安。此时的解决方案是将多层关注体系分权重展示,即权重最高的放到个人首页,其他权重低的通过其他入口展示。

权重高低取决于某层关注体系对内容价值取向的影响力大小。比如知乎2012年8月改版,在个人首页显示关注人的信息动态,话题通过话题列表聚合页展示。因为通过关注人带来的问题内容价值大于通过话题带来的问题内容价值,即信息源颗粒度更小,噪点更低,价值更大。

产品形态:个人首页、频道聚合、消息系统
设计原则:在设计关注体系的过程中,一定要结合自己的产品找到可能多的关注体系,然后根据给你产品带来的价值大小分权重展示。最后所有关注体系中用户参与互动的内容,全部依托于消息系统进行传递。

智能推荐体系

关注体系有别于智能推荐体系,前者由用户主动设置关注信息源产生信息流动,后者由系统生成数据模型的信息源产生信息流动。

智能推荐体系的建立,一般从用户和内容两个维度出发。

从用户出发,可以根据用户行为(赞这个的用户也赞那个)、用户关系(你们有24个共同好友)、用户兴趣(读了这本书的同学也读这些书)等建立推荐体系;

从内容出发,可以根据相关内容(关键词关联的内容)、内容消费(推荐擅长该内容的人)、内容流行(热门内容推荐)等建立推荐体系。

豆瓣根据用户对书籍的看法、品味,寻找相似品味人的书籍;无觅相关插件根据内容关键词计算关联度进行相关文章推荐。严格意义上讲,豆瓣是标准的UGC智能推荐体系的产品。只要是个东西,在豆瓣都能找到东西之间的共性维度,寻找尽可能多的维度建模进行推荐,这点值得我们深挖学习。

产品形态:推荐模块、热度频道
设计原则:社区注定以内容为主体,人的关系辅助存在,不要担心用户之间产生关系哦。内容和用户之间可以交叉组合推荐。

内容组织体系

在UGC产品中用户进行内容组织的过程属于高级行为,非常的有价值。既然是UGC产品,用户创造的内容自然五花八门零零散散,促进用户进行内容组织,有利于内容流动。

内容组织体系的建立,一般从结构化和关注化入手。

从结构化出发,用户将碎片多维度串起来,整个UGC产品的内容由无序变得有序,形成一张有结构的网。用户通过关键词检索,可以找到某个结构单元。解决用户信息获取,促进内容流动。比如下厨房搜索各种菜单。

从关注化出发,用户将自己喜欢的文章放到了某个列表,其他用户无意间发现并订阅关注了这个列表。此时,这个列表通过消息系统形成了另一个关注体系,促进内容流动。比如豆瓣读书豆列。

产品形态:自定义收藏列表、个人主页展示列表
设计原则:内容组织遵循内容颗粒度所属原则和产品相关原则,比如下厨房的单个内容是菜谱,收集多个菜谱就是菜单;豆瓣的单个内容是书,收集多本书就是书单(读书豆列)。寻找小颗粒在现实生活中的所属对象,形成产品形态,最终构成产品核心架构。

结语:内容如何流动,就是从内容和人的属性上入手,找到信息流动方向和数据挖掘的维度以及内容组织的颗粒度关系。

作者Gauin  独立博客http://www.gauin.com/  微信公众账号GauinBlog

尽请期待UGC社区类产品系列4:内容如何创造价值。以上内容为个人工作思考总结,方便他人也方便自己,期待与你交流见解。

无滚动条的页面屏幕抖动现象

让前端设计帮忙出页面,上线测试发现页面切换之间出现屏幕抖动现象。这兼容性问题怎么老没解决呢?但细看发现,这不是兼容性问题。而是页面无滚动条造成的问题。问前端设计要解决方案,说没有办法解决。

没办法,我只有自行搜索寻找方法。我相信这些东西不是问题,一定有方法解决。下面是我找到的方法,先别笑。

 

滚动条是什么?看网页右侧,注意到没?用Win视窗操作系统的同学对滚动条不陌生吧。

滚动条一般在显示内容超过一屏时才出现滚动条。没超过一屏时一般默认不出现滚动条。

而发生屏幕抖动现象,正是因为人眼对相同部分的网页模块区域有明显的感知能力。比如导航部分,一般整站通用一个头部导航。两个页面间导航部分错位1个像素都能很明显感知出来。

情况一:页面都没有滚动条

朋友网好友管理页面有5个标签,但切换的过程中发现几乎每个标签页下面与导航的间距都不一样。奇葩啊。

这里只截图2个明显的页面,如下:

朋友网-好友管理

朋友网-寻找好友

朋友网-好友管理

朋友网-通讯录

这种情况下将同水平线的标签页统一与头部的间距即可。一个像素都不能少也不能多。

 

情况二:页面有部分没有滚动条

页面1没有滚动条,页面2有滚动条。2个页面内都没有错位现象。但只有在切换页面的时候才发现头部导航发生抖动,页面2被出现的滚动条向左移动15个像素。

看朋友网页面,如下:

朋友网-无滚动条

朋友网-无滚动条

朋友网-有滚动条

朋友网-有滚动条

看红线距离右侧的距离,明显向左偏移。

Google搜索只找到了关于网页滚动条的交互设计问题,但没谈到我说的这个现象。幸好在知乎联系到了百度MUX成员MoonMonster ,他给我的回答

这是现阶段浏览器设计问题,如果希望简单解决就在自己网站上自定义一个始终出现的滚动条吧。

SO,我没有找到出乎意料的答案。也只能这样笨办法解决了。

 

看Google首页右侧固定了滚动条:

Google首页

Google首页

 

年后最后一天,写下这篇博客。呵呵。

祝愿各位同学新春快乐

新浪微博插播广告的产品探讨

原文发布于极客公园

新浪微博是媒体恐怕没人能否认,它传播新闻和资讯速度之快、内容之多堪比新时期的电视台。在我们还在享受着新浪微博产品设计清新之美的时候,它却为了商业化,开始硬性插播广告。

新浪微博插播广告

新浪微博插播广告

这条微博大早上的出现在了我的微博时间线中。这个叉叉网,我压根就没有关注过。但醒目的分割线告诉你,你停还是不停?点击微博推广四字旁边的问好,跳转到了微博广告官方微博账号页面,给出如下解释:

一点吐槽…. ..

用户没有关注过这个账号,却看到了某个商家账号发布的微博。不论精选如何,插播在用户主要的时间线中就已经犯大忌了。太冒失了。Google、Baidu也会将广告搞置顶区域呢,你点或者不点。

这是一个很好的问题。用户非常关心的问题。戳中痛点啊。但怎么回答的呢?
同一条推广微博只会看见一次。的确,我点击过去后,我的时间线看不到这条推广微博了。但牛头不对马嘴,问题是你每天要给我发多少条广告微博?系统会控制用户每天看到推广微博出现的次数和频率,但就是没敢说您每天只会看到一条!都这样推了,硬要强奸到底么?以后还要每天发布多条广告?节操掉地上了。

对不感兴趣的推广微博,我没法关闭隐藏设置。用户可以隐藏?难道我非新浪微博的付费用户,我就不是用户了?设置隐藏,提示只有付费会员才有资格隐藏这一条微博。注意,就算付费用户也只能隐藏这一条。不是隐藏所有广告。

把解释文案当做一个产品设计,第2点和第4点不是重复了吗?3个问题已经很多了,还来一个4。明显多余说了一条。2和4就只需要说明一个问题,我每天到底会看到几条推广微博?

不知道是不是我点击了那条广告微博,再去翻发现消失了。又或者再次刷新页面会消失。这个问题文案中也没有解释清楚。

一点思考… …

用户是否喜欢推送的广告?
在这个商业社会,我们身处在广告围墙中。试问,在有人的地方,哪里还没有广告?人们无声息的被强奸了这么多年,你要是不给一点广告推送,用户都会感觉不正常。

好,不说笑了。分析用户心理过程。

用户早期有获取信息的需求,对接收一点广告还是很乐意的。但当广告蜂拥而至甚至没水准时,用户开始烦躁抵制广告。回过来讲,用户还是喜欢推送的广告信息形式的。

用户期待什么样的广告?
从新浪微博广告微博这事说开去,微博广告的表现形式上:

不能插播

不是我的我不要,但给了我的你不能抢!这是最基本的用户心理逻辑。你让我习惯了在New Feed看朋友的动态,现在忽然硬插广告,这个太TM耍流氓了。

信息靠谱

广告信息不靠谱。现在推广的是小公司不知名,都不知道商品、广告信息内容真实度如何。有钱有资源就能上推广,还不如之前在底部通栏的广告条看着舒服。

内容惊喜

惊喜包括有情、有爱、有趣,自己挖掘或者推送的惊喜。在新浪微博,能做好品牌形象和在线互动就不错了,想办法能转化一下订单那更不错。
PM该如何设计商业化产品?
新浪微博中插播广告,的确是很次的一个表现形式。下面只提供产品设计思路,不提供具体产品设计方案。

趣味型
趣味型,估计只会想到签到、做任务。就不能让用户去发掘?前者有点你让用户这样,后者是用户主动这样。两者驱动层面截然不同啊。

记得09年我搭档在米国一个服务器厂商的网站上闲逛,忽然发现了一枚优惠码。擦,那个惊喜啊。点开链接,还提示:幸运留给细心的人。有没有,你开心吗?至今我都难以忘记那次给我说的惊喜。趣味十足。

广告适合区域:所有页面

智能型
智能型,估计只会想到根据个性标签、关注对象进行同类型推荐。豆瓣广告的智能推荐系统真心不错,每刷新一次都不一样。内容和品味关联度还不错。这要做到对一个人的数据进行深入挖掘分析。

短期内新浪微博做不到这点,但可以简单尝试下。比如把微博用户分成几大类,建立一些通用型人物模型,进行推荐。

广告适合区域:侧栏推荐区域

场景型
新浪微博使用导航上的搜索,右侧顶部出现找朋友新功能。这个就不错。场景合适,需求合适。你总不能在阅读场景下进行推送吧?这样无爱,冒失了。

搜索是一种非常典型的场景型产品。只有需要才会去搜索所需。而场景型产品主动索取,在场景型中进行广告推广,将会更精准,用户反感情绪也最低。

广告适合区域:搜索、应用场景

总体来讲,对于新浪微博插播广告的形式应该是一次试水。然后呢,骂声一片。仔细在广告产品形态上花功夫,比头脑一发热插播广告要强的吧。真心不希望新浪微博沦为传统电视台,只会插播广告赚钱。新浪微博,你能站着把钱挣了!

手机号在产品设计中经历的阶段总结

手机的出现,拯救了互联网。互联网通过用户的手机号可以干很多事情。截止2012年年底,我所发现的手机号在互联网产品设计中大致经历如下五个阶段:

如何获取用户手机号

 

如何绑定用户手机号

通过账号系统,让用户选择手机注册方式,将手机号存到账号系统中。

通过诚信系统,让用户验证个人身份信息,将手机号作为用户唯一性信息绑定。

通过安全系统,让用户验证个人身份信息,将手机号作为用户唯一性信息绑定。

 

如何解绑用户手机号

通过验证原手机号,让用户接收短信验证码验证身份唯一性后,再解除手机号绑定。

通过客服系统,解决用户手机丢失/停机不能接收验证码验证身份唯一性的特例问题,客服通过验证用户其他注册邮箱、安全问题、账号注册时间、使用地点等信息验证用户身份唯一性,再解除手机号绑定。

 

如何获取用户通讯录

移动互联网的出现,让获取用户通讯录变得如此轻松。

通过通讯录同步工具,比如QQ通讯录同步助手将用户通讯录同步到云端。这样一来,腾讯已经有了你的通讯录了。

通过熟人社交类产品,比如某信只能导入用户通讯录才可以和其他用户聊天。

通过客户端抓取隐私,比如某些app恶意扫描用户通讯录并上传的行为。

 

如何分析用户手机号

获取了用户手机号,甚至大把大把的通讯录,那就需要通过分析找出手机号之间的关系。拥有大数据的公司,可以利用这些手机号分析出可怕的关系网络。这个,现在大家玩的开心着吧。

 

以上5个阶段的问题详情探讨,请等待博主更新哦。。。

Web产品基础模块设计规范-目录

Web产品基础模块包括:注册登录、导航条、个人主页(首页)、站内搜索、内容发布、消息、账号设置七大模块。

目录

第一章 注册登录

1.1 登录与登陆

1.2 免费注册与注册

1.3 注册登录入口

1.4 账号名 账户名 会员名 登录名

1.5 注册表单设计

1.6 登录表单设计

第二章 导航条

2.1 导航条的组成部分

2.2 导航条的设计

第三章 个人页

3.1 个人首页

3.2 个人主页

第四章 站内搜索

4.1 站内搜索入口

4.2 筛选器

4.3 搜索列表页

4.4 分页系统设计

第五章 内容发布

5.1 内容表单设计

5.2 按钮与文字链

5.3 评论与回复

第六章 消息

6.1 通知

6.2 私信

第七章 账号设置

7.1 所属分类

7,2 个人资料

7.3 左侧导航与顶部导航