對搜狗新出的一點(diǎn)瀏覽器的體驗(yàn)

今天搜狗出品了一款輕巧簡約版的瀏覽器,取名叫“一點(diǎn)”。我下載安裝后使用了下,以下是我的一些使用后的看法。

1、安裝后可以看到瀏覽器的logo是一個"e"的字母設(shè)計(jì),這個設(shè)計(jì)是沒有區(qū)別性的,跟捆綁安裝后的2345瀏覽器,ie瀏覽器的logo沒啥區(qū)別。如果PM考慮到這一點(diǎn),那么可能是為了降低用戶認(rèn)知,這類目標(biāo)用戶主要是電腦小白和上年紀(jì)的中年人,因?yàn)樗麄兊淖优蛘唛L輩告訴他們,如果要上網(wǎng)看新聞或玩游戲,連續(xù)點(diǎn)擊兩次桌面上那個“e”標(biāo)志的圖標(biāo)就行了,這是一個簡單的經(jīng)驗(yàn)。

另一方面,這也說明了這個0.5M的瀏覽器應(yīng)該就是一個套著ie殼的瀏覽器,直接安裝在C盤,打開倒也挺快。簡單輕巧,不占空間這些概念的實(shí)現(xiàn),依賴簡單的架構(gòu)和基本功能的保證,調(diào)用ie是一種方式。

2、打開瀏覽器后,可以看到首頁是daohang.qq.com,而不是搜狗的網(wǎng)址導(dǎo)航地址123.sogou.com.因此這可能是一個新的收入渠道,騰訊注資搜狗后,搜搜和導(dǎo)航qq都交給搜狗維護(hù)和打理,一點(diǎn)瀏覽器和搜狗瀏覽器不沖突,只是一個新的收入渠道。而且依賴輕巧簡潔的概念獲取目標(biāo)用戶。

3、交互設(shè)計(jì)方面是我感興趣的,有兩個地方我覺得一點(diǎn)瀏覽器的設(shè)計(jì)有待研究。

第一個

是右鍵單擊關(guān)閉當(dāng)前網(wǎng)頁的功能:第一感覺是這個設(shè)計(jì)缺乏用戶調(diào)研,像我這種經(jīng)常用瀏覽器的IT從業(yè)人員,第一個疑問是,假如我要在瀏覽器的網(wǎng)頁顯示區(qū)域,右鍵另存圖片,或右鍵在新窗口中打開等任何右鍵操作,這個網(wǎng)頁就是直接關(guān)閉的。首先不符合用戶預(yù)期其次相當(dāng)于直接屏蔽了常用的右鍵操作,一點(diǎn)瀏覽器需要一個創(chuàng)新概念去營銷,但這個右鍵關(guān)閉網(wǎng)頁的設(shè)計(jì),我覺得不太恰當(dāng)。

接著我試驗(yàn)了下,在瀏覽器首頁,發(fā)現(xiàn)開啟這個功能后,你竟然在首頁進(jìn)行任何右鍵單擊操作都沒反應(yīng),這是一個讓用戶覺得奇怪的地方。又要營銷新概念,又破壞用戶的基本操作流程,那只能說明這個需求沒考慮全面。

替代性的來說,這個功能的最常用場景是當(dāng)用戶開了多個網(wǎng)頁,瀏覽器頂部的網(wǎng)頁tab欄擁擠在一塊,標(biāo)題都看不詳細(xì),如果要關(guān)閉的話,還要一個個去確認(rèn)是哪個網(wǎng)頁,這時如果能右鍵單擊一次,就直接關(guān)閉當(dāng)前網(wǎng)頁,看起來確實(shí)是會方便很多的。但缺點(diǎn)也正如前面所說了,弊大于利。

如何解決?我想了兩個辦法,一個是換一個概念,比如叫“劃一劃”,預(yù)置一個鼠標(biāo)手勢,比如按住右鍵從左往右劃一下,即可關(guān)閉當(dāng)前網(wǎng)頁,或者其他更簡單的鼠標(biāo)手勢,配上朗朗上口容易理解的概念;另一個是把右鍵關(guān)閉網(wǎng)頁改成右鍵單擊關(guān)閉tab,但點(diǎn)擊區(qū)域不是在網(wǎng)頁部分,而是在tab上,在瀏覽器頂部的tab欄上,右鍵單擊一次,即可關(guān)閉當(dāng)前網(wǎng)頁,除非網(wǎng)頁已鎖定。這樣做有兩個好處:1、tab上的右鍵操作不多也不常用,不容易出現(xiàn)誤操作;2、鼠標(biāo)移動到頂部tab欄上來右鍵單擊,說明用戶是帶著預(yù)期的,而不是像網(wǎng)頁區(qū)域有時會出現(xiàn)無逾期操作。這個設(shè)計(jì)也早早在Chrome上出現(xiàn)過了。

第二個

是tab欄的狀態(tài)即相應(yīng)用色的問題。

如圖所示,在打開兩個網(wǎng)頁的情況下,你能從圖中分辨哪個是當(dāng)前正在瀏覽的網(wǎng)頁嗎?我做過調(diào)查,一部分是說是知乎,另一部分是說導(dǎo)航,而且說是知乎的還要多一些。這個讓我驚訝,因?yàn)槲业牡谝桓杏X是顏色淺的應(yīng)該是我正在瀏覽的網(wǎng)頁。

在詢問過這些網(wǎng)友后,當(dāng)然,他們經(jīng)常用瀏覽器,我發(fā)現(xiàn)這個細(xì)節(jié)非常有意思,總結(jié)如下:

A.認(rèn)為是知乎,即顏色深的那個tab代表當(dāng)前正在瀏覽的網(wǎng)頁的用戶的看法:

