浏览器产品背景 在全世界浏览器市场范围内,opera以"给予用户极大折腾的自由"而著称,比如可以设置安装盘、可绿色安装等。也正因如此opera一直是小众浏览器。鉴于opera一系列有违初心的决策,譬如放弃自主内核、放弃线上社区等。opera创始人谭咏文自离开opera后,重出江湖,推出Vivaldi浏览器。面对世界上是否还需要一款浏览器的质疑,谭咏文回应Vivaldi不怎么关注所要,更关注所需。 Vivaldi浏览器用户需求 Vivaldi浏览器目标用户群体是"骨灰级技术专家、重度互联网用户"。这些用户的特点是在网络上花很多时间,需要开启大量网页,同时查看很多内容以增加工作效率。 Vivaldi浏览器功能分析 导航相关功能 产品用户体验很重要的一点是避免用户产生疑惑,不要让用户去想。而导航不清晰恰恰带来了不流畅的使用体验。反映到浏览器产品上,业界常见的问题有标签导航问题及书签导航问题。这里所指的导航是广义上对用户有指引性的功能。Vivaldi在标签和书签导航上做了一些有益的尝试。 彩色标签功能 图1.Vivaldi浏览器彩色标签 功能背景: 浏览器业界普遍使用浅色系作为标签背景色,当前标签区别于其他标签的地方仅在于颜色上的些许差异。但考虑到PC端用户显示器寿命较长,而随着显示器使用年限的变长及显示器质量良莠不齐。当用户打开很多标签时,而显示器质量又不好时,用户区分当前标签与其他标签就非常困难。 功能评价: Vivaldi采用彩色标签,可以将当前标签同其他标签鲜明的区分开,同时又将浏览器界面与网页外观融合为一体。 国内浏览器UC将当前标签与其他标签通过鲜明的对比色进行区分,这主要有赖于UC浏览器深色调皮肤。QQ浏览器则仅对当前标签采用彩色标签方案,缺少界面与网页外观的融合。 窗口预览功能 图2.Vivaldi浏览器标签预览 功能背景: Vivaldi目标用户行为特征之一在于其开启大量网页。当用户开启大量网页时,定位某一网页需要去一个个点击标签切换。 功能评价: Vivaldi采用悬浮标签显示网页预览图的方案,减少了用户定位网页的操作路径,但如果打开同一网站多个窗口时,网页预览功能就会存在一定的预览障碍。 在浏览器领域opera也同样采用标签预览的方案,与Vivaldi区别在于opera采用整个网页区域作为预览区域,虽然不像Vivaldi那样存在同网站多网址的预览障碍,但较大幅度的预览效果会对用户造成一定的使用困扰。 书签预览 图3.Vivaldi浏览器书签预览 功能背景: 随着用户使用浏览器时间变长,用户在浏览器内储存的标签量也逐渐增多,这些书签通常是没有修改标题名和备注的,当用户查找整理时,事情就会变得非常复杂。 功能评价: Vivaldi浏览器在标签存储时,提供了给标签添加备注的功能。并在查看标签时,提供了选定标签的缩略图功能,可以快速帮助用户了解当前标签内容。 国内搜狗浏览器提供优化标题的功能,可以帮助用户自动优化常用网址标题,解决用户标签消费时,难以辨识的问题。UC浏览器则提供有缩略图模式,满足同样的用户需求。 ④快进、快退功能 图4.Vivaldi浏览器快进、快退按钮 功能背景: 现代网站为了避免用户被长网页吓跑,通常都会进行分页处理,常见的分页类网站有论坛帖子列表、评论列表、新闻资讯类长文章、搜索引擎结果列表。在这类网站场景下,用户需要频繁的点击分页按钮。 功能评价: Vivaldi为给用户提供快速切换分页的功能,快进、快退可以自动找到搜索引擎或论坛帖子列表的下一页,而快退到底可以快速跳转到所在域名的最开头。这两个功能给用户网页内快速操作提供了快速导航的功能。国内浏览器提供此类快速解决分页功能的有UC浏览器的智能拼页功能。 由于快进、快退功能占据了浏览器框架的主要区域,而提供的功能又与其他浏览器形成了鲜明的对比,很容易让用户记住这款浏览器。所以这两个功能按钮也是Vivaldi浏览器差异化的代表。 简约化相关功能 产品设计一大忌讳是堆砌功能,浏览器产品作为大众产品,更容易出现堆砌功能的情况。但用户对浏览器需求又不尽相同,希望定制化个性浏览器功能。所以有了chrome浏览器的大繁荣,简约的浏览器设计和强大的扩展库,给浏览器发展指明了发展方向。 ①垃圾箱功能 图5.Vivaldi浏览器垃圾箱列表 功能背景: 主流浏览器框架上方通常有前进、后退、刷新/停止、恢复上一个关闭页、关闭历史、添加收藏、下载、扩展栏、搜索栏、主页按钮。通常来说,臃肿的框架按钮存在可优化的空间。 功能评价: Vivaldi浏览器与主流浏览器功能差异较大一点体现在去掉了恢复上一个关闭页,只保留回收站功能。回收站的图标设计延续了用户在windows操作系统下的使用习惯,简洁明了。与此类似的Vivaldi浏览器菜单栏功能的设计也同样延续Windows操作系统下客户端软件菜单分类。 ②侧边栏功能 图6.Vivaldi浏览器侧边栏 功能背景: 用户使用浏览器目的在于快速获取信息,为了使用户沉浸在网页内容中,浏览器厂商提供了譬如全屏显示、布局管理器调整框架项目等方案。 功能评价: Vivaldi将用户常用的书签及下载模块设置到侧边栏区域,主要有两点好处。其一,用户显示器越来越大,而网页宽度相对固定,这样侧边栏放置一些功能项就不会影响用户正常使用。其二,相对于对网页的常规操作功能来说,下载和书签模块功能相对独立,放到侧边栏位置既能节省框架空间,还能满足常用功能用户方便触达的需求。 国内浏览器厂商目前只有傲游与搜狗在侧边栏上做了一些尝试。 ③书签与快速拨号功能 图7.Vivaldi浏览器快速拨号 功能背景: 用户使用浏览器上网行为通常为打开搜索引擎搜索,然后进入特定网页。如果存在大量网页的话,这样的导航路径就明显太长了。书签、快速拨号、主页都是为了给用户快速导航网址而提供的功能。 功能评价: Vivaldi浏览器仍然提供书签与快速拨号功能,不同的是在使用概念上,Vivaldi将书签与快速拨号并列展现。由于书签与快速拨号实际都是为用户提供快速网址导航功能,Vivaldi这样的设计相对合理。实现了功能概念上与产品设计上的统一。这样用户就可以根据自身的偏好设置最适合自己访问习惯的快速拨号页或标签栏项目了。达到了缩减入口,简约不简单的效果。 高端用户功能 ①快捷操作 图8.Vivaldi浏览器快捷操作 功能背景: 用户使用多年Windows系统,形成了很多windows使用习惯延伸到浏览器上,譬如快捷键操作、菜单快捷按钮操作。快捷键简化了用户使用各种功能的操作路径,提升了用户使用效率。 功能评价: Vivaldi提供了ctrl+Q调出快捷操作窗功能,快捷操作窗可以便捷的使用键盘切换当前标签、执行各种快捷键命令、切换浏览历史。为高端用户提供了不需鼠标就可以便捷进行各种浏览器操作的方式。此功能可谓为高端用户专属打造。 Vivaldi另外一个帮助用户快捷操作的功能是鼠标手势,鼠标手势使用时,没有任何提示,会给用户使用上造成一定困惑,这里可以仿照国内浏览器通过添加手势划痕,帮助用户时刻了解当前动作情况。 ②分屏模式 图9.Vivaldi浏览器分屏 功能背景: 随着用户使用显示器屏幕越来越大,而网页内容宽度较为固定,分屏成为越来越多人的使用习惯,分屏使用场景有看视频直播同时看文字直播、看视频同时看文章、两篇文章对比或搜索结果对比。 功能评价: Vivaldi浏览器提供的分屏功能,可以将标签页分组并分屏展示,分屏操作非常便捷。但解除分屏操作只提供不显著的右键菜单,拖动解除分屏目前缺失。从功能闭环上,Vivaldi浏览器在这个功能上存在优化空间。国内浏览器厂家360安全浏览器对搜索结果有分屏浏览的尝试。 ③标签分组 图10.Vivaldi浏览器标签分组 功能背景: 用户打开大量网页时,网页标签会变得非常拥挤,如何处理大量但又有用的标签成为用户的痛点。 功能评价: Vivaldi浏览器提供了标签分组功能,可以将同一网站标签进行分组,虽然简化了标签数量,但目前Vivaldi浏览器如果标签分组数目过多时,操作迟缓,存在可优化空间。浏览器行业chrome有一些常用插件如OneTab解决打开标签过多以致拖慢速度的问题。 ④页面动效及图片显示设置 图11.Vivaldi浏览器动效 功能背景: 网速过慢时,用户又不需要查看图片,此时仅提供文字不进行图片显示,以保证网页浏览速度成为用户需求。 功能评价: Vivaldi浏览器提供的无图模式,为满足高端用户对极速上网的需求。但从全世界带宽不断提高的大背景下来说,无图模式越来越不构成用户在PC端的需求,所以这个功能值得商榷。 页面动效功能提供对网页譬如3D旋转和各种滤镜效果的动效。唯一满足需求的可能是变暗的滤镜,由于目标用户群会花大量时间使用浏览器,而目前网页流行留白的简约风格,时间一长造成眼疲劳,在此场景下有些滤镜还是有一定用户需求。动效大部分功能可以说目前仍处于炫技阶段,未来可能会加入广告拦截功能。 总结 由于Vivaldi浏览器创始人是前opera浏览器创始人,所以造成Vivaldi浏览器有很多opera浏览器的影子,譬如标签预览功能、鼠标手势功能等。但Vivaldi浏览器作为浏览器新兵,服务于重度互联网用户,这些用户特征是花费大量时间上网,为此Vivaldi浏览器从三方面进行了浏览器产品功能设计。 为使导航更清晰用户减少疑惑,Vivaldi浏览器提供了彩色标签、书签预览、标签预览功能;为使浏览器更简洁,Vivaldi浏览器去除了打开上一页按钮,仅保留垃圾箱按钮,下载及书签模块转移到侧边栏,从产品概念和产品设计上对快速拨号与书签进行了合并;为满足高端用户需求,Vivaldi浏览器提供了快捷操作、分屏模式、标签分组、无图模式。 Vivaldi浏览器也存在一定的设计问题。网页小窗预览会造成一定程度上导航障碍;鼠标手势会给用户造成一定使用困惑;当标签页打开过多时,关闭按钮不明显,此时使用右键菜单,关闭菜单项路径过长;标签分组项过多时,显示不够优雅;无图模式现实需求越来越小;网页动效大多没有实际用途。 整体而言,Vivaldi浏览器作为浏览器行业老兵的作品,给我们提供了如何针对重度用户设计浏览器产品的案例,为我们使用浏览器和理解浏览器的演进方向提供了参考。