交互设计实例分析:如何学习开心网的设计

开心网最开始的特点是转贴与投票,以及其本身朴素的界面设计。后来许多模仿都仿造其开发相同的功能与设计,不过依然无法超越开心网本身,那么后来者该如何学习开心网?

1、开心模型

齐白石有句话,叫“学我者生,似我者死”。放在开心上也是成立的。

我一直在想这个问题,既然学开心者生,那从何学起?如何学来?想了很长时间,大概有如下的5点总结。

首先保持产品本身的封闭性,只允许用户通过“邀请机制”加入,保障新用户的质量与存活率。

其次,在创始初期推出分量十足的社交游戏,一大数小,制造焦点应用。一方面是吸引用户在焦点应用中落户,逐渐适应环境;另一方面也鼓励用户为了游戏中的虚拟利益去邀请好友加入。

像这样以游戏为主的“焦点应用”,大约每3个月推出一款,把控好产品的运营节奏。

游戏只是食饵,真正让用户安家在这里,还是要依靠各种轻巧的信息组件,促进好友之间的沟通。

最后,为了营造沟通背后的一整套交互生态环境,必须谨守以下的8项设计原则:
A、严格保护用户隐私
B、以真实关系为基础,严格保护好友关系的质量
C、从视觉的舒适到内容的纯粹,严格保护动态区域的阅读体验
D、抑制信息过载,严格保护动态本身的可读性
E、有限商业化,严格保护主页与内容页的阅读体验
F、提供对话风格的评论形式,以及强大的消息中心,促进用户交流
G、严格保护消息通知的质量,加强交流体验
H、在互动中提供多样化的参与表达方式,给内容发表者带来成就回报

总结大致如此。看起来也不难吧,却无一个后来者能够效仿。一半是急功近利,另一半则技不如人。

除了开心之外,我也玩白社会,白社会的交互细节虽妙,却只是皮毛之利,骨骼远远不及开心的粗壮。就拿上面的8项原则来说,除了内容页UI的阅读体验相当之外,其余7项均不及开心,A/B/C/D尤其糟糕。如果对开心的研究不入纹理,又怎么战胜这批在国内唯一可称作天才的产品设计者呢?

学我者生,似我者死。

2、转帖与投票

我曾经花了一点时间来考虑转帖与投票的问题。当然,我说的是开心和白社会里的转帖组件。

转帖为什么火起来?主要靠的就是投票,用低成本方式来表达阅读后的情绪与观点。远在开心推出转帖组件的半年之前,我曾对前东家作三点建议:增强投票的形式感染力,在重点新闻后加插投票选项,最后把投票作为一个重要的新闻附加值,进行包装挖掘。

还记得当时,虽然没人反对我,但基本上是冷眼旁观的态度,意思是你瞎折腾去吧。所以随着我的调动,已经完成的策划案很快就流产了,没人愿意跟进开发。但从开心转帖投票的火爆来看,似乎我当时的想法也并不那么牵强。

说回正题——观察转帖投票的用户行为,老夫有三点感悟。

第一,发表内容的最大的障碍,就是在开放性的语境里,用户不知道自己该写点什么。即便降低发表成本到了Twitter这个程度,情况依然不会有很大的改观。那该怎么做呢?将发表环境从开放性改造为封闭性,提示性,让用户知道自己可以写什么,应该写什么。转帖的“正文内容”对于“发表投票行为”就起到了这个提示引导作用。

第二,我相信对投票非常着迷的情况很不常见,当投票动态被折叠起来后,便不会造成明显的信息过载。但转载不一样,连续看十来条转帖,一高兴也投上十几次票的用户并不少,即便转帖动态采用了三合一的折叠设置,也还是充斥在动态区域。从“行为暗示”的角度,转帖泛滥带来的后果是愈发鼓励转帖,反而使原创内容被稀释,被压制。但原创的价值远远大过转帖——看上去这促进用户行为多元化的动作,却带上了一点饮鸩止渴的味道。

