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

邮箱微博进化史

网易用户体验设计中心博客 2010-08-20 01:21:08 浏览 2,905 次

    

    从8月11日开始,网易微博全面在网易的三大免费邮箱上出现了。

    先给大家来段由北京同事制作的小动画。

    没有八卦的内幕消息,没有高深的技术说明,没有枯燥的研究数据。

    这次只讲项目的进化过程,用轻松的方式让大家对这个项目有个大概了解。

    

    邮箱微博的产品形态由刚开始的初稿到最后上线的公测版本,经历了比较大的变化,我在这里会挑三个关键性的演变来说明。

    进化一:双栏到单栏

    这个在最初确定设计方案的时候就讨论了很久。无论是单栏还是双栏,都各有其优缺点。

    单栏:简洁,能让用户把注意力集中内容上面。缺点就是不好扩展。

    双栏:就是增加右边的侧栏,优点是可扩展性强。缺点是放到邮箱里面会导致页面结构复杂。

    双栏到单栏进化过程

    

    经过几番的讨论,大家先是确定产品的方向:尽量贴近邮箱用户的使用习惯,保持简洁风格,让用户更加关注内容本身,较少界面上的干扰。再经过实际的视觉效果图对比之后,最后决定了采取单栏的形式,也就是大家最后线上看到的结构。

    单栏结构虽然简洁,但导航只能放到顶部了。为了简洁,不得不牺牲一部分的导航功能。只把最常用到的功能放出来。结果内测的时候就收到同事反馈说在微博网站上用到的功能找不到了,比如“评论@我的”和“转发我的”这些。其实新的优化方案已经在讨论当中了,相信过不久就能跟大家见面,暂时缺失的功能都会补充完整。

    进化二:单条微博的内容呈现方式

    微博的时间轴页面(默认首页)是整个微博最为重要的内容块,用户大部分的时间都在这上面。里面显示的就是一条条用户所发的微博内容,单条微博的显示方式变得尤为重要。

    在整个优化的过程中,我们根据产品的方向精简了一个大原则:简洁,易读,结构清晰。

    单条微博的内容呈现进化过程

    

    除了这个最具代表性的单条微博显示方式的变化之外,还有很多比如设置页面,个人页面等等都做了比较多的变动,也都为围绕我们的大原原则进行优化。

    进化三:微博logo

    网易微博logo的变化可谓是大改动,无论是对比之前的logo,还是logo在演变过程中的形态都是经历了很大的改变。

    微博logo的演变

    

    写在最后:互联产品的开发是一个不断迭代优化的过程,邮箱微博的优化改进还会不断进行,欢迎大家提出意见和建议。

    还没用过邮箱微薄的同学可以猛击这里了解一下。

建议继续学习

  1. Twitter/微博客的学习摘要 (阅读 12,084)
  2. 网易微博平面视觉项目执行 (阅读 9,887)
  3. 我在网易的十年 (阅读 5,663)
  4. 微博架构与平台安全演讲稿 (阅读 5,623)
  5. 基于PECL OAuth打造微博应用 (阅读 5,103)
  6. 微博进入肉搏时代 (阅读 5,105)
  7. 给微博打上标签 (阅读 4,763)
  8. 新浪微博开放平台初探 (阅读 4,426)
  9. 构建可扩展的微博架构(qcon beijing 2010演讲) (阅读 4,163)
  10. 背水一战的新浪 (阅读 3,945)