转载——边缘与交互密度

by inchan on 03/6/2012

原文地址:http://www.gaoge.me/?p=150

市面上现有的主流手机操作系统有一些优秀的体验,比如android从顶部下滑出的通知中心。Palm的context menu 从屏幕下部的感应区呼出。Nokia N9 就更为纯粹,把just swipe——从侧面滑动切换手机态视为核心的设计理念。仔细看还挺邪门儿的,从顶部向下,从底部向上,从侧面向内——它们是如此热衷于边缘,以至于当我们想再这么做的时候,发现四周都被它们用光了:)

为什么是边缘?我想到两个原因,第一个记忆成本,第二个fitts定律。

画了三张图,试着每张图停留5秒钟,记住黑点的位置:

事实上可以将黑点理解为界面中需要定位的信息,随机摆放的情况下,5秒钟的时间很可能一个也记录不下。

下一张,仍然是5秒钟的时间

同样是5秒钟的时间,结果确有所不同。原因就在于本来一个黑点对应两个信息(x,y),但再这张图中,其中一个信息被大大简化了,以至大体能记下一两个点的位置。当我们真的用到边缘的时候,情况还更简单一些,比如下一张图,同样是5秒钟时间。

显而易见的一个结论是边缘的记忆成本要低一些,道理也很简单,如果黑点在屏幕内,每个点有两个维度的信息,x,y,而在屏幕边缘时,因为边缘只有四个,很容易区分,以至这个维度的信息几乎可以忽略,这样自然更容易定位了。

第二可以说明边缘道理的就是fitts定律,它可以简单的描述成定位一个目标的时间,取决于目标与当前位置的距离,以及目标的大小(还有其他因素,但和界面相关度较小)。距离越近时间越短,目标越大,时间越短。更详细的内容可以参见这里

表面看来,fitts定律和边缘没有什么直接的关系,但仔细想下,我们所谓的“移动到边缘”和“从边缘移入”实际的目标点并非边缘本身,而是“边缘外”。可以想象,如果我们需要定位到边缘上的一点,多了少了都不算数,其实还是蛮难的,但如果只要移出边缘就算数,那显然会容易很多。套用到fitts定律上,目标点的位置实际上是边缘的一些像素及边缘之外的全部面积,这个目标点就足够大了,以至fitts定律因为一个分母的增大而使得界面的效率提高。如下图。

另外还有一些我曾经做过的设计作为案例,比如下面的解锁界面,上边为概念稿,下边是我们再产品正式开发前改进的稿件,这个设计可以在现在市面上的腾讯定制的手机上可能到。

右图中的小字为“拖动图标到屏幕边缘解锁”。这个设计充分利用了屏幕的四个边缘,出去可以从fitts定律解释的效率提高外,同时有的优点包括:可以盲解锁(解锁键在屏幕正中,感应区域也较大,容易定位),进而可以不用看到屏幕既可完成解锁甚至还可以进入到你想要的应用(屏幕四周对应四个常用界面),也就是说在你从口袋里拿出它的这个过程,从解锁到选择应用一并完成了。

当然,不论什么设计都不是完美无缺的,比如这个设计也受到一些挑战,诸如:“为什么有四个入口,一个不是挺好,移动端设计力求一个页面完成一个功能,不用这么复杂”。这点我不认同,也涉及到另外一个有关交互密度的话题。移动端的设计虽然力求功能简洁明了,但不能一概而论。100个功能不可能安排100个页面来完成,交互密度需要和用户熟悉程度相关。画了下面的图标,但只是感觉而已,未经论证:

在NOKIA工作的时候,一个设计师说起他们的调研结果:用户每天在手机屏幕停留的时间,大约60%-70%以上在主屏幕(home screen)上,这一结论好像那个直接导致了我们看到nokiaN97刚上市时那个繁华的过了头的主页面,先不论这个设计的好坏,数据上是比较客观的(3年前的数据)。对于用户非常熟悉的界面,我们虽然不必像N97的主页面一样排满功能,但在功能,内容布局中将密度提高一些是可以接受的,这样有利于用户有效的提高操作效率。也一并解释上述设计中四个入口的问题。

摩托罗拉在去年年末推出了一款新的手机,界面上和我们之前的设计非常相近,并非想说moto抄袭,应该只是个偶然,因为腾讯也经常要面对抄袭的指责,可能大家都是中国人,习惯这个词了,但是设计上并没有那么多抄袭可言。好的想法是可以碰撞的。总的来说这并不是一个很烂的设计。

关于边缘及交互密度,在桌面软件中有很多应用,mac,win7系统中有很多相关的优秀体验。最近我们在QQ2012的概念稿中也有充分的体现,短时间内不便放设计稿上来,终究它能带来一些不错的体验,值得实践一下。

