Vivaldi瀏覽器產品體驗報告:重度用戶瀏覽器設計

4 評論 12766 瀏覽 17 收藏 17 分鐘

瀏覽器產品背景

在全世界瀏覽器市場范圍內,opera以“給予用戶極大折騰的自由”而著稱,比如可以設置安裝盤、可綠色安裝等。也正因如此opera一直是小眾瀏覽器。鑒于opera一系列有違初心的決策,譬如放棄自主內核、放棄線上社區(qū)等。opera創(chuàng)始人譚詠文自離開opera后,重出江湖,推出Vivaldi瀏覽器。面對世界上是否還需要一款瀏覽器的質疑,譚詠文回應Vivaldi不怎么關注所要,更關注所需。

Vivaldi瀏覽器用戶需求

Vivaldi瀏覽器目標用戶群體是“骨灰級技術專家、重度互聯(lián)網(wǎng)用戶”。這些用戶的特點是在網(wǎng)絡上花很多時間,需要開啟大量網(wǎng)頁,同時查看很多內容以增加工作效率。

Vivaldi瀏覽器功能分析

導航相關功能

產品用戶體驗很重要的一點是避免用戶產生疑惑,不要讓用戶去想。而導航不清晰恰恰帶來了不流暢的使用體驗。反映到瀏覽器產品上,業(yè)界常見的問題有標簽導航問題及書簽導航問題。這里所指的導航是廣義上對用戶有指引性的功能。Vivaldi在標簽和書簽導航上做了一些有益的嘗試。

彩色標簽功能

圖1.Vivaldi瀏覽器彩色標簽

功能背景:

瀏覽器業(yè)界普遍使用淺色系作為標簽背景色,當前標簽區(qū)別于其他標簽的地方僅在于顏色上的些許差異。但考慮到PC端用戶顯示器壽命較長,而隨著顯示器使用年限的變長及顯示器質量良莠不齊。當用戶打開很多標簽時,而顯示器質量又不好時,用戶區(qū)分當前標簽與其他標簽就非常困難。

功能評價:

Vivaldi采用彩色標簽,可以將當前標簽同其他標簽鮮明的區(qū)分開,同時又將瀏覽器界面與網(wǎng)頁外觀融合為一體。

國內瀏覽器UC將當前標簽與其他標簽通過鮮明的對比色進行區(qū)分,這主要有賴于UC瀏覽器深色調皮膚。QQ瀏覽器則僅對當前標簽采用彩色標簽方案,缺少界面與網(wǎng)頁外觀的融合。

窗口預覽功能

圖片3

圖2.Vivaldi瀏覽器標簽預覽

功能背景:

Vivaldi目標用戶行為特征之一在于其開啟大量網(wǎng)頁。當用戶開啟大量網(wǎng)頁時,定位某一網(wǎng)頁需要去一個個點擊標簽切換。

功能評價:

Vivaldi采用懸浮標簽顯示網(wǎng)頁預覽圖的方案,減少了用戶定位網(wǎng)頁的操作路徑,但如果打開同一網(wǎng)站多個窗口時,網(wǎng)頁預覽功能就會存在一定的預覽障礙。

在瀏覽器領域opera也同樣采用標簽預覽的方案,與Vivaldi區(qū)別在于opera采用整個網(wǎng)頁區(qū)域作為預覽區(qū)域,雖然不像Vivaldi那樣存在同網(wǎng)站多網(wǎng)址的預覽障礙,但較大幅度的預覽效果會對用戶造成一定的使用困擾。

書簽預覽

圖片4

圖3.Vivaldi瀏覽器書簽預覽

功能背景:

隨著用戶使用瀏覽器時間變長,用戶在瀏覽器內儲存的標簽量也逐漸增多,這些書簽通常是沒有修改標題名和備注的,當用戶查找整理時,事情就會變得非常復雜。

功能評價:

Vivaldi瀏覽器在標簽存儲時,提供了給標簽添加備注的功能。并在查看標簽時,提供了選定標簽的縮略圖功能,可以快速幫助用戶了解當前標簽內容。

國內搜狗瀏覽器提供優(yōu)化標題的功能,可以幫助用戶自動優(yōu)化常用網(wǎng)址標題,解決用戶標簽消費時,難以辨識的問題。UC瀏覽器則提供有縮略圖模式,滿足同樣的用戶需求。

④快進、快退功能

圖片5

圖4.Vivaldi瀏覽器快進、快退按鈕

功能背景:

現(xiàn)代網(wǎng)站為了避免用戶被長網(wǎng)頁嚇跑,通常都會進行分頁處理,常見的分頁類網(wǎng)站有論壇帖子列表、評論列表、新聞資訊類長文章、搜索引擎結果列表。在這類網(wǎng)站場景下,用戶需要頻繁的點擊分頁按鈕。

功能評價:

