Fuubo新浪微博客户端:重构设计

企鹅博客
企鹅博客
企鹅博客
29449
文章
0
评论
2020年9月13日10:59:48 评论 10 views 1269字阅读4分13秒

Fuubo新浪微博客户端:重构设计

  自从我用上新版Fuubo之后,我就毫不犹豫的认为它是当前Android平台当前最棒的微博客户端了,新版Fuubo上线5天,获得了5W用户,也印证了这一点。令我惊讶的是,它竟然出自华中科技大学的一群学生之手——2011年冬天,汪超骏在旅途中发现沿途拍照发微博是一件非常耗电的事情,于是他萌生出开发一个具有离线功能的微博发送助手的想法。他和两位同学交流了想法之后,决定在离线发送的基础上上添加定时微博的功能,并在两个月后完成了只有发送功能的第一版Fuubo。

2012年12月,汪超骏结束在小米科技的实习回到学校,对他而言,再开发一款完整的微博客户端已没有任何技术障碍了,于是他和一些朋友组建了十几人的团队——RefacTech(重构科技),开始着手全新的Fuubo客户端的设计和开发,这是他们开发的第一款应用,开发过程中,他们面临的最大的问题是在线协作,一开始大家缺乏默契,合作效率很低,随着开始使用GitLab、Yunio来进行项目进度管理和文件共享,这个问题得到了解决。由于团队成员都是微博重度用户,所以他们有着非常一致的理念——开发一款简约、流畅、易用的微博客户端。

Fuubo的意思是Future of Weibo,RefacTech希望去除掉“长按”和“双击”等在Android产品设计时颇为常见却较为隐性的用户操作,他们认为这样的操作方式很不明显,并不能达到最优的用户体验。这个隐藏操作的弊端很明显地体现在微信上,当用微信在朋友圈里发不带照片的状态时,需要长按拍照的图标,这让操作语义很不明确,我就是在询问朋友后才得知这个操作模式的。同样,在大部分的微博客户端上,用户需要通过长按才能进行快捷转发、评论、收藏等操作,为了让用户更方便地实现以上功能,Fuubo把这些功能进行整合,像放进一个抽屉一样,单击就能打开抽屉,从而让用户快速选择自己所需的操作。Fuubo中还有大量的简化操作和手势操作,它们主要针对高级用户,而这些并不能替代基本操作。例如右下角的Smart Panel,既可以支持滑动手势,也可以使用点击操作。在Fuubo中,手势操作只是快捷方式,并不会影响软件的主体功能。

Fuubo新浪微博客户端:重构设计 作为一款在Android平台的产品,Fuubo的设计风格也十分美观别致,汪超骏说, Android 4.0以前没有成熟的设计风格,所以大多数应用还是保持了iOS的拟物化的设计,但4.0以后,设计方面应该遵循holo主题的设计风格,更平面、简洁、抽象,开发人员也应该学会利用Android 4.0的一些新特性,以及Google 提出的一些软件架构。

我个人认为Fuubo最赞的功能之一是转发微博时点击右上角可以查看预览效果,当我们忘了自己要转发的原文或者希望预览转发和评论的内容,都可以通过此处查看。汪超骏说,在创作这些小细节时,他们也会兼顾用户的习惯,坚持把常用的功能放在明显的地方,不常用的就用像抽屉一样隐藏起来,即使用户没有发现,也不影响到他的正常操作,但一旦他发现,就会感到更加地便利。总的来说,整个Fuubo的设计都是遵循“让大家更方便地玩微博”这一想法。

继续阅读
weinxin
欢迎加入中国站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。
当企业产品遇上用户体验 产品设计

当企业产品遇上用户体验

一般人对於企业产品的预期,可能仅停留在功能要强大,信息要安全,能够帮助企业提高工作效率。但今时已不同往日,除此以外,人们开始更注重产品的用户体验。那么,在面对企业产品的设计上,有什么方法可以提升用户体...
只言片语系列:用户体验杂谈 产品设计

只言片语系列:用户体验杂谈

《只言片语》致力于通过简短聚焦的知识和经验,让大家加深对设计的理解,以及从更多的角度看待“设计”。我更希望大家从设计师的身份中脱离出来,更多的关注设计对象。以一个侦探的角色对对象进行场景还原和分析。 ...
如何构建一个便捷高效的App消息列表? 产品设计

如何构建一个便捷高效的App消息列表?

因地制宜,才能设计出一个便捷高效的消息列表。 消息列表的主要目的在于使用户获取消息,并完成处理,不同的软件对于消息的要求也不尽相同。即时通信类软件在于使用户尽可能快的获取和处理信息,同时保证私密性。资...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: