童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

7月23日 霸鲸观投稿
  Twitter的移动站点有两个m。twitter。com和mobile。twitter。com,前者主要是为非触屏的手机设计,后者主要是为触屏手机设计(touchsite)。腾讯微博提供了wap1。0和wap2。0两个站点,没有对触屏和非触屏作这么清晰的定位,基本上是针对非触屏的。因此我们只用twitter的移动站点和腾讯微博的移动站点稍作比较。
  首页
  微博中最常用的操作大概有三:看推,发推,看“提到我的me”。对于非触屏手机而言,链接的数量将直接影响操作和翻屏的效率。在发推方面,从首页第一个链接移动到输入框之间,twitter只有一个链接;腾讯微博则有多达11个链接。
  在浏览方面,twitter的移动站点并没有针对单条微博提供回复,转发和收藏的功能,每个功能都需要一个链接,腾讯微博中翻看好友的广播,没多看一条广播,就会多遇到3个链接,当然还得加上头部作为导航使用的那10余个链接。twitter在这里牺牲了功能的完整性,保证阅读的流畅性,腾讯反之。
  发微博
  腾讯微博在首页导航中专门提供了“发微博”,有点多余。发微博的页面更是麻烦,在输入框之前有7个链接,你能想象用户不在首页发微博,却要打开新页面,然后在移动7次去发一条微博么。Twitter根本没有这么一个单独选项,发推和看推都在首页搞定,目的非常明确。
  导航
  腾讯微博的导航在页面上方,它几乎存在于所有的页面,而且通过换行和颜色区分出信息架构的不同层次以及用户当前所在的位置。好处是能够让用户对网站的整体的架构和比较清晰,缺点是极大的降低了操作效率,若想要看到每个场景的主体内容部分,都得先经过这个沉重的头部。而twitter则将导航放在下面,其实将twitter这个部分称为快速链接更加合适,显然没有想让这个部分承担表现展现网站的信息架构的功能。在twitter的触屏版中导航也放在上方,且每也为每条tweet提供了转发锐推收藏的功能,因为链接的密度对触屏网站毫无影响。
  从上面这一点琐碎的分析,来看看两者的设计理念的差异。
  1。对功能的完备性的追求和简单流畅的追求之间的平衡。腾讯的全功能设计是很稳妥的,没有什么风险,当然也没有什么个性,不像twitter那样高效和简洁。在m。twitter。com中我想转推怎么办?twitter的回答是,你不能。假如在腾讯微博手机版中也不提供转播的功能会如何?或许领导或者同行会让这个产品的设计师付出代价的,这就是追求简洁的代价,当然这只是个玩笑而已。不过,这个小差别确实让我们看到,简洁其实不简单,简洁确实是有代价的,你必须对功能作取舍。弃哪些,留住哪些,存乎一心。愿意为了简洁放弃一些功能,这是理念;如果在其中能够添那么一点艺术气质,就可以称之为风格。当然,我们别想从任何一个用户那儿看到一条建议说,不如去掉某某功能,让这玩意更简单一些吧。
  2。在信息架构的清晰和操作便利性之间的取舍。腾讯微博的设计(包括新浪微博基本上都是这个路子),在信息架构是很清楚的,其好处是用户不会迷路,不会不知道该怎么操作,无论是移动焦点2次发一条推,或者是移动12次发一条微博,用户终究是能够将微博发出去的,他们总是能够找到他们想要的功能,总是能够渠道他们想去的地方,缺点是效率却极为低下,不流畅。
  我觉得这种一定要在上面增加全局导航的设计理念,多少是有点受了web设计的影响,用在移动站点上,实际上是一种”以网站为中心”的设计思想,极力地将整体的架构呈现给用户:让用户知道网站的结构如何,你当前在什么位置(不用全局导航,当然也可以搞定这一点),你当前所在的场景处于网站整体架构中的什么位置。反观twitter的设计则比较专注于任务:发推和阅读。这2个体验作的都比腾讯微博好。至于其他功能,你想找还是能找到,若找不到也就罢了。
投诉 评论 转载

设计中的情感上次开会,姆斯说到“设计中的情感”,他举了支付宝捐款和腾讯捐款的例子,挺形象。支付宝做的很冰冷,巨大的banner背后可能就只是付款的渠道,和告诉你付款成功,虽然有自认为是增加……把设计放进一小时的盒子大家都会觉得做一个设计师是很有意思的工作。因为我们的每一天都在做着充满创意的设计。当然,那是指:在一整天都拥有激情和充满灵感的情况下。(笑)但是任何事情都不会永远是顺利的,有时……Twitter和腾讯微博的移动站点交互设计比较Twitter的移动站点有两个m。twitter。com和mobile。twitter。com,前者主要是为非触屏的手机设计,后者主要是为触屏手机设计(touchsite)。腾……从iPhone的人机交互方式看网络广告的互动创意自iphone推出以来,以其人性化的用户界面和独特的人机交互技术迅速占领市场,在iphone上,你可以用手指单点触摸图标。两点放大缩小图片,拖拽对象,抛甩物体,左右倾斜或旋转机……谈谈取消键与撤消键的使用“取消”(cancel,stop)和“撤消”(undo),看起来很像是同一回事,用起来似乎也差不多。但是两者在使用上还是有些差别,体验上也略有不同。一、取消键与撤消键……设计本来就是一项解决问题的工作设计本来就是一项解决问题的工作。在处理任何设计需求的过程都是在用我们所学的知识解决问题,解决问题的核心是千万不能被复杂的问题复杂化,问题越是复杂,越要保持一颗简单的心。发……亚马逊用户体验改善策略文于宗博,资深交互设计专家亚马逊的成功是强大用户购物体验的直接结果,今天无论是在理念还是在实践上,都堪称电子商务开发者的学习标杆。随着电子商务热潮的持续升温,现在电……需求分析的20个技巧对商业用户来说,他们后面是成百上千个供货商,前面是成千上万个消费顾客。怎样利用软件管理错综复杂的供货商和消费顾客,如何做好精细到一个小小调料包的进、销、调、存的商品流通工作,这……〔图说交互〕鼠标文字选中与产品整合QQ聊天腾讯soso搜索在我们用QQ进行聊天的时候,在聊天记录与文本输入框中,只要你用鼠标选中一些文字。即可进行复制和搜索2个动作。搜索整合了腾讯的soso产品。这里还有……设计信息可视化的10条建议新闻出版中设计信息可视化(infographic)的10条建议1。内容简洁新闻报道不是科学论文,读者不需要接触到那些琐碎的专业细节,所以一幅infographic,……心理模型的若干讨论当你踩下汽车中的制动踏板进行刹车的时候,可能心理想象的画面是把一个杠杆和轮子摩擦来减速。而实际上,却包括了液压缸、油管,以及压挤多盘的金属垫板等一系列看不到的零件产生了关系。这……产品设计中文案的重要性设计师往往忘记重视设计结构那样重视编写文案,以便在网页上突出文案。今天我们将讨论为什么文案是如此的重要,谁又应该学习掌握它,以及如何做好内容为中心的设计。作为设计师,我们理所当……
端午撞高考,文案怎么搞?瑞幸的新文案,有点意思什么是好文案?怎么写出好文案?耐克最新发布的文案,很燃很霸气!文案虽短,却意味深长写文案时,不妨多去强化稀缺感最近收藏的10句文案数字化可视化,让文案产生画面感精选100句神文案,句句经典五月,最喜欢的12句文案!卖点与买点,产品文案的两个关键!高考借势文案怎么写?这些品牌来教你!

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界