谷歌產(chǎn)品總監(jiān)：如何改動(dòng)一個(gè)設(shè)計(jì)細(xì)節(jié)，讓日活用戶猛增 65%？

伏爾泰說(shuō)：「常識(shí)并不是大家都知道的，常見(jiàn)的東西。」想要意識(shí)到某種決策機(jī)制是常識(shí)，一個(gè)人可能需要有足夠的人生經(jīng)驗(yàn)來(lái)支撐他找到正確的路徑，而常識(shí)的存在則讓他做出對(duì)的選擇，而無(wú)需經(jīng)過(guò)復(fù)雜的分析。

當(dāng)我們?cè)谟懻摦a(chǎn)品設(shè)計(jì)的常識(shí)的時(shí)候，我們此刻感覺(jué)顯而易見(jiàn)的東西，可能對(duì)于剛剛起步的設(shè)計(jì)師或者普通用戶而言，可能并不清晰和顯著。長(zhǎng)久以來(lái)，設(shè)計(jì)師一直致力于創(chuàng)建易用的產(chǎn)品和導(dǎo)航系統(tǒng)。然而，為了凸顯產(chǎn)品的特性，設(shè)計(jì)師需要花費(fèi)很長(zhǎng)的時(shí)間來(lái)理解用戶的需求，尋求挑戰(zhàn)并且進(jìn)行迭代。

底部導(dǎo)航 = 更高使用頻率

Google 產(chǎn)品總監(jiān) Luke Wroblewski 奉行「顯著總會(huì)勝出」的設(shè)計(jì)原則，他會(huì)督促設(shè)計(jì)師盡量使用清晰的交互而不是「智能」的交互。在分析過(guò)使用漢堡圖標(biāo)這種隱藏式交互設(shè)計(jì)和底部導(dǎo)航這兩種控件的用戶使用數(shù)據(jù)，以及其他的半隱藏式控件的數(shù)據(jù)之后，Wroblewski 看到了趨勢(shì)。他在接受采訪的時(shí)候告訴我：「導(dǎo)航是APP功能和特性的體現(xiàn)，當(dāng)用戶看不到正在發(fā)生的事情，很可能不知道自己可以做什么， 應(yīng)該做什么。」可見(jiàn)性的提高，能夠提升使用率。

當(dāng)項(xiàng)目管理應(yīng)用程序 Rebooth（以前被稱為 Teambox）從漢堡菜單轉(zhuǎn)換為底部導(dǎo)航的時(shí)候，用戶的使用時(shí)長(zhǎng)增長(zhǎng)了 70%，日活躍用戶量增加了 65%，以往被隱藏在漢堡菜單中的功能，如今被外置到用戶觸手可及的地方。

改版前：使用漢堡菜單；改版后：使用底部導(dǎo)航，日活躍用戶增加 65%，使用時(shí)長(zhǎng)增加 70%

而另一方面，Wroblewski 還發(fā)現(xiàn)，常用功能難以找到，將會(huì)降低用戶的參與度。Polar 這款應(yīng)用當(dāng)中，改版之前使用了分段式標(biāo)簽導(dǎo)航，為了改得更加簡(jiǎn)約易讀，更改成為更加干凈簡(jiǎn)約的設(shè)計(jì)之后，用戶的參與度降低了，其中常用的主要功能被隱藏起來(lái)，這是很重要的原因。

改版前：頂部分段式的三個(gè)選項(xiàng)卡；改版后：使用頂部下拉菜單，互動(dòng)減少了。

底部導(dǎo)航和可訪問(wèn)性

