首页 > 网站 > WEB开发 > 正文

手机QQ浏览器HD项目组的那些折腾事儿

2024-04-27 14:40:48
字体:
来源:转载
供稿:网友

  ——QQ浏览器HD (ipad)的产品经理沃克

  周六的夜晚,办公室里依然灯火通明,我们项目组的很多同事还在加班赶版本。这应该是项目组第N+1次周末加班了。

  当我回到家的时候,已经很夜深人静了。坐下来,打开iPad,体验今晚刚Build出来的新版, 我猛然回想起来QQ浏览器HD(iPad)从1.0版本开发至今差不多一年了,回想一下,就记得我和我的伙伴们为了这个产品的一直在不断折腾。

  标签栏的折腾事儿:

  从1.0版开始QQ浏览器HD的我们的多标签设计,就受到用户欢迎。但是如何让标签管理更贴心,整个项目组就折腾了很久,折腾了各种各样的办法。

手机QQ浏览器HD项目组的那些折腾事儿 三联教程

  为了让用户在关闭标签的时候更轻松,我们的美女交互设计师一姐(我们暗地里叫她彪悍姐)提议关闭按钮的点击区域比视觉展示的区域大一些,这样用户点起来会方便很多。在一姐的威逼利诱之下我们的超级开发工程师曾哥撸起袖子敲了几行代码很快就出了一个原型给大家体验,大家体验了下果然好用了很多,手大的男生也能轻易操作了。

  接着有用户反馈这个关闭标签还是不够完美。于是大家又坐在一起头脑风暴,看看有没有更好的办法。我们的资深产品经理阿莱士(这哥哥头型巨帅)说: “我们可以不可以引入手势呢?比如双击关闭?”大家都觉得操作成本有点高,而且用户不一定能轻松学会,不过确实没有了更好的方案了,只能折腾一个原型出来看看。果然是“信曾哥,有原型”,原型很快就出来,大家上手以体验,感觉很不错,但我们觉得好用还不行,如果教会用户使用呢?一姐提出了一个方案:在新手引导的功能介绍中说明。我们觉得这个应该靠谱,但是问了几个用户后,用户觉得那样的介绍很容易忘记。正在犹豫该如何设计的时候,我们的视觉设计师小芳姐(听说是90后,一直没敢问芳龄)突然说到:“可以结合场景啊,点击关闭的时候,这时候给一个贴心的提示肯定很不错。”果然,我们就有了双击关闭标签页的功能,并且结合场景给予用户提示,这下用户可以轻松的学会了。

  随着时间推移我们发现用户有关闭很多标签页的需求,于是我提出应该加个标签长按的功能,一长按就能弹出菜单选择各种关闭标签页的方法。一姐听到后持保留意见,因为长按操作的学习成本比偏高,于是大家又坐在一起开会,想其他方案来代替,项目经理侯哥提议说:“这个菜单长按确实太复杂了,不如用下划的手势划出吧!”大家听了都很赞同。这次侯哥亲自出面来做原型。原型出来的时候却发现了一个问题:此时我们已经拿到了iOS5的测试版本,在这个系统上,使用下划手势很容易误将iOS5自带的通知划出来,想划动出菜单还是很麻烦的。侯哥很不信邪,自己捣鼓到凌晨12点多,尝试了下划手势的起点、路径、时间间隔等等一大堆不同的参数,结果下划的手势在iOS5的体验上还是不够好。

  这个时候我们非常的纠结,因为下划确实比长按方便,但是下划在iOS5上有风险,而长按呢?学习成本高,不过一旦被用户学会却非常稳定。于是我们决定向用户介绍功能的时候只介绍长按能弹出菜单,下划的手势不去掉而是隐藏,给iOS5系统以下的用户惊喜。

  此外,为了减少用户对于页面载入的中的焦虑感,侯哥提出了在页面载入标题之前有一个页面载入的动画,那样可以减少用户等待时间。诸如这样的关于标签栏相关的设计方案,整个项目组花了很大力气,估计至少讨论过几十次,做的原型不下一百个,折腾了很多,最终结果还是不错的。

  地址栏的折腾事儿:

  另外一个很有意思的折腾事儿,是关于地址栏的。您能指出下面两个图中那些不同点吗?

  没错,在1.8版本中,我们把地址栏的交互变化控制在地址栏和搜索栏的范围内,让用户在输入网址和搜索关键字时感觉更舒服。

  在自动匹配的列表框中,交互进行了改变:用户在1.7版本中,点击列表中的一项,网址会被添加到地址栏的输入框中,用户还需要再点击一下“前往”按钮才会打开其输入的网站;用户在1.8版本中只需要点击匹配列表,浏览器会立即前往该网址,减少用户的操作,如果用户需要编辑网址,只需点击列表框中的向上箭头即可。

  快捷面板的折腾事儿:

  快捷面板是1.3版推出的创新功能。要说这个功能还非常的有意思,她是也是侯哥最早提出来的,他之所以想出这个方案是因为他很需要一个通过拇指点击和滑动就能调出各种各样功能的入口。

  针对侯哥的需求,一姐和小芳姐尝试了很多方案,最终定义了这个可以放在屏幕左下角或者右下角的小东西。在某些用户的眼中她是一个非常酷的小按钮,基本上也获得了大部分用户的认可。但是一姐、小芳姐和我却从这个东西的诞生就开始纠结,一直纠结到现在。

  首先谈谈快捷面板的优点:她方便点击,圆盘形的形状可以支持滑动,这样就能承载更多的功能,在某些用户眼中她确实很酷,也给大部分的用户带了方便。

  那么她的缺点呢:位置是固定的,在某些用户看来有点遮挡视线,左右手操作时不好把握,为了视觉效果圆盘中的按钮没有文字指示导致用户学习成本偏高。

  于是,我们在1.6版本中试图改变这个圆盘,一姐和小芳姐设计了两个方案,我们的开发小温哥也花了一周时间,把两个方案全部实现了。给项目组体验的时候,大家发现了一个很悲剧的事情——上手后发现,这两个新方案都不如现有方案。一姐、小芳姐和小温哥周末加了2天班试图再做一个更好的方案,但是发现还是不行。于是,这个快捷面板的改造计划不得不告一段落,以至于现在我们仍然在寻找一个更好的替代方案。有的时候不是折腾就能出结果的啊,SIGH!不过我相信在未来几个版本中这个快捷面板会给用户带来更多惊喜。

  那些用户眼中的折腾事儿:

  浏览器的性能特别重要,所以我们要尽力减少浏览器异常退出的几率。我们发现如果一个用户开了很多标签页,其中一个标签页看视频,如果此时他再切换到其他标签页,后台播放视频会增加浏览器异常退出的几率。于是我们“好心”的设计了一个切换标签页视频暂停的功能。结果产品上线之后很多用户反馈:我使用视频来学英语,切换了标签页不让视频播放了;我开着视频听MTV,切换了标签后就不能听了… 最终,我们迅速出了一个解决方案,在多标签页设置中增加了“切换标签页视频暂停”的选项,这样就能同时满足两类用户的需要了。我们可以折腾,但是用户经不起折腾啊!

  同样的,为了性能,我们一开始只允许用户在当前标签页中打开连接,确保浏览器的稳定性之后我们才允许链接可以在新标签页中打开,这样的做法也获得了用户的认可。

  我老婆对于电脑一点也不灵光,对于iPad也是非常非常的小白,自己根本就不知道怎么下软件,也总是记不住密码。给她的iPad 装了QQ浏览器之后,她跟我说:“你们做的还行,就是怎么找不到我常上的那个论坛呢(老婆比较爱吃,经常上一个美食论坛)?没有这个网站我就不用你们的东西”。我就跟她说你可以输入网址啊,他说不喜欢每次输入,我说你可以加书签啊,她说懒得加——我很无语,于是拿他的iPad一看——书签是空的,快速链接也是默认的——是一个纯粹的导航用户。和团队的同事沟通以后,发现不光我老婆这样,很多团队的家人,尤其是爸爸妈妈那个年龄层的,都有这个问题。于是,我们重新调整了导航的网站,增加了更多的分类和更多热门的网站。修改了网站分类之后,她就比较喜欢用了,每天抱着iPad看视频和论坛。

  曾哥的姐姐也是用QQ浏览器的,有一天她打电话给曾哥说:“你们的产品怎么回事?我上网买东西,好不容易找到了一件毛衣,正想拍呢,自动退出了!我重启之后根本就找不回来,我现在也搜不到!什么破玩意。”

  曾哥听了云里雾里,想了想说“你可以从历史中找到啊!”

  她说她不会用历史。

  过了一天又给曾哥打电话,“刚刚在网上遇到一个好玩的视频,打开后自动退出了,再进去页面不见了!怎么办?”…。

  曾哥开会时候说这件事的时候,一姐说:“对对!对!我也发现这个问题了,自动退出后,我也希望能够恢复之前的页面,想不起来用历史的。”

  小温哥也说:“确实确实,我也偶尔发现这个问题”。

  于是,小温哥查了下代码,发现我们上个版本为了保证浏览器的稳定性,使用了一个节省CPU和内存的方案——不实时记录用户浏览的多个标签页,好处是能够减少异常退出的几率,缺点是异常退出后就无法恢复之前浏览的了。

  发现了这个问题,我们立即开会,最终使用了一个更完美的方案,不但能够节省内存,还能够让用户遇到异常退出后可以恢复之前浏览的网页。

  曾哥说,这个版本给她姐姐安装之后,世界都清净了,不用每次听她姐磨叽了,哈哈。

  其实团队的家人都非常支持我们的工作,经常给我们反馈这样那样的问题,这是我们感到最幸福的折腾事儿了。于是我们定了一个规矩,项目组的每个人都要跟踪一个用户,听听他们都在反馈什么。

  爱折腾的团队:

  一个又一个周末, 一个又一个新版本,每当一个新版本发布, 我们这个爱折腾的团队,就会趴在用户论坛上, 看用户用新版的感受。 爱折腾的我们,最渴望的就是看到用户的一句“好用” 的评价。为此, 还特地来了一段打油诗,送给这个爱折腾的项目组。

  原文地址:http://blog.qq.com/qzone/358066555/1320631720.htm


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表