第三,如果我参加一项独立投票,我觉得自己是认同投票主题的,乐意于投票动态被好友看到。但如果参加转帖里的投票,却有可能不太喜欢转帖内容,即便顺手投了票,也不希望变成动态告知好友。这个心态有点特别,我暂时还没有分析透彻,不知道是否出于个人的内容洁癖。也正是因为这个原因,对白社会捆绑了转帖投票和动态发送的设置深恶痛绝,有种被强暴的恨。

3、形式感与适应性

早在2007年的时候,那时我还在管几个频道,突发奇想,想玩一下Flash专题。即用Flash华丽的交互形式,来进行小型专题的图文内容索引,再把它给模板化,系列化。

还好,我起这鬼想法没多久就转去做产品了,没浪费什么资源。记得当时只做了一两个Demo出来,都不够酷。后来我还满失落的,觉得壮志未酬。再后来又惊醒一身冷汗,心想当初怎么会发癫到如此地步?

纵观国内外,凡人气鼎盛的大型网站,没有一款突出形式感,设计上都算得朴素。难道他们都是土鳖吗?我曾经埋头想过其中的道理,得来三个粗糙结论。

第一,如果用户访问网站的主要目的是为了获取内容,那就应该极力突出内容,炫目的形式反而分散了注意力,对大量内容的耐心阅读造成干扰。

第二,如果注意力过多被形式吸引,而形式又很难时时变化,久了反而厌倦,所以才要引导用户忽略形式,把焦点放到时时更新的内容上去。

第三,动态效果太多,会使得用户的注意力和操作都受到牵引,从而削弱用户主导整个访问行程的稳定性,对习惯的建立存在不利影响。

所以通常只有展示性的官网,或试验性的产品被搞得花里胡哨。它们既不存在“耐心阅读大量内容”的情景;内容更新又慢,不至于被频繁访问;同时也不指望用户能建立什么稳固的浏览习惯;最大的诉求就是在短时间内留下深刻印象——当然要强调华丽无双的形式感。

归根结底,内容型或应用性产品的可用性最大,这时对形式感的过度烘托,往往以用户适应性的降低为代价,无异于本末倒置,买椟还珠。

时间: 2024-11-13 07:04:42

交互设计实例分析:如何学习开心网的设计的相关文章

javascript性能优化之DOM交互操作实例分析_javascript技巧

