新版本的谷歌瀏覽器在界面上做了不少優(yōu)化，但在用戶體驗(yàn)上還有很多提升的空間。本文作者就是從這個(gè)角度出發(fā)，并設(shè)計(jì)了對(duì)應(yīng)的解決方案，希望能給大家?guī)?lái)啟發(fā)。

一、最初的直覺(jué)

在?PlayStation?實(shí)習(xí)的時(shí)候，我會(huì)用谷歌瀏覽器打開(kāi)一組網(wǎng)站，開(kāi)始我一天的工作：

• PlayStation的社交網(wǎng)站
• Adobe?Analytics
• Box.com
• Slack.com

到家以后，我會(huì)打開(kāi)另一組娛樂(lè)網(wǎng)站：

• 臉書(shū)的Messenger
• Gmail郵箱
• YouTube

這只是我的一個(gè)直覺(jué)，我覺(jué)得人們?cè)诿糠N情況下首次啟動(dòng)瀏覽器都會(huì)傾向于打開(kāi)相同的網(wǎng)站，而谷歌瀏覽器應(yīng)該給這種常規(guī)行為提供流暢的用戶體驗(yàn)。

所以，以下是我的設(shè)計(jì)目標(biāo)：

改善谷歌瀏覽器在工作、瀏覽社交媒體、閱讀新聞等不同情況下的使用體驗(yàn)。

二、谷歌當(dāng)前的解決方案

谷歌瀏覽器其實(shí)已經(jīng)有一個(gè)啟動(dòng)瀏覽器打開(kāi)網(wǎng)站時(shí)的方案了。

谷歌瀏覽器偏好設(shè)置?>?啟動(dòng) >?打開(kāi)一個(gè)或者一系列特定的頁(yè)面

不過(guò)，這個(gè)方案是應(yīng)用于所有啟動(dòng)的情形。

它并不能滿足我在不同的時(shí)間打開(kāi)不同網(wǎng)站的要求，也就是說(shuō)：我不希望每次在家的時(shí)候打開(kāi)谷歌瀏覽器看到的是工作網(wǎng)站。

工作時(shí)我想要打開(kāi)的內(nèi)容與在家時(shí)并不相同

我查看了?Safari、Firefox?和?Opera，它們看起來(lái)和現(xiàn)在的谷歌瀏覽器都差不多。

我還查看了谷歌瀏覽器擴(kuò)展插件，像One Tab這樣的大多數(shù)插件也都不靠譜。例如：有一個(gè)用戶就“丟失了所有保存超過(guò)一年以上的網(wǎng)站”。由于谷歌瀏覽器最近更新了它的主頁(yè)，因此最佳的選擇似乎是把這個(gè)功能添加到當(dāng)前的主頁(yè)設(shè)計(jì)上。

當(dāng)前的谷歌瀏覽器主頁(yè)：直接訪問(wèn)最常用的網(wǎng)站（沒(méi)有分組）

三、用戶觀察

朋友?A?和朋友?B?的網(wǎng)站訪問(wèn)地圖（來(lái)源于?Free Sketch Templates）

為了檢測(cè)其他人是否覺(jué)得這項(xiàng)功能有用，我觀察了朋友們是如何使用谷歌瀏覽器的。我發(fā)現(xiàn)用戶訪問(wèn)記錄顯示他們?cè)诖蜷_(kāi)前幾個(gè)網(wǎng)站時(shí)也有類似的模式。

• 朋友A和朋友B一打開(kāi)谷歌瀏覽器，就會(huì)立刻點(diǎn)開(kāi)一組特定的網(wǎng)站。
• 朋友A和朋友B提到他們會(huì)在特定的時(shí)間/地點(diǎn)/情況下打開(kāi)同一組特定網(wǎng)站。
• 朋友A和朋友B提到他們經(jīng)常使用谷歌瀏覽器主頁(yè)打開(kāi)他們最常使用的網(wǎng)站。

更進(jìn)一步說(shuō)：這項(xiàng)功能還可以跟蹤最常使用的幾組網(wǎng)站，自動(dòng)顯示在主頁(yè)上，類似谷歌現(xiàn)在做的那樣。這比Pinned Tabs這樣的功能更有優(yōu)勢(shì)，因?yàn)榕笥袮和B都不必手動(dòng)輸入任何內(nèi)容，網(wǎng)站組就自動(dòng)出現(xiàn)了。

四、低保真線框圖

在了解了一般用戶的訪問(wèn)習(xí)慣之后，我決定開(kāi)始設(shè)計(jì)線框圖。由于我沒(méi)有做任務(wù)分析、調(diào)查或者結(jié)構(gòu)化訪問(wèn)，因此我要在這里做一些假設(shè)：

