我對谷歌瀏覽器的優化設計:一鍵打開所有網站
新版本的谷歌瀏覽器在界面上做了不少優化,但在用戶體驗上還有很多提升的空間。本文作者就是從這個角度出發,并設計了對應的解決方案,希望能給大家帶來啟發。
一、最初的直覺
在?PlayStation?實習的時候,我會用谷歌瀏覽器打開一組網站,開始我一天的工作:
- PlayStation的社交網站
- Adobe?Analytics
- Box.com
- Slack.com
到家以后,我會打開另一組娛樂網站:
- 臉書的Messenger
- Gmail郵箱
- YouTube
這只是我的一個直覺,我覺得人們在每種情況下首次啟動瀏覽器都會傾向于打開相同的網站,而谷歌瀏覽器應該給這種常規行為提供流暢的用戶體驗。
所以,以下是我的設計目標:
改善谷歌瀏覽器在工作、瀏覽社交媒體、閱讀新聞等不同情況下的使用體驗。
二、谷歌當前的解決方案
谷歌瀏覽器其實已經有一個啟動瀏覽器打開網站時的方案了。
谷歌瀏覽器偏好設置?>?啟動 >?打開一個或者一系列特定的頁面
不過,這個方案是應用于所有啟動的情形。
它并不能滿足我在不同的時間打開不同網站的要求,也就是說:我不希望每次在家的時候打開谷歌瀏覽器看到的是工作網站。
工作時我想要打開的內容與在家時并不相同
我查看了?Safari、Firefox?和?Opera,它們看起來和現在的谷歌瀏覽器都差不多。
我還查看了谷歌瀏覽器擴展插件,像One Tab這樣的大多數插件也都不靠譜。例如:有一個用戶就“丟失了所有保存超過一年以上的網站”。由于谷歌瀏覽器最近更新了它的主頁,因此最佳的選擇似乎是把這個功能添加到當前的主頁設計上。
當前的谷歌瀏覽器主頁:直接訪問最常用的網站(沒有分組)
三、用戶觀察
朋友?A?和朋友?B?的網站訪問地圖(來源于?Free Sketch Templates)
為了檢測其他人是否覺得這項功能有用,我觀察了朋友們是如何使用谷歌瀏覽器的。我發現用戶訪問記錄顯示他們在打開前幾個網站時也有類似的模式。
- 朋友A和朋友B一打開谷歌瀏覽器,就會立刻點開一組特定的網站。
- 朋友A和朋友B提到他們會在特定的時間/地點/情況下打開同一組特定網站。
- 朋友A和朋友B提到他們經常使用谷歌瀏覽器主頁打開他們最常使用的網站。
更進一步說:這項功能還可以跟蹤最常使用的幾組網站,自動顯示在主頁上,類似谷歌現在做的那樣。這比Pinned Tabs這樣的功能更有優勢,因為朋友A和B都不必手動輸入任何內容,網站組就自動出現了。
四、低保真線框圖
在了解了一般用戶的訪問習慣之后,我決定開始設計線框圖。由于我沒有做任務分析、調查或者結構化訪問,因此我要在這里做一些假設:
- 人們只需要2-3組網站。
- 每組網站下只需要2-4個網站。
這是我最初的設計:
設計?1
優點:
- 在左側點擊能夠打開組內所有的網站
- 在右側的組里點擊能夠打開單個的網站?——?Veronica Howell
缺點:?
雜亂無章,內容太多了?——?Yerin?Yoon
設計2
優點:?
- 集中、有條理
- 即有網站組也有單個的網站
缺點:?
無法選擇組里的單個網站,在“網站A和網站B已經打開了,用戶只想要打開網站C”的情況下,這項功能就顯得很重要?—— Victor Lo
五、反思
從這兩個線框圖中我得到了這些反饋:
(1)人們想要一個清晰整潔的結構;
(2)人們希望能快速打開整組網站,但也希望能單獨打開組里的某一個網站。
1. 可能的解決方案
- 谷歌瀏覽器知道哪些網站已經打開了。當用戶點擊打開網站組而網站?A?已經打開的時候,那瀏覽器將只打開網站?B?和?C。(“呃,那也太智能了吧?!薄?Roseanne Chao)
- ?谷歌瀏覽器可以在組里加一個圖標,用來展開顯示該組內的各個網站。(“聽起來很酷。”——?Alex Li)
2. 高保真流程
我將解決方案納入了最終設計和流程中。
注:最終設計的選擇——懸停確認網站是可點擊的,懸停后出現的向下箭頭顯示了組內包含的網站,在彈出菜單里可以輕松點擊進入各個網站,還有一個“打開全部”按鈕可以在用戶想要打開全部網站時使用。
我向朋友展示了這個流程,他們立刻給出了積極的評價:
- 打開整組網站和組內單個網站的流程“簡單又簡潔”——?Thomas Huang
- 清晰的UI設計,與用戶期望產生共鳴
- “非常有谷歌的風格”——?Titus Hartmann
六、下一步
要想了解這項功能是否成功,我必須深入了解以下指標:
- 對比第1/7/30天,每個用戶的平均網站組數量
- 對比第1/7/30天,每組網站的平均點擊次數?
假設用戶A在第一天就有三個網站組,并且每天點擊兩次,這聽起來像是成功了。
但是,假設到了第?0天,用戶A只有一個網站組并且每周才點擊一次,那這個功能就算是失敗了。在整個功能發布過程中,跟蹤用戶留存是非常重要的。?
總的來說:在設計這個靈光一現的小想法的過程中我獲得了許多樂趣。
原作者:Hiroo?Aoyama
原文鏈接:https://uxdesign.cc/google-chrome-ux-idea-opening-your-usual-websites-at-once-6027410072cc
翻譯:即能,公眾號:即能學習
本文由 @即能 翻譯發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自Unsplash,基于CC0協議。
非常有趣。相比使用擴展存網頁更加穩定,相比右鍵打開一個書簽夾,更有設計感