Vivaldi為給用戶提供快速切換分頁的功能,快進、快退可以自動找到搜索引擎或論壇帖子列表的下一頁,而快退到底可以快速跳轉到所在域名的最開頭。這兩個功能給用戶網(wǎng)頁內快速操作提供了快速導航的功能。國內瀏覽器提供此類快速解決分頁功能的有UC瀏覽器的智能拼頁功能。

由于快進、快退功能占據(jù)了瀏覽器框架的主要區(qū)域,而提供的功能又與其他瀏覽器形成了鮮明的對比,很容易讓用戶記住這款瀏覽器。所以這兩個功能按鈕也是Vivaldi瀏覽器差異化的代表。

簡約化相關功能

產品設計一大忌諱是堆砌功能,瀏覽器產品作為大眾產品,更容易出現(xiàn)堆砌功能的情況。但用戶對瀏覽器需求又不盡相同,希望定制化個性瀏覽器功能。所以有了chrome瀏覽器的大繁榮,簡約的瀏覽器設計和強大的擴展庫,給瀏覽器發(fā)展指明了發(fā)展方向。

①垃圾箱功能

圖片6

圖5.Vivaldi瀏覽器垃圾箱列表

功能背景:

主流瀏覽器框架上方通常有前進、后退、刷新/停止、恢復上一個關閉頁、關閉歷史、添加收藏、下載、擴展欄、搜索欄、主頁按鈕。通常來說,臃腫的框架按鈕存在可優(yōu)化的空間。

功能評價:

Vivaldi瀏覽器與主流瀏覽器功能差異較大一點體現(xiàn)在去掉了恢復上一個關閉頁,只保留回收站功能?;厥照镜膱D標設計延續(xù)了用戶在windows操作系統(tǒng)下的使用習慣,簡潔明了。與此類似的Vivaldi瀏覽器菜單欄功能的設計也同樣延續(xù)Windows操作系統(tǒng)下客戶端軟件菜單分類。

②側邊欄功能

圖片7

圖6.Vivaldi瀏覽器側邊欄

功能背景:

用戶使用瀏覽器目的在于快速獲取信息,為了使用戶沉浸在網(wǎng)頁內容中,瀏覽器廠商提供了譬如全屏顯示、布局管理器調整框架項目等方案。

功能評價:

Vivaldi將用戶常用的書簽及下載模塊設置到側邊欄區(qū)域,主要有兩點好處。其一,用戶顯示器越來越大,而網(wǎng)頁寬度相對固定,這樣側邊欄放置一些功能項就不會影響用戶正常使用。其二,相對于對網(wǎng)頁的常規(guī)操作功能來說,下載和書簽模塊功能相對獨立,放到側邊欄位置既能節(jié)省框架空間,還能滿足常用功能用戶方便觸達的需求。

國內瀏覽器廠商目前只有傲游與搜狗在側邊欄上做了一些嘗試。

③書簽與快速撥號功能

圖片8

圖7.Vivaldi瀏覽器快速撥號

功能背景:

用戶使用瀏覽器上網(wǎng)行為通常為打開搜索引擎搜索,然后進入特定網(wǎng)頁。如果存在大量網(wǎng)頁的話,這樣的導航路徑就明顯太長了。書簽、快速撥號、主頁都是為了給用戶快速導航網(wǎng)址而提供的功能。

功能評價:

Vivaldi瀏覽器仍然提供書簽與快速撥號功能,不同的是在使用概念上,Vivaldi將書簽與快速撥號并列展現(xiàn)。由于書簽與快速撥號實際都是為用戶提供快速網(wǎng)址導航功能,Vivaldi這樣的設計相對合理。實現(xiàn)了功能概念上與產品設計上的統(tǒng)一。這樣用戶就可以根據(jù)自身的偏好設置最適合自己訪問習慣的快速撥號頁或標簽欄項目了。達到了縮減入口,簡約不簡單的效果。

高端用戶功能

①快捷操作

圖片9

圖8.Vivaldi瀏覽器快捷操作

功能背景:

用戶使用多年Windows系統(tǒng),形成了很多windows使用習慣延伸到瀏覽器上,譬如快捷鍵操作、菜單快捷按鈕操作??旖萱I簡化了用戶使用各種功能的操作路徑,提升了用戶使用效率。

功能評價:

Vivaldi提供了ctrl+Q調出快捷操作窗功能,快捷操作窗可以便捷的使用鍵盤切換當前標簽、執(zhí)行各種快捷鍵命令、切換瀏覽歷史。為高端用戶提供了不需鼠標就可以便捷進行各種瀏覽器操作的方式。此功能可謂為高端用戶專屬打造。

Vivaldi另外一個幫助用戶快捷操作的功能是鼠標手勢,鼠標手勢使用時,沒有任何提示,會給用戶使用上造成一定困惑,這里可以仿照國內瀏覽器通過添加手勢劃痕,幫助用戶時刻了解當前動作情況。

