手机浏览器的交互与视觉设计特征分析

吴萱

摘 要 手机浏览器在智能手机高度普及、移动应用高速发展的环境下，具有着极其重要的地位。本文以用户体验为中心，从产品的交互设计和视觉设计的角度出发，对UC浏览器为产品体验对象进行分析研究，从中概括总结出UC浏览器交互界面设计值得其他浏览器产品学习借鉴的方面，同时发现不足并提出改进方案，为用户提供更好的用户体验。

关键字 交互设计 视觉设计 UC手机浏览器

中图分类号：TB472 文献标识码：A

对使用互联网设备的广大用户来说，浏览器是尽知一切的窗口，它可以显示文字、图片、动态影像等内容，能够与用户产生交互行为。随着移动互联网的快速发展，手机移动端的浏览器占有着日益重要的战略地位，而众多手机浏览器品牌中拥有最多用户数量的当属UC浏览器。

1手机浏览器的现状与概述

1.1手机浏览器的研究现状

手机浏览器从诞生到现在已有近20年的历史，从最开始的简单界面，复杂操作逐渐发展到了今天以用户为中心而设计开发的快捷、方便、互动性强的综合性平台，用户在产品体验感受也有了很大的提高。

目前对手机浏览器交互与视觉设计的研究还很少。截止2014年9月25日，在中国知网上关于“手机浏览器”相关文献有 231篇，主要为手机浏览器发展现状的概述及资讯。与用户体验设计相关的文献有9篇，其中《基于Android系统智能手机浏览器交互界面的对比研究》对当下Android平台多个手机平台从交互界面的行为架构、页面布局、视觉效果三方面进行了详尽的比较，分析总结了归纳了产品形态的不同之处、存在差异的原因及对用户行为的影响，并对未来手机浏览器交互界面设计的趋势进行了预想。

1.2UC浏览器概述

UC浏览器是目前全球使用量最大的手机浏览器，他凭借便捷快速的用户体验，技术的不断创新和庞大稳固的用户群体，成为了全球移动互联网产业的领军产品。截至2014年3月，UC 优视旗下 UC 浏览器 Android 平台全球用户已突破 3亿，全球用户已突破五亿，UC浏览器Android平台用户已超过 UC 整体用户数的六成，平台成为 UC 浏览器的第一大用户平台。

UC浏览器由优视科技自主研发，具有智能、极速、安全、省流量、云同步等优势。在最新版本中，论坛模式、极速模式、网址安全、小说模式是UC浏览器主要推出的功能模块，主要从简洁排版、急速省流量、安全无广告的用户角度考虑，设计出让用户用于最优的超快体验感的移动互联网产品。

2UC浏览器交互设计分析

2.1行为架构分析

根据《2013年中国手机浏览器用户研究报告》数据显示，用户在使用手机浏览器时使用的功能主要有：搜素、网址导航、快速访问。通过搜索查找访问网站的方式用户比例最高，其中搜索信息的比例为 79.4%，通过首页快速链接访问常用网站的用户比例为 58.7%，通过网址导航访问网站的用户比例为 49.2%。

因此根据用户使用的功能频率，手机浏览器行为架构最主要的作用是规划搜索、导航、快速访问等具体功能在哪些页面实现，从而定义整个浏览器产品的运作方式。同时，涉及到根据用户认知心理来确定浏览器产品的信息架构维度，以确保用户能够迅速理解和和易于使用。

2.2界面布局分析

在手机浏览器设计的历史经验中可以得出，设计师会将经常使用的主要功能放置在起始页，包括搜索栏、快速链接、网址导航以及菜单栏。以v9.7.5版本为例，其界面在这三个内容上的划分采取了双页面的形式，首页分为三个区域，即最上搜索栏，中间内容导航区，将快速链接放置在了第二页面，最下方为固定的菜单栏。

2.3交互体验分析

在v9.7.5版本中，有很多新鲜元素的加入，并运用了多种不同的交互方式。

（1）天气

在搜索栏的下方加入了天气的模块，当下拉页面时，天气模块会先将文字隐去，再下拉后的上方区域通过淡出的形式展示出当地天气的详细信息。这个模块可以通过快速简单的操作手势来达到同时展示当日信息与详细信息的目的。

（2）导航

在主页面的中间内容区，分布有网址导航、手机酷站、每日资讯、生活服务等分栏。在点开分栏后，相应的内容会向上展开，在这个交互设计上存在有一定不足，经过调查，有大部分用户会在关闭分栏时发生错误操作，而他们习惯的操作应是在以分栏为基准将内容向下展开。

（3）快速链接

快速链接位于主页的第二分页，以手机桌面图标分布的形式相同，添加、删除和移动的方式与用户习惯性操作相同，这是值得其他产品需要学习的地方。

3UC浏览器视觉界面设计分析

3.1视觉风格分析

如果说苹果iOS 7开辟了UI设计扁平化的先河，那么现在扁平化的UI设计则是一种潮流。在v9.7.5版本中，UC浏览器也顺应了这种扁平化的设计潮流，对主界面、设置、天气、输入、插件、浏览等页面的多个方面都进行了全新的设计改动，让浏览器页面更加扁平和简约，让用户在使用浏览器时候感觉更加清爽。

3.2颜色情感分析

颜色的使用直接影响着交互体验，不同色彩的运用及搭配可以引导用户的情感方向，可以向用户传达浏览器的交互信息，让用户在思想上与产品共鸣，情感沟通。

UC浏览器采用的主体色彩为蓝色，背景色为极浅的灰色，一直继承着最初版本的色彩系统。搜索框是个关键的浏览器控件，需要让用户集中注意力完成操作以提交数据，因此将搜索栏的颜色设置为醒目的蓝色，与整个节面其他部分进行了明显的分割。

3.3图标设计分析

在图标的设计上也符合了扁平化以及线条化的设计风格，总体呈现出时代性、个性化视觉符号形态，符合当下流行趋势。

4总结

UC 浏览器作为中国手机网民最常使用的浏览器产品，无论在市场运营方面还是用户体验设计方面，都具有值得其他手机浏览器学习与借鉴的地方，同时UC浏览器自身应在当今交互与界面的设计趋势下寻求更多能够满足多种不同用户群需求的突破性设计。