1、顏色深代表選中狀態(tài),看到顏色深的tab,覺得選中了這個tab。

2、一點(diǎn)瀏覽器特別的改動了一個地方,就是它只在當(dāng)前瀏覽的網(wǎng)頁tab上顯示關(guān)閉按鈕,其他tab都不顯示。有用戶看到上面有個叉,所以覺得這個有叉的tab是正在瀏覽的網(wǎng)頁。

B.認(rèn)為是導(dǎo)航,即顏色淺的那個tab代表當(dāng)前正在瀏覽的用戶的看法:

1、這兩個人都是視覺設(shè)計(jì)師,有一人覺得白色比灰色更突出,顯得更靠前,而暗色顯得靠后和遠(yuǎn)離。(這里不考慮冷暖色調(diào)的因素)所以他覺得顏色淺的那個tab靠前,離他更近,應(yīng)該是正在瀏覽的。

2、正在瀏覽的網(wǎng)頁Tab的顏色應(yīng)該和瀏覽器頂部菜單欄的顏色是一樣的。(這樣能呼應(yīng),也能給用戶一種和諧和穩(wěn)定的感受,主流瀏覽器像360,Chrome在這一點(diǎn)上是一樣的。只有QQ瀏覽器做了一個跟這個類似的設(shè)計(jì),不過人家那個正在瀏覽的網(wǎng)頁tab是淺藍(lán)色,而不是灰色。特別的,我自己驗(yàn)證了下主流瀏覽器的換膚功能,發(fā)現(xiàn)換完皮膚或主題后,當(dāng)前瀏覽網(wǎng)頁的tab顏色確實(shí)是和菜單欄的顏色一致,像一點(diǎn)瀏覽器這個設(shè)計(jì),如果以后做換膚功能,就要考慮到這個邏輯。)

3、有一位用戶,也是視覺設(shè)計(jì)師,他的第一感覺是導(dǎo)航,但是他以前可能用過類似設(shè)計(jì)的瀏覽器,最后還是選擇了是知乎。

特別的:不知道你有沒有發(fā)現(xiàn),這個有歧義的設(shè)計(jì),只有在兩個tab時才會存在,當(dāng)用戶打開了多個tab時,就不存在這個問題了。因?yàn)?/N,N個tab中只有一個tab的顏色跟其他不一樣,而你又只能當(dāng)前瀏覽一個tab。如果這里埋個點(diǎn),收集下用戶數(shù)據(jù),如果不太大,也許就會從數(shù)據(jù)上得到支持,從而繼續(xù)采用這個設(shè)計(jì)。

但是,我覺得它確實(shí)不算是一個好的設(shè)計(jì),怎么改進(jìn)?正在瀏覽的tab顏色要比其他tab顏色淺,而且要跟瀏覽器菜單欄顏色一致,這是一種隱喻設(shè)計(jì),代表和諧穩(wěn)定。而其他tab顏色稍微深一點(diǎn),一方面不搶占視覺焦點(diǎn),另一方面也能和當(dāng)前瀏覽的網(wǎng)頁tab區(qū)分開來。最后,關(guān)閉按鈕的設(shè)計(jì)可以保留,只有當(dāng)前瀏覽的網(wǎng)頁tab默認(rèn)顯示叉子,其他的tab是當(dāng)鼠標(biāo)hover上去時才顯示,避免誤關(guān)閉,同時起到一個區(qū)分的作用。

4、瀏覽器地址欄的設(shè)計(jì)。單擊地址欄那一塊區(qū)域,即可選中地址欄,但是之后發(fā)現(xiàn)點(diǎn)其他區(qū)域,地址欄不會收回去。同時,當(dāng)用戶對瀏覽器窗口做了非最大化操作后,習(xí)慣性的雙擊瀏覽器頂部欄恢復(fù)最大化布局,但這時就把地址欄給選中了,這里也會有點(diǎn)誤操作。

------------------------------分割線----------------------------------------

3月24日更新:

現(xiàn)在一些PC產(chǎn)品設(shè)計(jì)借鑒了移動應(yīng)用,比如扁平化設(shè)計(jì)。特別值得一提的是線圖標(biāo),iOS上的線圖標(biāo),常態(tài)是邊線條采用深色實(shí)線,中間鏤空;選中狀態(tài)或者強(qiáng)調(diào)狀態(tài)時,是中間填充顏色,邊線條采用淺色。一點(diǎn)瀏覽器的這個深色喻意當(dāng)前正在瀏覽的網(wǎng)頁tab,可能是參考到了這一點(diǎn)。事實(shí)上,現(xiàn)在移動和PC的產(chǎn)品設(shè)計(jì)邊界在模糊,很多所謂的設(shè)計(jì)講究也開始消融,用戶用慣了手機(jī),可能在一些PC上的體驗(yàn)上就會有影響,而不是一個純粹用電腦的用戶的體驗(yàn)。難道真實(shí)場景不也是這樣嗎?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,171評論 25 708
  • 第一次嘗試畫人臉,線條是描的,仍生硬的很,汗顏,試著上了陰影,不咋滿意,周末要多多練習(xí)哈
    一般小涼閱讀 380評論 0 0
  • 一.Laravel控制器 基礎(chǔ)控制器(組織請求處理邏輯) 通過路由來指定控制器行為:Route::get('use...
    默言1024閱讀 314評論 0 0
  • “老子說一生萬物,可惜我不懂。” 一是原始,是萬物的來處,也是萬物的歸處。生,也就是化生的意思,由一個本源處化生出...
    力牧閱讀 212評論 0 1

友情鏈接更多精彩內(nèi)容