分类: 用户体验设计

  • [转]腾讯网首页诞生的艰辛历程

      转载这个文章的原因,是这个项目的难以挥去的记忆。为这个项目组的所有成员付出的努力而高兴,这个项目的成功而自 […]

      转载这个文章的原因,是这个项目的难以挥去的记忆。为这个项目组的所有成员付出的努力而高兴,这个项目的成功而自豪。对于 Q 首,至今我还在保存着那些回忆:第一次与小马哥汇报的紧张感,四年前的梦想终于实现,一次次的改变到像素级的调整,太多太多……,还有这个项目的资料,我会一一记录并封存起来,我想,几十年后再翻开它,会欣然一笑。不酸了,请各位往下看。

      转载来源:Tencent CDC Blog  作者: 小 Li

      酝酿了将近一个春夏秋冬的腾讯网首页终于亮剑!反响热烈!让我们来分享它成功背后的酸甜苦辣吧。

      腾讯网首页改版终于开花结果。于 2008 年 3 月 25 日 6:00 准时上线。整整一年的时间,经历了无数次的挫折和挑战,无数次的等待和蜕变,终于破茧化蝶。本次改版完全颠覆性的大胆尝试,迈出了建站以来至为关键的一步。

    一、QQ 首页改版背景

      无论是从用户体验还是页面结构设计来看旧版的腾讯网首页都已不能很好的满足用户的需求和承载公司的业务展现了。QQ.Com 是公司级平台,为了巩固现有门户的媒体资讯优势,加强公司其他业务的拉动,打造中国第一的网络平台,提高公司的影响力,重新规划和设计现有的网站刻不容缓。这中间我们将面临最大的挑战是:

      1.如何平衡资讯/业务/广告的需求?繁杂的内容如何通过板块划分来合理布局和协调?
      2.如何突显自己的风格?既容易被大众接受又不乏个性化?

      这些看似矛盾的诸多方面将是我们本次改版的关键点和难点。

      往年的 QQ 首页对比大观:

     

    二、QQ 首页引人瞩目的亮点

      本次改版经历了无数次脑爆,无数次破陈推新,积累了很多别出心裁的闪光点,也淘汰了很多不合时宜或者过于前卫的想法,最后留下来的是最宝贵的沉淀。

    1. 个性化换肤设计:一方面突出 soso 的表现,一方面借此位置展现丰富个性的皮肤设计:

    阅读全文

  • [图]一些网站交互的手绘稿

      越来越多的设计师开始使用 Axure 设计 Web 交互类站点,Axure 在某些地方有着天然的优势,但我 […]

      越来越多的设计师开始使用 Axure 设计 Web 交互类站点,Axure 在某些地方有着天然的优势,但我还是推荐手绘稿来进行前期设计,也就是纸原型。理由很简单,速度快、效率高、容易改。

      无意在 Flickr 上发现了 Soxiam 的一些手绘稿的照片,很有感觉,发上来看看。

      这里是 Soxiam 以手绘稿为主的相册:http://www.flickr.com/photos/soxiam/sets/224126/

     

     

     

     

     

  • 我也谈谷歌浏览器 Chrome

    一、快速。   “唯快不破”是金庸小说里武功哲学理念,在 Chrome 里继续延续。   1. 新渲染引擎 V […]

    一、快速

      “唯快不破”是金庸小说里武功哲学理念,在 Chrome 里继续延续。

      1. 新渲染引擎 V8 是 Chrome 的亮点,浏览器的速度超出你的想象,最明显的是打开 Google 日历几乎是瞬间。
      2. 多线程模式也是亮点。但从开发的角度来看,它对内存的占用似乎要超过了腾讯 TT 浏览器。
      3. Gears ,使用这个功能页面打开速度会再次提升。Gears 的这个思路记得早在 2003 年的雷傲论坛中就出现过。

    二、简洁

      1. 没有状态栏、菜单栏,超级简洁的浏览器。很符合 Google 的文化,让人想起了“Google”被“Privacy”替代。
      2. 地址框和搜索框合一。Google 是强化了这个功能,并给出了自由选择的余地,很高兴的是看到 Google 把中国的竟争对手的搜索引擎列为默认搜索。
      3. 设置选项分了三类人群,绝对保持简洁。“基本信息”这个词用的好,把“初级用户选项”换成“基本信息”从某个角度讲避免了歧视问题。

    三、自由

      1. 自定义搜索引擎。使用 Google’s 浏览器并不一定非要用 Google 搜索,完全自定义。
      2. 自由拖动页签。按住页签向个方向拖动就可以看到效果。
      3. 缓动效果运用了很多年了,动态标签页、下载的提示都达到了这个体验。 

    四、安全

          1. 隐身模式是一个功能点,更多意义上的安全是为了个人隐私问题服务。比如浏览成人类网站。
      2. 关掉一个正在浏览的页签,再打开一个新的页签,注意右下角。安全和体贴紧紧联在一起。 

    五、措辞

      Chrome 的措辞让人觉得很亲切,你会感觉很舒服。

          1. 如:“傻瓜统计系统”。在地址栏输入:“about:memory”即可打开。
    2. 卸载 Chrome 的时候,简繁英的提示均不一样。繁体“是不是我们讲错什么话惹您不开心了?”;简体“是不是谷歌浏览器给您带来麻烦了?”;英文“Was it somthing we said?”。

    六、挫折

      1. 对鼠标精确定位要求较高,体现在关闭页签按钮的体验上。虽然点击一下鼠标中键就可以关闭页签,但,有几个人知道呢?
      2. 收藏夹第一次使用需要教育,易用性不好。Ctrl+B 可以打开收藏栏,谷歌叫“书签栏”。
      3. 目前不支持支付宝、财付通,对于经常网购的女人们来说,想让她们使用这个浏览器,开发双方都必须解决掉这个问题。 
      4. 非 IT 人士的老婆大人,用完 Chrome 后说的第一句话:“感觉还是不习惯,我们的内网不默认,文件全乱了。 ” 

    七、战略

      V8,谷歌浏览器的 JavaScript 引擎,这个东东绝对是 Google 网页端产品桌面化的一个伟大的战略。Google 一直是标准的制定者,包括 Gears,还有为开发人员准备的工具,这些已经打好了伏笔,以便更好地支持未来的 Web 应用程序或广告。 一年多前我和一位传统行业的 LL 女士聊到谷歌日历支持免费短信提醒的功能时,她说天下哪儿有免费的午餐,它的盈利模式一定是广告短信。果不其然,一年后的奥运期间,短信夹带广告开始了。深圳的朋友可以试下,短信最后会出现一个“[君*电子]”的广告字样。似乎谷歌有些打自己耳光了,不作恶,对吧?但肯定的是 Chrome 不会有广告,Chrome 一定会让 Google 的产品更好的跑在 Chrome 这个平台上,而广告会在 Web 平台上展现。说 Chrome 现在抢 IE 市场还不太靠谱,看看 IE8 的测试版,微软的思路和发力点都不赖,上帝保佑微软别错过了爆发点。虽然 Chrome 还有些值得争议的细节,但我想 Google 已经完成了它的战略布局,而且不失为一款不错的浏览器。随着时间的推移,也期望它不会沦落到为一小部分人才用的浏览器。

    八、参考

      1. 维基百科
      2. Google Chrome 漫画书 原版
      3. how fast is your browser?
      4. JavaScript Performance Rundown
      5. Chrome 的 hack 写法以及 CSS 的支持程度
      6. 谷歌 Chrome 浏览器开发内幕  原版
      7. 官方站点

  • 我的阅读分享 2008.08.10

      增加这个栏目,一来为了记录下当时我认为有价值或值得阅读的文章,以用户体验为主,二来是分享给各位国内外对行业 […]

      增加这个栏目,一来为了记录下当时我认为有价值或值得阅读的文章,以用户体验为主,二来是分享给各位国内外对行业的认知和探讨。这个栏目会有大量的英文文章,不熟的可用一些工具辅助下。

    1. The SEO Guide to Information Architecture
    2. Not The User’s Fault
    3. Design for Emotion and Flow
    4. 12 Best Practices for UX in an Agile Environment
    5. Questions to ask for any UX project
    6. Usability and Interface Design Books
    7. Great Products By Design
    8. What are We Learning, and What Does it Mean for the Future of Research Libraries?
    9. Good UI Design: Make It Easy, Show Me You Care
    10. When is good enough more than enough?

© 2026 Xiaoxiao’s Weblog. 粤ICP备15088982号