No Comments   话题: ,

步调要一致

by inchan on 02/24/2012

要是有人问你产品经理的工作内容有哪些?估计以国内互联网圈子的标准,所得的回答无非是这些:

“需求收集”、“用户调研”、“产品推演”、“原型设计”、“推动开发”、“把控测试”、“上线”、“收集用户数据”、“运营分析”、“迭代”……

这一大堆事情落实到有形可见的东西,那就少了,而且大都可以扔给相关人员来出具体的方案或DEMO。那么,产品经理到底要干什么?他们的工作就是规划规划写写文档吗?

在我看来,产品经理的最关键点在于:说服老板、说服老板,然后再说服老板。

是的,我把这项技能远远置于例如“抓准需求”和“把控全局”之上。因为,除非你是自己创业,否则再好的产品设计技能,如果没有说服老板的能力,都是扯淡。我不是说老板们都是笨蛋,恰恰因为老板们太聪明,所以在决策前往往能清晰辨识出各项难点和危险,又深受各种别他产品的优点诱惑。特别是有些是看上去很美的市场,又没什么人在涉足,表面看来必然成功的项目。其实,这些潜在市场之所以迟迟没人去碰,一定有其深层次的内在难点。在这个问题上,产品经理如果没有忽悠住老板的本事,那么他富有远见卓尔不群的产品设想或DEMO,在很早阶段就胎死腹中鸟。

我碰上过太多次老板和员工在项目进度的意见上,完全背离的情况。有时候员工无法理解老板的一意孤行和需求多变,老板无法知道员工心理到底在想什么。因为老板万事缠身,可能没有时间去详细解释决策的依据,而员工都是从自己角度判断事物利弊的,眼光有很大的局限性。这种步调的高度不一致是很危险的,碰上这种情况只有两条解决途径:老板改变工作方式,或者产品经理上下调和。这项任务太考验人的协调沟通能力了。

有人说产品经理的功夫在行外,此话不假。

No Comments   话题:

【产品设计】优化流程节省成本

by inchan on 02/8/2012

今天在知乎上看到一个很有意思的问题,“怎样改进一下 ATM 机才能保证用户不会忘记退卡呢?”

答案是五花八门的。有的说加装屏蔽门,不抽卡的门就开不了;还有的说把卡槽出口与出币口放在一个视野范围;甚至还有人提出做一个告警装置,未拔卡的机器又是警报声又是闪红灯。

这些七嘴八舌的主意,的确都能解决忘记退卡的问题。但是请注意,在产品设计时,时刻要牢记成本收益比的对称。要让银行面对几万个已铺设的ATM点,统统重新去改造设备,只为了提升那么点用户体验,需要多少人力,物力?会有多少银行有这个驱动力去做?

所以,知乎上最好的答案当然是:

先退卡,再出钱。只要升级ATM系统即可。

优化产品流程,永远是节约成本和提高效益的最佳方案。

No Comments   话题: , , ,

蛋饼小吃摊的“产品路线”设计

by inchan on 02/4/2012

在产品策划的初期,我们常常使用“who-what-how”的自问答方式来梳理思路。一旦梳理完毕,立即就开始筹备产品雏形了。然而,很多时候我们感觉需求明朗透彻,模式清晰明辨,产品肯定有戏的时候,真正上线后却反响平平,甚至胎死腹中。简单的调查后发现,许多用户,在还没看到他们需要的what之前,就点击关闭了。这种情况可以判断为产品的“用户导向”不佳。

用户导向设计是呈现产品核心“what”的重要环节,我们应该紧抓三个方针:

“逻辑复杂”

(只有你想得够多,做得够细,用户端才能不过大脑地用)

“呈现简单”

(收拢次要元素,直至它必须出现的环节才出现,以避免过于呆板的平铺直叙体验)

“高潮持续触发”

(让用户保持好奇,敏捷点击,并控制节奏给予甜头)

简而言之,别让用户线性使用产品,以迂回绕指来给予用户的方式更能激发用户好奇。
这是为什么呢?我们可以研究两个例子。

第一个例子很常见,我们任举一个旅游或活动景区布置设计。不难发现,所有的旅游规划者思路出奇共通,他们总让用户在一个面积SOSO的区域内能走上变态长度的路径和时间。下图是某海洋展览馆的平面图,我用红线圈出了游客闲逛时最容易走出的大致路线。

 

 

第二个例子是我新工作的金科路地铁站3号口。来看下平面图

 

从南北金科路欲乘坐地铁必由红线的人行道行走。每天下班高峰时间,会有一堆蛋饼烧烤摊贩横亘在弯角处,使得人行道严重拥挤不堪,人流速度拖慢。人行道有那么长,为什么小贩们要做的如此恶劣决绝呢?难道是素质低的表现?仔细查看,恍然大悟。原来,这是一次集体智慧配合的体现。看下图:

 

