qq浏览器hd版设计纪实:标签栏的折腾事儿

2021-09-23 18:41:23  27 浏览  0 评论   赞

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

qq浏览器hd版设计纪实:标签栏的折腾事儿

图16411-1:

——qq浏览器hd (iPad)的产品经理沃克

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

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

标签栏的折腾事儿:

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

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

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

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

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

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

 

转载请注明:网创网 www.netcyw.cn/b16411.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com