今天搜狗出品了一款輕巧簡約版的瀏覽器,取名叫“一點”畔柔。我下載安裝后使用了下氯夷,以下是我的一些使用后的看法。
1靶擦、安裝后可以看到瀏覽器的logo是一個"e"的字母設計腮考,這個設計是沒有區(qū)別性的,跟捆綁安裝后的2345瀏覽器玄捕,ie瀏覽器的logo沒啥區(qū)別踩蔚。如果PM考慮到這一點,那么可能是為了降低用戶認知枚粘,這類目標用戶主要是電腦小白和上年紀的中年人寂纪,因為他們的子女或者長輩告訴他們,如果要上網看新聞或玩游戲赌结,連續(xù)點擊兩次桌面上那個“e”標志的圖標就行了捞蛋,這是一個簡單的經驗。
另一方面柬姚,這也說明了這個0.5M的瀏覽器應該就是一個套著ie殼的瀏覽器拟杉,直接安裝在C盤,打開倒也挺快量承。簡單輕巧搬设,不占空間這些概念的實現(xiàn),依賴簡單的架構和基本功能的保證撕捍,調用ie是一種方式拿穴。
2、打開瀏覽器后忧风,可以看到首頁是daohang.qq.com默色,而不是搜狗的網址導航地址123.sogou.com.因此這可能是一個新的收入渠道,騰訊注資搜狗后狮腿,搜搜和導航qq都交給搜狗維護和打理腿宰,一點瀏覽器和搜狗瀏覽器不沖突,只是一個新的收入渠道缘厢。而且依賴輕巧簡潔的概念獲取目標用戶吃度。
3、交互設計方面是我感興趣的贴硫,有兩個地方我覺得一點瀏覽器的設計有待研究椿每。
第一個
是右鍵單擊關閉當前網頁的功能:第一感覺是這個設計缺乏用戶調研,像我這種經常用瀏覽器的IT從業(yè)人員,第一個疑問是间护,假如我要在瀏覽器的網頁顯示區(qū)域删壮,右鍵另存圖片,或右鍵在新窗口中打開等任何右鍵操作兑牡,這個網頁就是直接關閉的央碟。首先不符合用戶預期其次相當于直接屏蔽了常用的右鍵操作,一點瀏覽器需要一個創(chuàng)新概念去營銷均函,但這個右鍵關閉網頁的設計亿虽,我覺得不太恰當。
接著我試驗了下苞也,在瀏覽器首頁洛勉,發(fā)現(xiàn)開啟這個功能后,你竟然在首頁進行任何右鍵單擊操作都沒反應如迟,這是一個讓用戶覺得奇怪的地方收毫。又要營銷新概念,又破壞用戶的基本操作流程殷勘,那只能說明這個需求沒考慮全面此再。
替代性的來說,這個功能的最常用場景是當用戶開了多個網頁玲销,瀏覽器頂部的網頁tab欄擁擠在一塊输拇,標題都看不詳細,如果要關閉的話贤斜,還要一個個去確認是哪個網頁策吠,這時如果能右鍵單擊一次,就直接關閉當前網頁瘩绒,看起來確實是會方便很多的猴抹。但缺點也正如前面所說了,弊大于利锁荔。
如何解決蟀给?我想了兩個辦法,一個是換一個概念堕战,比如叫“劃一劃”坤溃,預置一個鼠標手勢拍霜,比如按住右鍵從左往右劃一下嘱丢,即可關閉當前網頁,或者其他更簡單的鼠標手勢祠饺,配上朗朗上口容易理解的概念越驻;另一個是把右鍵關閉網頁改成右鍵單擊關閉tab,但點擊區(qū)域不是在網頁部分,而是在tab上,在瀏覽器頂部的tab欄上缀旁,右鍵單擊一次记劈,即可關閉當前網頁,除非網頁已鎖定并巍。這樣做有兩個好處:1目木、tab上的右鍵操作不多也不常用,不容易出現(xiàn)誤操作懊渡;2刽射、鼠標移動到頂部tab欄上來右鍵單擊,說明用戶是帶著預期的剃执,而不是像網頁區(qū)域有時會出現(xiàn)無逾期操作誓禁。這個設計也早早在Chrome上出現(xiàn)過了。
第二個
是tab欄的狀態(tài)即相應用色的問題肾档。
如圖所示摹恰,在打開兩個網頁的情況下,你能從圖中分辨哪個是當前正在瀏覽的網頁嗎怒见?我做過調查俗慈,一部分是說是知乎,另一部分是說導航遣耍,而且說是知乎的還要多一些姜盈。這個讓我驚訝,因為我的第一感覺是顏色淺的應該是我正在瀏覽的網頁配阵。
在詢問過這些網友后馏颂,當然,他們經常用瀏覽器棋傍,我發(fā)現(xiàn)這個細節(jié)非常有意思救拉,總結如下:
A.認為是知乎,即顏色深的那個tab代表當前正在瀏覽的網頁的用戶的看法:
1瘫拣、顏色深代表選中狀態(tài)亿絮,看到顏色深的tab,覺得選中了這個tab麸拄。
2派昧、一點瀏覽器特別的改動了一個地方,就是它只在當前瀏覽的網頁tab上顯示關閉按鈕拢切,其他tab都不顯示蒂萎。有用戶看到上面有個叉,所以覺得這個有叉的tab是正在瀏覽的網頁淮椰。
B.認為是導航五慈,即顏色淺的那個tab代表當前正在瀏覽的用戶的看法:
1纳寂、這兩個人都是視覺設計師,有一人覺得白色比灰色更突出泻拦,顯得更靠前毙芜,而暗色顯得靠后和遠離。(這里不考慮冷暖色調的因素)所以他覺得顏色淺的那個tab靠前争拐,離他更近腋粥,應該是正在瀏覽的。
2架曹、正在瀏覽的網頁Tab的顏色應該和瀏覽器頂部菜單欄的顏色是一樣的灯抛。(這樣能呼應,也能給用戶一種和諧和穩(wěn)定的感受音瓷,主流瀏覽器像360对嚼,Chrome在這一點上是一樣的。只有QQ瀏覽器做了一個跟這個類似的設計绳慎,不過人家那個正在瀏覽的網頁tab是淺藍色纵竖,而不是灰色。特別的杏愤,我自己驗證了下主流瀏覽器的換膚功能靡砌,發(fā)現(xiàn)換完皮膚或主題后,當前瀏覽網頁的tab顏色確實是和菜單欄的顏色一致珊楼,像一點瀏覽器這個設計通殃,如果以后做換膚功能,就要考慮到這個邏輯厕宗。)
3画舌、有一位用戶,也是視覺設計師已慢,他的第一感覺是導航曲聂,但是他以前可能用過類似設計的瀏覽器,最后還是選擇了是知乎佑惠。
特別的:不知道你有沒有發(fā)現(xiàn)朋腋,這個有歧義的設計,只有在兩個tab時才會存在膜楷,當用戶打開了多個tab時旭咽,就不存在這個問題了。因為1/N赌厅,N個tab中只有一個tab的顏色跟其他不一樣穷绵,而你又只能當前瀏覽一個tab。如果這里埋個點察蹲,收集下用戶數(shù)據请垛,如果不太大催训,也許就會從數(shù)據上得到支持洽议,從而繼續(xù)采用這個設計宗收。
但是,我覺得它確實不算是一個好的設計亚兄,怎么改進混稽?正在瀏覽的tab顏色要比其他tab顏色淺,而且要跟瀏覽器菜單欄顏色一致审胚,這是一種隱喻設計匈勋,代表和諧穩(wěn)定。而其他tab顏色稍微深一點膳叨,一方面不搶占視覺焦點洽洁,另一方面也能和當前瀏覽的網頁tab區(qū)分開來。最后菲嘴,關閉按鈕的設計可以保留饿自,只有當前瀏覽的網頁tab默認顯示叉子,其他的tab是當鼠標hover上去時才顯示龄坪,避免誤關閉昭雌,同時起到一個區(qū)分的作用。
4健田、瀏覽器地址欄的設計烛卧。單擊地址欄那一塊區(qū)域,即可選中地址欄妓局,但是之后發(fā)現(xiàn)點其他區(qū)域总放,地址欄不會收回去。同時好爬,當用戶對瀏覽器窗口做了非最大化操作后间聊,習慣性的雙擊瀏覽器頂部欄恢復最大化布局,但這時就把地址欄給選中了抵拘,這里也會有點誤操作哎榴。
------------------------------分割線----------------------------------------
3月24日更新:
現(xiàn)在一些PC產品設計借鑒了移動應用,比如扁平化設計僵蛛。特別值得一提的是線圖標尚蝌,iOS上的線圖標,常態(tài)是邊線條采用深色實線充尉,中間鏤空飘言;選中狀態(tài)或者強調狀態(tài)時,是中間填充顏色驼侠,邊線條采用淺色姿鸿。一點瀏覽器的這個深色喻意當前正在瀏覽的網頁tab,可能是參考到了這一點谆吴。事實上,現(xiàn)在移動和PC的產品設計邊界在模糊苛预,很多所謂的設計講究也開始消融句狼,用戶用慣了手機,可能在一些PC上的體驗上就會有影響热某,而不是一個純粹用電腦的用戶的體驗腻菇。難道真實場景不也是這樣嗎?