编辑导读：在搜索信息的时候，很多用户都会用手机自带的浏览器。人是视觉动物，浏览器的页面设计美观与否直接影响到用户体验。本文以 vivo海外浏览器为例，分析如何做到视觉焕新，希望对你有帮助。

今天给大家分享海外浏览器视觉风格升级的案例，希望可以把整个产品改版过程中的沉淀以及总结经验分享给大家。

整个项目从19年6月开始，从设计提案到完整方案落地上线持续了5个月。前3个月从【方案探索】到【方案定稿】进行了多维度的尝试，后续2个月从【开发落地】到【数据验证】，针对不同变量的数据结论，进行设计微调整，以达成【正式上线】标准。

接下来，先从背景部分给大家介绍下整个项目背景。

外销浏览器整体视觉样式过于陈旧、以及体验方面存在很多问题、品牌属性较弱、缺乏一定的品牌认知、用户在使用体验上存在痛点等。

因此需要进行全面的体验优化升级，改善当前存在问题，以及提升品牌属性，增强品牌一致性。给用户提供良好的使用体验，能更好的使用我们的产品。

1. 主视觉样式同海外主流产品对比

以下是海外浏览器线上效果，以及对比海外市场的Google系、Chrome产品视觉效果，海外主流产品的视觉风格更轻量化，简洁，把视觉聚焦点放在产品内容上，因此我们的产品在视觉上有很大的优化空间（关于海外用户对APP风格倾向的用研结论显示，海外用户更倾向于Chrome及谷歌系产品风格）。

2. 可用性问题梳理

本次体验优化，在重新定义视觉风格的基础上，可同步解决目前存在的体验问题。因此和产品运营同学同步优化建议，以及提取可用性测试问题。

经过讨论并达成一致，整理待解决问题图下：

3. 交互及UI整理待改进问题

在梳理完成可用性问题后，设计侧进行了体验问题走查工作，梳理体验上存在的待改进问题点，对问题进行筛选及整理，梳理出目前待解决的体验问题如下，后续视觉风格定义过程中，会同步解决对应问题。