本文实例讲述了javascript性能优化之DOM交互操作技巧.分享给大家供大家参考,具体如下: 在javascript各个方面,DOM毫无疑问是最慢的一部分.DOM操作与交互要耗费大量时间,因为它们往往需要重新渲染整个页面或者某一部分.理解如何优化与DOM的交互可以极大提高脚本完成的速度. 1.最小化DOM更新 看下面例子: var list = document.getElementById("ul"); for (var i=0; i < 10; i++){ var ite

网页设计实例分析:日式网页设计案例分析

文章描述:在很多人眼里,日本是一个隐忍.充满禅意的国家.以寺庙.茶道.电子产品而闻名.既传统,又现代.日本的建筑设计.书刊设计受世界瞩目.但是不知怎么的,日本的网页设计风格很怪异.有点像1998年的网页风格. 在很多人眼里,日本是一个隐忍.充满禅意的国家.以寺庙.茶道.电子产品而闻名.既传统,又现代.日本的建筑设计.书刊设计受世界瞩目.但是不知怎么的,日本的网页设计风格很怪异.有点像1998年的网页风格. Rakuten NicoNicoDouga Gigazine 看看日本这些最流行的网站(比

交互设计实例分析:移动应用的5种导航模型设计

文章描述:浅析移动应用的导航模型. 和网站一样,移动应用也具有自己的信息架构,根据应用的性质以及核心功能界面之间的关系,来对其采用合理的信息结构,此时,移动应用的导航模型便起到了穿针引线的效果,一个好的导航将使得应用的信息架构清晰明了,且操作简单高效. 移动应用的导航模型基本包括 平铺页面.标签tab.树形列表.九宫格.以及目前较为流行的左侧列表等,以下针对几种常见的导航模型进行简要分析和比较,以帮助我们选择最合适的导航模型,提升移动体验. 模型一:平铺页面 平铺页面,顾名思义就是一张或者一叠纸

交互设计实例分析:自然用户界面大胆设计

今天ifanr上有一篇<手势操作(自然用户界面)再探讨>,观点保守,论据不足. Android的菜单确实难用,难以记住界面是否有菜单.Plam将菜单放置在状态栏的左边,保证了触摸屏也能使用菜单,但也有弊端.菜单放在界面左上角,宽28像素,难以点击.请拿出你的手机,右手去点击大屏幕的左上角.要么大拇指伸过去,要么其余四指抬起才能点到左上角,甚为别扭. 弹出的菜单通常要么是无关紧要的功能,要么重要.如果功能无关紧要,那不如将菜单放置在启动程序的第一个界面(主界面),如帮助,当用户需要的时候,完全可

用户体验设计实例分析:网页表单设计

原文:http://visitmix.com/Articles/Web-Forms-for-People 作者:Luke Wroblewski 译者:江力   随着网络的发展,人们通过各种方式使用它.今天,网络购物,跟朋友或者不认识的人聊天,管理银行账户,以及一些日常应用,共享照片或视频,等等.事实上,只要能在线使用的应用基本上都已经有了. 虽然这些多样化的应用丰富了互联网,但这些任务的完成还需要一些步骤.不管是在线交易验证.评论新文章,还是管理某个应用,WEB表单总会出现在人们的视线中. 为什

设计实例分析:白社会中三个较小的设计点

今天,3月21日,世界睡眠日,恰巧是个周末,劳累了一周的大家有没有在家里睡懒觉呢~提醒大家,关注睡眠质量就是关注生活质量,关注睡眠就是关注健康. 好了,回到正题,在前作(一)和(二)中谈到了真心话和任务的设计,这次谈谈白社会中三个较小一点的设计点. 一.好友新鲜事新增提醒 在白社会的首页中,分量最重的就是这个好友新鲜事了,为了保证信息流的快速直接,我们采用了"推"的模式,并且直接即时的将信息推到用户的面前,这就是所谓的实时Feed了,这其实是一种非常酷的体验,信息获取快速直接,也省了刷

交互设计实例:基本的注册功能如何设计

前几天光耀童鞋喷了一篇<谈网站注册.登录过程>,今天我们在与小爬童鞋梳理购买流程的时候也谈到了这部分内容.其实注册作为一个网站基本功能再普通不过,但提供不同产品服务的网站对于注册的要求不尽相同,也不是每个网站都有一个体验良好的注册流程.本座在这里简单聊下在不考虑运营指标和商业目的的前提下,基本的注册功能如何设计. 注册页面的信息架构注册页面的信息架构力求清晰简洁,注册表单作为信息主体,除了logo,帮助信息以及一些必要的返回链接,避免其他一切会干扰注册的信息,全力保障用户专心走完注册流程. 注

设计实例分析:Google Wave的滚动条

在看到一些文章对wave的滚动条嗤之以鼻之后,我觉得有些必要为google的设计人员的良苦用心写两句.wave的滚动条是一个试图改良当前滚动条弊端的积极尝试,虽然这尝试并不成功. 滚动条简单明了,是非常常见的界面控件,但从一开始,传统滚动条的设计就存在着一些问题.在我看来,Google的设计师试图通过wave解决其中的两个问题:1. 传统滚动条强迫用户经常切换手掌的肌肉群:2.传统滚动条根据文档长短而变化滑块高度的机制不够妥当. 首先说第一个问题.在进行点击等控件操作活动时和移动鼠标这样的动作时

图形设计实例分析:概念视觉设计

10月份,工作之外,做了一款控件不全的"播放器"界面,叫它播放器只是个借口,也许更偏重视觉技法的练习.本文就让我们分析下,一个复杂图形是如何从无到有的,希望对视觉设计师们有所帮助,也能盛产一些"古怪"的作品. 制作之初,脑海里就反复罗列一些极具复杂的图形,闪闪发光,搜集的变形金刚素材: 素描这版感觉这不错,特点鲜明,尖尖的犄角,硬硬的质感,皮肤下面泛光,结构虽复杂但交代的却很清楚.就它了:) 万事开头难,画的时候,发现比想象的要难很多,摆在眼前的首要问题就是该如何下