究竟怎么回事?虽然大多数路人对此现象嗤之以鼻,但路旁的铁栏杆直接隔断了地铁3号口的入口,所以没法绕道,人行道是唯一的路径!这些摊贩们通过相互配合,使得人们不得不在这条本该是直线的路径上,为绕开买蛋饼的上班族们,愣是走得穿花绕柳!!!于是乎,那些可怜的饥肠辘辘的下班族们,不得不左右闻香,一边抗拒着美食的诱惑,一边忍受着龟爬般的行进速度,有多少人能一路挺下来呢?还是先买些吃的填肚子吧^_^。

更完美的是,我再仔细观察,发现这么多摊贩的售卖的吃货种类居然没有一个重复的。他们对产品核心差异化竞争的重要性理解可见一斑!

这两个例子都说明,不让用户走直线,可以更好地将产品的核心亮点,慢慢地,有节奏地逐步给予用户,从而使得用户最大概率掉入设计者的结网之中。这或许就是用户向导的设计之道。

No Comments   话题: , , , ,

回到老地方,走在老路上

by inchan on 02/3/2012

豆瓣在2012年元旦后进行了较大幅度的改版,把“豆瓣猜”提拔到默认首页,把原来默认首页的“豆瓣说”划分到二级分类。此举在豆瓣用户中引起了巨大的争议和反响,主要是群众抵抗情绪极其猛烈。

改版当天之所以群情激愤,罪魁祸首是新版的“豆瓣猜你喜欢”既“猜不准”,又“不能换”。再加之刚上线一堆小BUG没处理好,热爱豆瓣的拥趸们自然没法坐得住。我的观点是,大家吐归吐,粪归粪,情绪发泄干净还会乖乖回来继续用。这就是豆瓣的用户们,因为爱着产品曾带来的惊喜价值,继而产生出惊人的忠诚度——千般不情愿,万般不能拒,简直像就像沉溺爱情一样。

我从起初对豆瓣新版的不解和茫然,到近几天猜的越来越准之后,发现改版从长远看,是相当明智的。阿北在日记“豆瓣的初衷”曾提到过:

六年前,我开始写豆瓣第一行代码的时候,是想做一个关于生活发现的服务。也就是说,豆瓣想帮人发现真实生活里的好东西。今天豆瓣有一百多人的团队了,我们依然在做一个关于生活发现的服务。

豆瓣长年来的发展一直遵循着两条清晰的脉络。第一条是做深度的UGC数据集采、推演挖掘、最后个性化推送,电影音乐读书和豆瓣猜隶属于这条内容线;第二条是以兴趣爱好为驱动力的虚拟社交线,依托于内容线采集到的用户偏好的交集,让用户去互相发现。在豆瓣出现之前,你绝不可能找到那么多高度臭味相投的“最熟悉的陌生人”。小组同城属于这条社交线。

前两年,国内SNS网站群龙并起,人人开心微博等社交媒体几乎硬撑起一条新的产业链,这个情形对更早涉及互联网社交的豆瓣来说,诱惑是比然的。于是我们也看到了2010豆瓣的动作,豆瓣说的推出,微博化的运营思路注入了豆瓣。依然依托兴趣爱好,只不过换个表现形式。

但是,豆瓣毕竟不是媒体。新浪微博等追求的是内容的海量和传播速度的极致,而不是内容的挖掘,使用微博化形式必然带来信息的过载。而豆瓣,正如阿北的初衷所言,是为了帮助用户发现真实生活里的好东西。我们都清楚,好东西不在于量的多寡,但信息过载对一个价值工具是不能被允许的。所以,在经过一年的沉淀以后,豆瓣或者阿北早已意识到,豆瓣说的形式,很可能部分偏移了豆瓣的初衷。

而这次改版,就是一次回归。豆瓣团队较大幅度修正了运营思路,从侧重传播分享回归至传播与内容挖掘的并驾齐驱,并且以内容挖掘为主线。6小时的更新频率的确很慢,但其实足够了(我们一天有几个小时来泡豆瓣呢?)。外加这次改版等于强行逼迫老用户不得不通过点击“like”,才能获得更精准的推荐。所以,随着豆瓣猜的强势运营,猜的准确性将势必得到较大提升,从而产生正向反馈。豆瓣找回了自己的方向,她知道她是没有前辈可以借鉴的,豆瓣的路只能豆瓣自己探索。

No Comments   话题: , , ,

世界,你好!

by inchan on 01/30/2012

欢迎使用 WordPress。这是系统自动生成的演示文章。编辑或者删除它,然后开始您的博客!

1 Comment