• 人們只需要2-3組網(wǎng)站。
• 每組網(wǎng)站下只需要2-4個(gè)網(wǎng)站。

這是我最初的設(shè)計(jì)：

設(shè)計(jì)?1

優(yōu)點(diǎn)：

• 在左側(cè)點(diǎn)擊能夠打開(kāi)組內(nèi)所有的網(wǎng)站
• 在右側(cè)的組里點(diǎn)擊能夠打開(kāi)單個(gè)的網(wǎng)站?——?Veronica Howell

缺點(diǎn)：?

雜亂無(wú)章，內(nèi)容太多了?——?Yerin?Yoon

設(shè)計(jì)2

優(yōu)點(diǎn)：?

• 集中、有條理
• 即有網(wǎng)站組也有單個(gè)的網(wǎng)站

缺點(diǎn)：?

無(wú)法選擇組里的單個(gè)網(wǎng)站，在“網(wǎng)站A和網(wǎng)站B已經(jīng)打開(kāi)了，用戶只想要打開(kāi)網(wǎng)站C”的情況下，這項(xiàng)功能就顯得很重要?—— Victor Lo

五、反思

從這兩個(gè)線框圖中我得到了這些反饋：

（1）人們想要一個(gè)清晰整潔的結(jié)構(gòu)；

（2）人們希望能快速打開(kāi)整組網(wǎng)站，但也希望能單獨(dú)打開(kāi)組里的某一個(gè)網(wǎng)站。

1. 可能的解決方案

• 谷歌瀏覽器知道哪些網(wǎng)站已經(jīng)打開(kāi)了。當(dāng)用戶點(diǎn)擊打開(kāi)網(wǎng)站組而網(wǎng)站?A?已經(jīng)打開(kāi)的時(shí)候，那瀏覽器將只打開(kāi)網(wǎng)站?B?和?C。（“呃，那也太智能了吧?！薄?Roseanne Chao）
• ?谷歌瀏覽器可以在組里加一個(gè)圖標(biāo)，用來(lái)展開(kāi)顯示該組內(nèi)的各個(gè)網(wǎng)站。（“聽(tīng)起來(lái)很酷。”——?Alex Li）

2. 高保真流程

我將解決方案納入了最終設(shè)計(jì)和流程中。

注：最終設(shè)計(jì)的選擇——懸停確認(rèn)網(wǎng)站是可點(diǎn)擊的，懸停后出現(xiàn)的向下箭頭顯示了組內(nèi)包含的網(wǎng)站，在彈出菜單里可以輕松點(diǎn)擊進(jìn)入各個(gè)網(wǎng)站，還有一個(gè)“打開(kāi)全部”按鈕可以在用戶想要打開(kāi)全部網(wǎng)站時(shí)使用。

我向朋友展示了這個(gè)流程，他們立刻給出了積極的評(píng)價(jià)：

• 打開(kāi)整組網(wǎng)站和組內(nèi)單個(gè)網(wǎng)站的流程“簡(jiǎn)單又簡(jiǎn)潔”——?Thomas Huang
• 清晰的UI設(shè)計(jì)，與用戶期望產(chǎn)生共鳴
• “非常有谷歌的風(fēng)格”——?Titus Hartmann

六、下一步

要想了解這項(xiàng)功能是否成功，我必須深入了解以下指標(biāo)：

• 對(duì)比第1/7/30天，每個(gè)用戶的平均網(wǎng)站組數(shù)量
• 對(duì)比第1/7/30天，每組網(wǎng)站的平均點(diǎn)擊次數(shù)?

假設(shè)用戶A在第一天就有三個(gè)網(wǎng)站組，并且每天點(diǎn)擊兩次，這聽(tīng)起來(lái)像是成功了。

但是，假設(shè)到了第?0天，用戶A只有一個(gè)網(wǎng)站組并且每周才點(diǎn)擊一次，那這個(gè)功能就算是失敗了。在整個(gè)功能發(fā)布過(guò)程中，跟蹤用戶留存是非常重要的。?

總的來(lái)說(shuō)：在設(shè)計(jì)這個(gè)靈光一現(xiàn)的小想法的過(guò)程中我獲得了許多樂(lè)趣。

原作者：Hiroo?Aoyama

原文鏈接：https://uxdesign.cc/google-chrome-ux-idea-opening-your-usual-websites-at-once-6027410072cc

翻譯：即能，公眾號(hào)：即能學(xué)習(xí)

本文由 @即能 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。