时间： 02:43 来源： 作者：腾讯WSD
&　　经过几个月的时间和大家的努力，手机QQ浏览器(android版)从 2.0 陆续更新到的
2.6。在经历了设计的千回百转和架构的不断尝试后，终于有了个新面貌，使用体验也比之前版本有了较大提升。不过，这也仅仅是万里长征第一步，这里先和大家分享下这第一步背后的设计心得。
　　国内局势
　　我们可以先来了解国内局势。目前，浏览器市场可谓战火不断，狼烟四起。姑且不说PC端各大浏览器大牛厂商角力数十年。单看手机端，特别是android平台，似乎早已成为兵家必争之地。Opera，起兵早，国际声誉高，想方设法吞噬国内市场。UC,靠多年的积累，早已成为一方霸主。海豚，后起之秀，也在不断招兵买马。还有迷人，天天，go，百度等各路势力，以及android默认浏览器和正在发力的firefox。而手机QQ浏览器就夹在其中，真是前有虎，后有狼的。想要保住现有的地盘，并不断壮大，不下点苦功夫，不来点磨砥刻厉的专业精神是不行的。
　　追本溯源，产品定义
　　这是一款怎样的浏览器?
　　它会给用户带来什么样的感受?
　　产品想给人一种怎样的印象?
　　如何延续品牌的优良基因?
　　这些最根本的问题摆在我们面前，通过对浏览器本身的特质探求，我们认为浏览器应该以高效的性能,便捷的操作,来达到舒适的阅读体验。
　　让用户安静愉悦的享受内容，成了手机浏览器设计的重心。
　　关键词提取
　　根据对产品的定义，我们找到了设计方向，并提取出了几个关键词：清新、舒适、简洁、细腻、平静
　　那如何从视觉上来表达这些个关键词呢?
　　让我们回到现实生活中，搜集一些与此关键词相关的图片，feel 一下这样的感觉。
　　色彩定义
　　从这些图片中，我们可以方便的找出符合关键词气质的色彩。
　　蓝色，易让人联想到天空的辽阔与海洋的深邃，让人有宁静，清澈，理智，科技的色彩印象。同时，它又是公司其它业务的基础色系，从而在色彩上延续了品牌基因。因此，蓝色很自然的作为主体色系，沉静稳重的深蓝作为菜单系。蓝色在绿色的映衬下，让人感受到清新淡雅，明亮，干净。同时，加入橘黄色点缀，使其显得明快和活跃。
　　色彩像音乐一样，是一种感觉。音乐需要靠音阶来保持秩序，而形成一个体系。同样的，色彩也需要靠三属性来维持界面的层次与秩序。
　　质感表达
　　质感以扁平轻量为原则，一是比较符合UI设计的大体趋势，二是对于以呈现内容为主的界面来说会更加友好，增加亲切感。因此，运用柔和渐变，略透明，亚光质感等方式来减少大的视觉跳跃并使层次结构清晰。描边,渐变,线条,阴影等,不用太宽大也能有效增强设计。
　　信息分类，层次结构
　　清晰的信息结构和功能布局，能够增加产品的易用性，减少用户的学习成本，提高产品的亲和力。手机浏览器整体划分为三个区域，最上输入导航区，中间内容区，下方菜单区。同时集中信息在内容区展示，提高用户操作效率，一键直达内容。左右内容自成体系，无缝连接处理，增强滑屏体验。合适的灰度与色彩对比度，减少用户的视觉疲劳，增加可读性。
　　简化设计
　　之前版本的头部设计虽然美观，但占去较多空间。手机方寸之地，都得充分利用。对于以信息和内容为主的浏览器来说，减法设计是必须的，弱化非功能性的设计元素，同时增大内容可用空间。结构上首尾也有所呼应。
　　简约是美 少即是多。
　　小细节完善内容感官
　　少量纹理的运用，也可使界面更加细腻，不单调。
　　等待过程的设计
　　David Maister 的等待心理学告诉我们：无所适事的等待比有事可干的等待感觉要长。
　　因此，我们在网页载入过程中加入功能宣导，每隔两秒钟变换一句，转移用户注意力，避免用户感觉等待时间过长，增加产品的沉浸式体验。
　　传统控件的新设计
　　Android厂商各家定制系统纷繁复杂，系统控件也是五花八门。我们从新设计了弹出菜单、对话框等系统控件，避免不同的定制系统出现较大感官差异，全方位统一产品视觉体验。
　　简约图标的运用也是UI设计的一个发展趋势。在准确表意的同时，排除不必要的多余元素，保持轻量的渐变，明确的描边，能使图标更加精致，也符合整体界面的风格。同时，让用户更加快速直观的理解选项的含义。
　　经过快速的原型制作，不断的尝试与PK，汇聚成了现在的QQ浏览器，没有最好，只有更好。只要能用最低的交互视觉成本来帮助用户解决问题，就是好设计。
　　遇到的问题
　　纷繁复杂的终端适配
　　Andriod系统目前已经成为全球使用人数最多的智能手机系统，在用户普及量大的同时，也存在一些十分明显的问题，如厂家多，各有各的规范。机型多，手机显示效果差异大。分辨率多，终端适配困难等。
　　为了简化设计并且兼容更多的手机屏幕，最大限度的创造良好的视觉体验，就需要为主流的中精度屏幕 (HVGA) 和高精度屏幕(WVGA)
分别提供两套图，并需要充分利用可拉伸图片的特性，以保证在那些奇怪分辨率下的显示效果。
　　令人抓狂的图片抖动
　　另外一个容易遇到的问题，是色彩显示效果，图片出现明显色阶。
　　由于手机硬件的不同和系统本身的限制，程序贴图后，含有渐变的图在不同手机上，可能会出现不同的显示效果。也许在google N1
上正常显示，在moto里程碑上就出现明显色阶。这时，需要调整设计图片，尽量避免过大或过细的渐变，在渐变图形里加入斜纹理，也会得到较大的改善。
　　说到这里，整个的设计过程也几近结束，然而我们对产品的持续优化和改进远不会结束。感谢整个团队的给力支持和其间所付出的辛勤劳动。版本发布后，得到了许多用户的肯定和赞赏，虽然目前版本还存在诸多的不足，但我相信我们都会逐步提高，因为我们对体验有极致的追求。革命尚未获成功，同志仍旧需努力，万里长征接着走，好戏还会在后头。^_^
　　(本文出自Tencent WSD Blog，转载时请注明出处)
围观: 9999次 | 责任编辑：包子
您可以分享到:
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
15570 人浏览
39320 人浏览
18453 人浏览
17142 人浏览
17430 人浏览新版手机QQ浏览器推出跨屏穿越、微收藏和每日精选三项新功能，深耕移动阅读体验做差异化 | 36氪
手机QQ浏览器刚刚，推出了跨屏穿越、微收藏和每日精选三项新功能。
在这个多屏时代，“跨屏穿越”解决的是在移动端和PC端网页临时性传递的需求，而国人几乎人手一个的QQ帐号当中作用不小。假设这样一个场景，你在电脑前看一巨长的文章或是视频，中间要找个地方抽个烟什么的，这里，就你可以把PC端新版QQ浏览器上在看的页面“跨屏穿越”到手机或是iPad上来（都需绑定QQ帐号），甚至连视频的播放进度也可以传送过来，换个地方接着看。在实际试用中发现，这个“跨屏”的反应速度还是很快的，目测几乎做到了实时。当然，这个传送速度也和网络情况有关。对一般用户而言，这一功能在使用频率上相信不高，但在要用时，却能带来很大的便利。
新推出的“微收藏”和Evernote的“剪藏”比较接近，与QQ帐号绑定后，PC端或移动端的QQ浏览器用户可把文章、图片、链接等收藏到“微收藏”里，把它当作“抽屉”用。值得一提的是，“微收藏”已和微信打通，用户添加“微收藏”的公众帐号并在里面绑定QQ帐号的后，通过该公众帐号就可以阅读已有的收藏了。此外，添加该公众帐号后，长按微信里的某段文字，用户还可在弹出的“公众号”里选择“微收藏”，方便地把微信里的内容找到安身之处。
虽说“微收藏”是QQ浏览器为增加阅读体验的配套功能，但在我看来，它却颇有潜力做成一个相对独立的产品，利用腾讯自己的资源推起这个“剪藏网页内容”的产品相信不是难事。再大胆假设/YY一下，在使用QQ与别人交流的场景下，如果QQ面板上增加一个“微收藏”的图标，用户点击就能看到收藏的内容，并支持直接拖拽给当前会话窗口，是不是又方便了用户使用，又能给“微收藏”带来可观的流量呢？
“每日精选”是从原来的“精品阅读”演变而来的。在容易让人想起“网易新闻客户端”的顶栏上布有”精选、奇趣、美图“三类内容，相信可基本满足大众日常的阅读需求。在“更多精选”里面则有“搜狐新闻客户端”的“订阅平台”影子，“添加”某个媒体内容后，图标会被直接添加在浏览器的桌面上，更方便打开阅读。
在手机浏览器同质化严重的今天，在功能上大家都差不多的情况下，甚至有用户会凭样子是否对自己的味口来选择浏览器。腾讯浏览器产品部总经理钟翔平告诉36氪，手机QQ浏览器推出的跨屏穿越、微收藏和每日精选这三项功能都是为了“提高用户在手机端的阅读体验，这也会是手机QQ浏览器将来在手机浏览器这个品类里做差异化的基本思路。“
其新最的iOS版本也将在近日上线，感兴趣的朋友不妨。
/ breaking
/ breaking
无需注册，直接使用社交账号登录
没有帐号？
已有帐号？
右键另存为下载到本地
分享到微博
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮关于手机QQ和手机QQ浏览器的_百度知道
关于手机QQ和手机QQ浏览器的
也存不上我的新记录，请问大虾们，跪求答案，而且别人发来的新信息有存不上去---还有手机QQ浏览器！，而且像手机QQ一样，，我试了好几下，？我的手机是不是中病毒了，，童鞋我不懂啊，，，手机QQ浏览器中的历史记录还是删不掉，删除过之后，，，注销又登陆，还有我以前的历史记录，，但就是删不掉，，还是内存满了，，一查浏览器我的手机QQ怎么删不掉聊天记录，！
我的手机是
提问者采纳
应该是mtk的非智能机，你是智能机吗估计是系统故障或者软件问题，建议恢复出厂试试。很高兴回答你的问题。目前手机中毒情况罕见，基本可以排除中毒，应该没有问题
提问者评价
我找到问题了　原来是内存中木马了　　换一个就没事了
其他类似问题
手机qq浏览器的相关知识
按默认排序
其他4条回答
软件删了.然后安装.从新下载.就可以了
换个手机浏览器吧，比如天天浏览器
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁当前位置&&&&&&&&&
揭秘：手机QQ浏览器背后的故事
【文章摘要】构建师Cham说：“其实在推出手机QQ这一产品的时候，我们已经拥有了浏览器技术，但只是为客户端产品而服务的，但是随着移动互联网市场的不断变化，用户在升级，对我们自身产品的需求也是水涨船高。”
问：做研发工作最难的地方在哪里？答：做研发，当你那么多次的输入，终于有了一次输出的时候，你会发现，有那么大的一个市场在关注你，让你更有自信，也更有责任感，去做好自己手里的产品。压力和幸福感同在吧，我们还是经常会自己调节，有时候虽然是在工作，但团队一起聊创意聊产品会很兴奋，我们希望看到产品不断地变好。问：我们都希望根据用户的需求进行技术创新，但是想到未必能够做到，研发是如何解决技术难题的？答：手机QQ浏览器的研发团队有不少年轻的成员，比如说校园招聘的同事，但同时也有许多是经验丰富的移动互联网资深工程师，比如说我们在做Android1.1版的时候，既希望拥有精美的皮肤功能，又希望下载包不要太大，给用户省点流量，这时候就是团队的两位资深工程师找到了专业工具，解决了这个问题，最终我们的下载包只有1M左右，虽然是细节上的创新，但还是非常有成就感的。对研发来说，经验的积累，技术的储备，能够提升团队的整体实力，这一点非常重要。问：需要研发同事们实现的用户需求一定有很多，甲有甲的建议，乙有乙的考虑，在优先度上，研发团队如何考虑？答：我们有专业的用户调研和用户需求分析团队，可以根据优先度对用户的需求进行排序，首先满足的当然是被最多用户反馈的、最关键的需求。我们的用户需求分析对于研发的创新有着很强的指导性，比如我们的手机键盘交互方案，我们实现的方式是很独特的，这一创新点，就是经过全面的用户调研及交互研究而设置的，可以说是为了真正符合用户体验的需要，。运营师Cindy：怕误解不怕障碍手机QQ浏览器之所以发展迅猛，不仅因为产品质量过硬，也因为有一个专业的运营推广团队，来让越来越多的用户认识、使用产品。但运营团队的代表Cindy说，做运营一点也不比做产品简单，很多时候，一款浓缩了团队心血和灵感的产品刚一上市，就会遭到误解，不停地有人站出来说我们的产品抄袭、剽窃，而我们最怕的就是被市场、被用户所误解。问：有被误解的时候吗？答: 我还记得第一次在媒体上看到指责我们产品的文章，我难过到大哭，觉得最大的困难不是推广上的挑战，而是用户的误解。特别是当我看到我们的研发团队、UI工程师那么的敬业和投入，在饭桌上，在睡觉前，几乎每时每刻都在思考着如何去创新，如何迸射出让用户兴奋的火花来，而到头来，自己的心血却被误解，难免会为同事打抱不平。我们不怕客观的批评和建议，用户的批评为我们提供了改善的空间，是我们前进的动力，一年多来，手机QQ浏览器更新了30多个版本，许多细节上的创新正是基于用户的建议。但我们怕的是信息传播途中失真，而导致产品被扭曲，用户被蒙蔽。问：现在会如何去应对？答：这个市场竞争太激烈，每个公司的竞争手段都不一样，我们必须去适应。” Cindy表示，现在不会再要求市场来主动理解自己，而是会主动去告诉市场我们做了什么，是怎样去做的，搭建起一个沟通的渠道，去了解用户喜欢什么不喜欢什么，确保信息的及时与畅通，是消除误解的必要手段。问：我们注意到，手机QQ浏览器最近在不同平台的产品上有许多细节创新，比如多任务下载、晃动换肤、闪屏等等。在创新方面，运营要如何去推动？答：手机QQ浏览器的运营与用户直接相关，为产品建立了一个创新的渠道。用户的需求是多样化的，比如MTK用户的智能触屏体验，Android用户的多任务下载管理，Windows Mobile用户的长按键，iPhone用户的重力晃动换肤，再比如用户整体上对省流量和稳定性的追求，而发烧友们对个性化闪屏的新鲜感和惊喜，应该说是用户让我们有了各种类型的细节创新，运营则要最大限度地去激发大家的灵感。&
责任编辑：张韩英
关于&手机QQ浏览器 腾讯&相关报道
loading...
商用软件最新文章
商用软件最新专题
网站合作、内容监督、商务咨询、投诉建议：010-
Copyright © 2000--
硅谷动力公司版权所有 京ICP证000088号&&QQ浏览器HD （iPad）的产品经理沃克
周六的夜晚，办公室里依然灯火通明，我们项目组的很多同事还在加班赶版本。这应该是项目组第N+1次周末加班了。
当我回到家的时候，已经很夜深人静了。坐下来，打开iPad，体验今晚刚Build出来的新版， 我猛然回想起来QQ浏览器HD（iPad）从1.0版本开发至今差不多一年了，回想一下，就记得我和我的伙伴们为了这个产品的一直在不断折腾。
标签栏的折腾事儿：
从1.0版开始QQ浏览器HD的我们的多标签设计，就受到用户欢迎。但是如何让标签管理更贴心，整个项目组就折腾了很久，折腾了各种各样的办法。
为了让用户在关闭标签的时候更轻松，我们的美女交互设计师一姐（我们暗地里叫她彪悍姐）提议关闭按钮的点击区域比视觉展示的区域大一些，这样用户点起来会方便很多。在一姐的威逼利诱之下我们的超级开发工程师曾哥撸起袖子敲了几行代码很快就出了一个原型给大家体验，大家体验了下果然好用了很多，手大的男生也能轻易操作了。
接着有用户反馈这个关闭标签还是不够完美。于是大家又坐在一起头脑风暴，看看有没有更好的办法。我们的资深产品经理阿莱士（这哥哥头型巨帅）说：&我们可以不可以引入手势呢？比如双击关闭？&大家都觉得操作成本有点高，而且用户不一定能轻松学会，不过确实没有了更好的方案了，只能折腾一个原型出来看看。果然是&信曾哥，有原型&，原型很快就出来，大家上手以体验，感觉很不错，但我们觉得好用还不行，如果教会用户使用呢？一姐提出了一个方案：在新手引导的功能介绍中说明。我们觉得这个应该靠谱，但是问了几个用户后，用户觉得那样的介绍很容易忘记。正在犹豫该如何设计的时候，我们的视觉设计师小芳姐（听说是90后，一直没敢问芳龄）突然说到：&可以结合场景啊，点击关闭的时候，这时候给一个贴心的提示肯定很不错。&果然，我们就有了双击关闭标签页的功能，并且结合场景给予用户提示，这下用户可以轻松的学会了。
随着时间推移我们发现用户有关闭很多标签页的需求，于是我提出应该加个标签长按的功能，一长按就能弹出菜单选择各种关闭标签页的方法。一姐听到后持保留意见，因为长按操作的学习成本比偏高，于是大家又坐在一起开会，想其他方案来代替，项目经理侯哥提议说：&这个菜单长按确实太复杂了，不如用下划的手势划出吧！&大家听了都很赞同。这次侯哥亲自出面来做原型。原型出来的时候却发现了一个问题：此时我们已经拿到了iOS5的测试版本，在这个系统上，使用下划手势很容易误将iOS5自带的通知划出来，想划动出菜单还是很麻烦的。侯哥很不信邪，自己捣鼓到凌晨12点多，尝试了下划手势的起点、路径、时间间隔等等一大堆不同的参数，结果下划的手势在iOS5的体验上还是不够好。
这个时候我们非常的纠结，因为下划确实比长按方便，但是下划在iOS5上有风险，而长按呢？学习成本高，不过一旦被用户学会却非常稳定。于是我们决定向用户介绍功能的时候只介绍长按能弹出菜单，下划的手势不去掉而是隐藏，给iOS5系统以下的用户惊喜。
此外，为了减少用户对于页面载入的中的焦虑感，侯哥提出了在页面载入标题之前有一个页面载入的动画，那样可以减少用户等待时间。诸如这样的关于标签栏相关的设计方案，整个项目组花了很大力气，估计至少讨论过几十次，做的原型不下一百个，折腾了很多，最终结果还是不错的。
作者：mqqbrowser
编辑：sunsun
猜你喜欢：
最新图文资讯
站长之家专栏推荐
增值电信业务经营许可证: 闽B2-号 - 北京公安局网监中心备案号: 95号 -
(C)CopyRight 2002- Inc All Rights Reserved. 站长之家 版权所有