有的時(shí)候，更加顯著的設(shè)計(jì)可能會(huì)帶來(lái)更強(qiáng)的可訪問(wèn)性。從人體工程學(xué)的角度上來(lái)看，使用大尺寸手機(jī)和平板的用戶，會(huì)更容易觸摸到底部導(dǎo)航欄，這比起頂部的漢堡菜單更加方便，因?yàn)檫@需要用戶一手握持設(shè)備，另一只手去點(diǎn)擊漢堡菜單。出于可訪問(wèn)性的原因，底部導(dǎo)航很關(guān)鍵。Google 品牌經(jīng)理 Aubrie Lee 在一封電子郵件采訪中說(shuō)道，患有肌營(yíng)養(yǎng)不良癥和其他行動(dòng)不便的用戶，總是難以觸摸到屏幕上方。「這是改變游戲規(guī)則的設(shè)計(jì)。對(duì)于行動(dòng)不便的用戶而言，技術(shù)帶來(lái)的不僅僅只有便利。通常，在局限性和便利之間有著清晰的區(qū)別。底部導(dǎo)航欄按鈕能夠讓很多的人生活真的變得更加輕松便利。」

「顯著的圖標(biāo)」并不總是「通用的圖標(biāo)」

顯而易見(jiàn)的設(shè)計(jì)，不僅同組件的位置有關(guān)，而還和用戶對(duì)于 UI 中操作、選項(xiàng)的理解的難易程度有關(guān)系。比如，并不是所有的用戶都會(huì)理解圖標(biāo)和符號(hào)的含義。$ 符號(hào)在美國(guó)、加拿大等國(guó)家和地區(qū)是表示美元和貨幣的，但是它并不是全球貨幣的通用符號(hào)。

使用過(guò)早期計(jì)算機(jī)的人可能還會(huì)知道軟盤是什么，并可能會(huì)意識(shí)到軟盤符號(hào)的意思是「保存」，但是對(duì)于那些在 21 世紀(jì)出生的年輕用戶而言，他們壓根沒(méi)見(jiàn)過(guò)軟盤，使用軟盤意象的「保存」按鈕看起來(lái)更像是增加了圓孔且少了一角的手機(jī) SIM 卡。這些用戶可能就無(wú)法理解軟盤的保存圖標(biāo)的含義了。

上傳、刪除、語(yǔ)音信箱、揚(yáng)聲器、保存、信用卡，這些圖標(biāo)都很常見(jiàn)，但是如何未搭配文本標(biāo)簽，很多年輕用戶第一次看到依然可能會(huì)感到困惑。

為了讓設(shè)計(jì)在用戶初次接觸的時(shí)候更容易理解，請(qǐng)考慮以下建議：

將文字與圖標(biāo)搭配使用

在 Google I/O 的主題演講「為新互聯(lián)網(wǎng)用戶設(shè)計(jì)優(yōu)秀的APP」當(dāng)中，來(lái)自 Youtube Go 的 Garen Checkley 和 Tracy Lindsay Chan 展示了將圖標(biāo)和文本結(jié)合起來(lái)展示對(duì)于可供性的強(qiáng)化，對(duì)于用戶理解功能的重要性。「接收」按鈕使用了圖標(biāo)和文本之后，讓用戶可以更加清楚得認(rèn)識(shí)到接下來(lái)會(huì)發(fā)生什么。

文字和圖標(biāo)的組合，讓產(chǎn)品的可訪問(wèn)性更強(qiáng)。人們?cè)趻咭曧?yè)面內(nèi)容的時(shí)候，更容易理解功能和內(nèi)容。

Google Translate 在翻譯框底部使用圖標(biāo)+文本標(biāo)簽的組合，其中手寫功能的使用率明顯提升了 25% 。有些用戶認(rèn)為，即使這些功能已經(jīng)存在了很多年，但是翻譯框下面的功能其實(shí)還是新功能。沒(méi)有文本標(biāo)簽，用戶無(wú)法理解功能的價(jià)值，因此也就無(wú)法使用這些功能。

改版前：Google Translate 僅顯示圖標(biāo)；改版后：Google Translate 添加了文本標(biāo)簽，手寫功能使用率增加了25%

僅使用文本，添加提示文本，并添加帶圖標(biāo)標(biāo)簽