②分屏模式

圖片10

圖9.Vivaldi瀏覽器分屏

功能背景:

隨著用戶使用顯示器屏幕越來越大,而網(wǎng)頁內容寬度較為固定,分屏成為越來越多人的使用習慣,分屏使用場景有看視頻直播同時看文字直播、看視頻同時看文章、兩篇文章對比或搜索結果對比。

功能評價:

Vivaldi瀏覽器提供的分屏功能,可以將標簽頁分組并分屏展示,分屏操作非常便捷。但解除分屏操作只提供不顯著的右鍵菜單,拖動解除分屏目前缺失。從功能閉環(huán)上,Vivaldi瀏覽器在這個功能上存在優(yōu)化空間。國內瀏覽器廠家360安全瀏覽器對搜索結果有分屏瀏覽的嘗試。

③標簽分組

圖片11

圖10.Vivaldi瀏覽器標簽分組

功能背景:

用戶打開大量網(wǎng)頁時,網(wǎng)頁標簽會變得非常擁擠,如何處理大量但又有用的標簽成為用戶的痛點。

功能評價:

Vivaldi瀏覽器提供了標簽分組功能,可以將同一網(wǎng)站標簽進行分組,雖然簡化了標簽數(shù)量,但目前Vivaldi瀏覽器如果標簽分組數(shù)目過多時,操作遲緩,存在可優(yōu)化空間。瀏覽器行業(yè)chrome有一些常用插件如OneTab解決打開標簽過多以致拖慢速度的問題。

④頁面動效及圖片顯示設置

圖片12

圖11.Vivaldi瀏覽器動效

功能背景:

網(wǎng)速過慢時,用戶又不需要查看圖片,此時僅提供文字不進行圖片顯示,以保證網(wǎng)頁瀏覽速度成為用戶需求。

功能評價:

Vivaldi瀏覽器提供的無圖模式,為滿足高端用戶對極速上網(wǎng)的需求。但從全世界帶寬不斷提高的大背景下來說,無圖模式越來越不構成用戶在PC端的需求,所以這個功能值得商榷。

頁面動效功能提供對網(wǎng)頁譬如3D旋轉和各種濾鏡效果的動效。唯一滿足需求的可能是變暗的濾鏡,由于目標用戶群會花大量時間使用瀏覽器,而目前網(wǎng)頁流行留白的簡約風格,時間一長造成眼疲勞,在此場景下有些濾鏡還是有一定用戶需求。動效大部分功能可以說目前仍處于炫技階段,未來可能會加入廣告攔截功能。

總結

由于Vivaldi瀏覽器創(chuàng)始人是前opera瀏覽器創(chuàng)始人,所以造成Vivaldi瀏覽器有很多opera瀏覽器的影子,譬如標簽預覽功能、鼠標手勢功能等。但Vivaldi瀏覽器作為瀏覽器新兵,服務于重度互聯(lián)網(wǎng)用戶,這些用戶特征是花費大量時間上網(wǎng),為此Vivaldi瀏覽器從三方面進行了瀏覽器產品功能設計。

為使導航更清晰用戶減少疑惑,Vivaldi瀏覽器提供了彩色標簽、書簽預覽、標簽預覽功能;為使瀏覽器更簡潔,Vivaldi瀏覽器去除了打開上一頁按鈕,僅保留垃圾箱按鈕,下載及書簽模塊轉移到側邊欄,從產品概念和產品設計上對快速撥號與書簽進行了合并;為滿足高端用戶需求,Vivaldi瀏覽器提供了快捷操作、分屏模式、標簽分組、無圖模式。

Vivaldi瀏覽器也存在一定的設計問題。網(wǎng)頁小窗預覽會造成一定程度上導航障礙;鼠標手勢會給用戶造成一定使用困惑;當標簽頁打開過多時,關閉按鈕不明顯,此時使用右鍵菜單,關閉菜單項路徑過長;標簽分組項過多時,顯示不夠優(yōu)雅;無圖模式現(xiàn)實需求越來越小;網(wǎng)頁動效大多沒有實際用途。

整體而言,Vivaldi瀏覽器作為瀏覽器行業(yè)老兵的作品,給我們提供了如何針對重度用戶設計瀏覽器產品的案例,為我們使用瀏覽器和理解瀏覽器的演進方向提供了參考。

 

本文由 @小樂帝 原創(chuàng)投稿,并經人人都是產品經理編輯。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 這個瀏覽器的名字比較怪異,比較難記

    來自天津 回復
    1. 維瓦爾第??!你隨便翻譯下就記住了。

      來自江蘇 回復
  2. 剛下載用了一下,不能拖動窗口。。。不知道是bug還是故意設計成醬紫。直接刪了,沒那么好用。

    來自廣東 回復