IT技术博客大学习 共学习 共进步

TwitEase的那些事

网易用户体验设计中心博客 2010-12-16 21:42:49 浏览 2,843 次

    

    今天想介绍给大家的是一款微博客户端:TwitEase。没错,看造型估计大家已经猜他跟网易的微博小易是有关系的(后面会讲到),其实TwitEase是公司的东瓜同学利用课余时间开发的一款基于air平台的微博客户端(暂时只支持网易微博),我以打杂的身份做了一些交互和视觉上的优化工作。 今天写这篇东西的目的是想分享一下在做TwitEase的过程中遇到的一些问题和思考,当然,还有些幕后小花絮。

     1. 界面是矢量还是位图

    一听到是air平台的软件。我第一时间想到的是跟flash一样的矢量化的东西。于是最初的界面是在矢量软件ai里面完成的。后来跟东瓜沟通之后,才知道可以用png贴图的。考虑到ps的丰富效果和后期修改的方便,最后不得不痛苦地在ps上重画了一次软件界面。这个故事告诉我们,对不确定的需求一定要了解清楚,这样才能少走弯路。

    2. 功能完善和界面简洁之间的平衡

    微博客户端的目是信息获取为主,所以TwitEase的界面力求能做到最简洁,减少界面对用户的干扰。在最早期的版本只有一个层级的界面切换。

    

    界面只让用户在最常用的几个功能之间切换:主时间轴,回复@我的,我的转发等等(早期版本还没有搜索功能)。不过后期随着功能的不断加入和细化。界面不得不跟着做调整,就有下面的版本。

    

    新的版本的操作逻辑变成两个层级:把微博,私信和设置归成三个大类,每个大类再细分小类。还增加了一个直接发布微博的功能块。

    再到后来,东瓜同学继续给力, 又增加了未读数标识,直接贴图等功能,同时在时间轴的表现方式上也做了调整。于是,第三版的界面就是这个样子了。

    

    到了现在,软件的功能和界面已经跟线上版本差不多了。

    好的软件界面应该在保持易用的情况下,用最少的界面去容纳最多的功能。以这个标准来看,TwitEase还有很大的优化空间。

    功能的完善和界面的简洁之间如何做到很好的平衡?这个一直是我们纠结的问题。比如之前东瓜一直坚持要加一个最大化的功能,我不赞成,是因为需要在有右上角增加多一个最大化的按钮,而且这种客户端最大化的需求本来就少。不过最后还是加了,换成是双击标题栏最大化。这样的好处是, 高级用户可以自己爽去,而不会对一般用户有影响。

    又比如在发微博这块的功能上,我们做了简版和完整版的区分,但是如何能让用户很好地理解和区分,现在还在考虑更好的解决方法。

    

    3. 满足用户的需求,同时也要筛选用户需求

    从软件发布的第一天开始,新增的功能几乎都是用户反馈提的,软件的进化过程其实就是不断提升用户满意度的过程。

    在满足用户需求的同时,软件的功能也开始变复杂了。不同人有不同的需求,一款软件不可能满足所有的用户需求。 所以我们有一个筛选需求的过程,原则很简单:为用户最常用的功能做优化。优先满足跟微博主功能相关的功能,比如发微博的优化,读微博的优化。然后是一些辅助功能,比如私信功能优化,设置功能优化,查看用户信息等,最后才是一些边缘的需求,比如多账户的兼容,登录方式的优化等 。最后一些有创意的功能,比如在客户端里面增加播歌功能等等,这些跟核心任务没关联的,最后就筛选掉了。

    一款好的软件需要的是把用户最常用的功能做到最优,而不是淹没在用户需求的海洋里面。面对用户需求需要懂得那些是接受,那些是要抛弃的。不要奢望能做一个让所有人都满意的东西出来。

    4. LOGO是啥东西?

    说了那么多严肃的东西,来个好玩的。TwitEase的造型是最直观的理解是一个小蝌蚪,也可以认为是对话气泡和逗号的合体,寓意说话滔滔不绝,也是希望大家在微博上多多发推。其实考究历史,这个造型其实是微博小易的前身, 后来大家觉得不够成熟就否决掉了,所以…嗯….对,啦啦~~他是就是微博小易的亲戚~年纪小嘛,所以是表弟,哈哈哈。

    5. 未尽之事,迭代完成。

    TwitEase还有很多需要完善和优化的地方,更多的是集中在对现有功能的优化。比如软件的里面字体的优化,动态反馈效果的增加,个人信息展示方式的优化等等。 软件距离我们真正希望达到的形态还有很远的一段距离,也希望大家多多使用,多提意见。

    最后,静悄悄地附上软件介绍,也可以到这里下载。

建议继续学习

  1. Twitter/微博客的学习摘要 (阅读 12,083)
  2. 微博架构与平台安全演讲稿 (阅读 5,623)
  3. 基于PECL OAuth打造微博应用 (阅读 5,103)
  4. 微博进入肉搏时代 (阅读 5,103)
  5. 一个简单的基于PhoneGap的开源微博客户端 (阅读 5,020)
  6. 给微博打上标签 (阅读 4,763)
  7. 手机客户端适配性 (阅读 4,620)
  8. 新浪微博开放平台初探 (阅读 4,424)
  9. 构建可扩展的微博架构(qcon beijing 2010演讲) (阅读 4,161)
  10. 背水一战的新浪 (阅读 3,943)