编辑导读:在搜索信息的时候,很多用户都会用手机自带的浏览器。人是视觉动物,浏览器的页面设计美观与否直接影响到用户体验。本文以 vivo海外浏览器为例,分析如何做到视觉焕新,希望对你有帮助。
今天给大家分享海外浏览器视觉风格升级的案例,希望可以把整个产品改版过程中的沉淀以及总结经验分享给大家。
整个项目从19年6月开始,从设计提案到完整方案落地上线持续了5个月。前3个月从【方案探索】到【方案定稿】进行了多维度的尝试,后续2个月从【开发落地】到【数据验证】,针对不同变量的数据结论,进行设计微调整,以达成【正式上线】标准。
接下来,先从背景部分给大家介绍下整个项目背景。
一、背景部分外销浏览器整体视觉样式过于陈旧、以及体验方面存在很多问题、品牌属性较弱、缺乏一定的品牌认知、用户在使用体验上存在痛点等。
因此需要进行全面的体验优化升级,改善当前存在问题,以及提升品牌属性,增强品牌一致性。给用户提供良好的使用体验,能更好的使用我们的产品。
1. 主视觉样式同海外主流产品对比
以下是海外浏览器线上效果,以及对比海外市场的Google系、Chrome产品视觉效果,海外主流产品的视觉风格更轻量化,简洁,把视觉聚焦点放在产品内容上,因此我们的产品在视觉上有很大的优化空间(关于海外用户对APP风格倾向的用研结论显示,海外用户更倾向于Chrome及谷歌系产品风格)。
2. 可用性问题梳理
本次体验优化,在重新定义视觉风格的基础上,可同步解决目前存在的体验问题。因此和产品运营同学同步优化建议,以及提取可用性测试问题。
经过讨论并达成一致,整理待解决问题图下:
3. 交互及UI整理待改进问题
在梳理完成可用性问题后,设计侧进行了体验问题走查工作,梳理体验上存在的待改进问题点,对问题进行筛选及整理,梳理出目前待解决的体验问题如下,后续视觉风格定义过程中,会同步解决对应问题。