「上傳」圖標(biāo)對(duì)于習(xí)慣將內(nèi)容上傳到云端的用戶而言，可能是有意義的。但是對(duì)于另外一些用戶而言，可能沒(méi)有將照片從電腦上傳到云端或者下載下來(lái)的移動(dòng)的概念。

為了讓使用 Google Photos 桌面端網(wǎng)絡(luò)版的用戶搞清楚如何搜索照片、上傳新照片，Google Photos 團(tuán)隊(duì)將上傳圖標(biāo)替換為「上傳（upload）」文本按鈕，并且在搜索框內(nèi)添加了搜索提示。和 Youtube Go 以及 Google Translate 的處理方式類似，Google Photos 團(tuán)隊(duì)還在圖標(biāo)下方添加了「相冊(cè)（album）」、「助理（assistant）」以及「照片（photos）」這樣的標(biāo)簽。

帶有文本標(biāo)簽的圖標(biāo)，圖標(biāo)被替換為文本的按鈕，以及添加了提示信息的搜索框

簡(jiǎn)單復(fù)制別的UI并不能保證設(shè)計(jì)足夠顯著

直接復(fù)制別的成功產(chǎn)品的UI設(shè)計(jì)，并不是你的產(chǎn)品的最佳選擇。復(fù)制那些成功的產(chǎn)品看起來(lái)是一件非常容易的事情，因?yàn)槲覀兒苋菀谆谒麄兊牧鞒虂?lái)逆推出他們的設(shè)計(jì)是「成功」的。但是，實(shí)際上你并不知道他們所遵循的是哪種設(shè)計(jì)模式，應(yīng)用場(chǎng)景是什么，以及背后有多少研究。

靠近問(wèn)題，才能設(shè)計(jì)得足夠顯著

設(shè)計(jì)想要知道哪些是顯而易見(jiàn)的常識(shí)，怎么設(shè)計(jì)才足夠顯著，設(shè)計(jì)師其實(shí)并不需要等待用戶調(diào)研或者大量的數(shù)據(jù)。Wroblewski 說(shuō)：「你越靠近痛點(diǎn)，自然就越會(huì)用心解決問(wèn)題。」如果你正在打造一個(gè)有效解決問(wèn)題的產(chǎn)品，那么你肯定得搞明白有待極解決的問(wèn)題，以及產(chǎn)品的核心功能。

如果你不是目標(biāo)用戶，那么你就得觀察用戶，學(xué)習(xí)并且進(jìn)行迭代。這并不需要那么大量的研究和龐大的預(yù)算，甚至都不一定需要海量的數(shù)據(jù)，它涉及到的更多是與潛在用戶和現(xiàn)有用戶溝通交流，找到問(wèn)題，并且將自己代入到用戶的角色和位置當(dāng)中去尋求解決方案。Wroblewski 建議進(jìn)行快速迭代、測(cè)試和評(píng)估（RITE）測(cè)試。「每周我們都會(huì)花費(fèi)時(shí)間，將產(chǎn)品擺到用戶面前，看著用戶試圖去使用它。回去之后，我們會(huì)試圖將自己代入、沉浸到用戶的角色中，」Wroblewski 說(shuō)道：「我們的設(shè)計(jì)師會(huì)說(shuō)，我和用戶坐在一起，我發(fā)現(xiàn)他們并不能成功地操作，這是因?yàn)槲覀兊脑O(shè)計(jì)使他失敗了。這是非常真實(shí)的。」

持續(xù)且定期同用戶進(jìn)行交流，讓你的設(shè)計(jì)和用戶產(chǎn)生關(guān)聯(lián)，保持合理和「顯而易見(jiàn)」。當(dāng)你深入到使用場(chǎng)景和問(wèn)題當(dāng)中，你才會(huì)清楚地領(lǐng)會(huì)到什么是「顯著」以及什么是「常識(shí)」，并且讓你的設(shè)計(jì)更加有效、易用。