IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

邮箱微博进化史

网易用户体验设计中心博客 2010-08-20 01:21:08 累计浏览 3,022 次
本机暂存

    原图已失效

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

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

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

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

    原图已失效

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

    进化一:双栏到单栏

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

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

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

    双栏到单栏进化过程

    原图已失效

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

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

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

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

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

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

    原图已失效

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

    进化三:微博logo

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

    微博logo的演变

    原图已失效

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

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

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 十个最容易犯的用户体验错误及规避方案 (累计阅读 79,499)
  2. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  3. 流程管理与用户研究 (累计阅读 17,053)
  4. 30套最好的网站开发与设计中使用的小型图标 (累计阅读 12,527)
  5. sns视觉设计分享 (累计阅读 9,523)
  6. 网站导航设计的6大分类 (累计阅读 9,298)
  7. 给想转行做产品经理的同学 (累计阅读 6,927)
  8. 互联网产品经理必读书目 (累计阅读 5,839)
  9. 概念视觉设计 (累计阅读 5,825)
  10. “预注册”是一把金钥匙 (累计阅读 5,676)