Twitter和腾讯微博的移动站点交互设计比较

一些事  •  扫码分享
我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

Twitter移动站点有两个m.twitter.com和mobile.twitter.com,前者主要是为非触屏的手机设计,后者主要是为触屏手机设计(touch site)。腾讯微博提供了wap1.0和wap2.0两个站点,没有对触屏和非触屏作这么清晰的定位,基本上是针对非触屏的.因此我们只用twitter的移动站点和腾讯微博的移动站点稍作比较。

首页

Twitter和腾讯微博的移动站点交互设计比较

Twitter和腾讯微博的移动站点交互设计比较

微博中最常用的操作大概有三:看推,发推,看“提到我的/@me”。对于非触屏手机而言,链接的数量将直接影响操作和翻屏的效率。在发推方面,从首页第一个链接移动到输入框之间,twitter只有一个链接;腾讯微博则有多达11个链接。

在浏览方面,twitter的移动站点并没有针对单条微博提供回复,转发和收藏的功能,每个功能都需要一个链接,腾讯微博中翻看好友的广播,没多看一条广播,就会多遇到3个链接,当然还得加上头部作为导航使用的那10余个链接。twitter在这里牺牲了功能的完整性,保证阅读的流畅性,腾讯反之。

发微博

Twitter和腾讯微博的移动站点交互设计比较

腾讯微博在首页导航中专门提供了“发微博”,有点多余。发微博的页面更是麻烦,在输入框之前有7个链接,你能想象用户不在首页发微博,却要打开新页面,然后在移动7次去发一条微博么。Twitter根本没有这么一个单独选项,发推和看推都在首页搞定,目的非常明确。

导航

Twitter和腾讯微博的移动站点交互设计比较

腾讯微博的导航在页面上方,它几乎存在于所有的页面,而且通过换行和颜色区分出信息架构的不同层次以及用户当前所在的位置。好处是能够让用户对网站的整体的架构和比较清晰,缺点是极大的降低了操作效率,若想要看到每个场景的主体内容部分,都得先经过这个沉重的头部。而twitter则将导航放在下面,其实将twitter这个部分称为快速链接更加合适,显然没有想让这个部分承担表现展现网站的信息架构的功能。在twitter的触屏版中导航也放在上方,且每也为每条tweet提供了转发/锐推/收藏的功能,因为链接的密度对触屏网站毫无影响。

从上面这一点琐碎的分析,来看看两者的设计理念的差异。

1.对功能的完备性的追求和简单流畅的追求之间的平衡 。腾讯的全功能设计是很稳妥的,没有什么风险,当然也没有什么个性,不像twitter那样高效和简洁。在m.twitter.com中我想转推怎么办?twitter的回答是,你不能。假如在腾讯微博手机版中也不提供转播的功能会如何?…或许领导或者同行会让这个产品的设计师付出代价的,这就是追求简洁的代价,当然这只是个玩笑而已.不过,这个小差别确实让我们看到,简洁其实不简单,简洁确实是有代价的,你必须对功能作取舍.弃哪些,留住哪些,存乎一心。愿意为了简洁放弃一些功能,这是理念;如果在其中能够添那么一点艺术气质,就可以称之为风格.当然,我们别想从任何一个用户那儿看到一条建议说,不如去掉某某功能,让这玩意更简单一些吧.

2.在信息架构的清晰和操作便利性之间的取舍。  腾讯微博的设计(包括新浪微博基本上都是这个路子),在信息架构是很清楚的,其好处是用户不会迷路,不会不知道该怎么操作,无论是移动焦点2次发一条推,或者是移动12次发一条微博,用户终究是能够将微博发出去的,他们总是能够找到他们想要的功能,总是能够渠道他们想去的地方,缺点是效率却极为低下,不流畅。

我觉得这种一定要在上面增加全局导航的设计理念,多少是有点受了web设计的影响,用在移动站点上, 实际上是一种”以网站为中心”的设计思想,极力地将整体的架构呈现给用户: 让用户知道网站的结构如何,你当前在什么位置(不用全局导航,当然也可以搞定这一点) ,你当前所在的场景处于网站整体架构中的什么位置。反观twitter的设计则比较专注于任务:发推和阅读。这2个体验作的都比腾讯微博好。至于其他功能,你想找还是能找到,若找不到也就罢了。

当然,我倒也不敢断言,以任务为中心的理念更加接近于被大家普遍接受的UCD的理念,也不敢断言说,用户完全不关心你网站的结构如何(用户不关心你的网站结构的观念来自于0‘reilly出版的<web信息架构设计>中),毕竟让用户了解整体的结构,会给用户在 心里上一种控制感.我个人确是希望对网站能够有个整体的认识,否则多少有点不太踏实的感觉,我不太清楚这是我作为互联网从业人员的心态还是用户的普遍心态.

实际上,国内的网站(web网站,当这种理念被移植到wap表现更加明显,国内的移动站点都对横向的导航极为偏爱,看google和微软移动站点,基本上每行都只有1个链接,最多不过2个)都力图使网站整体结构清晰,层次清楚,逻辑严谨。是的,听起来,这都是挺好的词儿,有什么不好呢?你会发现这些词描述的都是对信息的处理,而不是对人的关注。 用户在这样的“纯理性”网站中,若是想找某种内容,它总是能找到,然而却总是不是那么高效,感觉总是不那么流畅。 信息架构设计的基本原则是要契合用户的心智模型。用户经过思考,顺利找到当然很好,用户如果能够根据本能去操作岂不更好?怎么搞定呢?将用户最有可能进行的操作和最想知道的信息摆在最显眼的地方。这说起来很容易,作起来的时候需要勇气,这样有可能会在一定程度上破坏网站的结构,起码使结构不那么严谨。就像是家里面都有的那种通常放在离门很近的地方的收纳盒,里面放了最常用东西,家门钥匙,零钱,透明胶,小剪刀…,你想找一个最常用的东西,它就会在那儿,当然也有时候它可能不在那儿,你再去考虑它可能被放在什么里面。

人性和理性不是相反,但绝非完全相同。不敢颠覆自己的理性就作不出来人性的设计,人性化的设计也不是用逻辑推导出来的。好像谈的有点远了,睡觉。:)

来自: http://cvbbbn.blogbus.com/logs/69777456.html

本文链接: http://www.yixieshi.com/4355.html (转载请保留)

随意打赏

twitter和新浪微博新浪微博 twittertwitter与微博twitter和微博twitter是什么twitter 微博twitter注册twitter微博twitter移动交互设计
提交建议
微信扫一扫,分享给好友吧。