谷歌產(chǎn)品總監(jiān):如何改動一個設計細節(jié),讓日活用戶猛增 65%?

伏爾泰說:「常識并不是大家都知道的,常見的東西。」想要意識到某種決策機制是常識,一個人可能需要有足夠的人生經(jīng)驗來支撐他找到正確的路徑,而常識的存在則讓他做出對的選擇,而無需經(jīng)過復雜的分析。

當我們在討論產(chǎn)品設計的常識的時候,我們此刻感覺顯而易見的東西,可能對于剛剛起步的設計師或者普通用戶而言,可能并不清晰和顯著。長久以來,設計師一直致力于創(chuàng)建易用的產(chǎn)品和導航系統(tǒng)。然而,為了凸顯產(chǎn)品的特性,設計師需要花費很長的時間來理解用戶的需求,尋求挑戰(zhàn)并且進行迭代。

底部導航 = 更高使用頻率

Google 產(chǎn)品總監(jiān) Luke Wroblewski 奉行「顯著總會勝出」的設計原則,他會督促設計師盡量使用清晰的交互而不是「智能」的交互。在分析過使用漢堡圖標這種隱藏式交互設計和底部導航這兩種控件的用戶使用數(shù)據(jù),以及其他的半隱藏式控件的數(shù)據(jù)之后,Wroblewski 看到了趨勢。他在接受采訪的時候告訴我:「導航是APP功能和特性的體現(xiàn),當用戶看不到正在發(fā)生的事情,很可能不知道自己可以做什么, 應該做什么?!箍梢娦缘奶岣撸軌蛱嵘褂寐省?/p>

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

谷歌產(chǎn)品總監(jiān):如何改動一個設計細節(jié),讓日活用戶猛增 65%?

改版前:使用漢堡菜單;改版后:使用底部導航,日活躍用戶增加 65%,使用時長增加 70%

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

谷歌產(chǎn)品總監(jiān):如何改動一個設計細節(jié),讓日活用戶猛增 65%?

改版前:頂部分段式的三個選項卡;改版后:使用頂部下拉菜單,互動減少了。

底部導航和可訪問性

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

「顯著的圖標」并不總是「通用的圖標」

顯而易見的設計,不僅同組件的位置有關,而還和用戶對于 UI 中操作、選項的理解的難易程度有關系。比如,并不是所有的用戶都會理解圖標和符號的含義。$ 符號在美國、加拿大等國家和地區(qū)是表示美元和貨幣的,但是它并不是全球貨幣的通用符號。

使用過早期計算機的人可能還會知道軟盤是什么,并可能會意識到軟盤符號的意思是「保存」,但是對于那些在 21 世紀出生的年輕用戶而言,他們壓根沒見過軟盤,使用軟盤意象的「保存」按鈕看起來更像是增加了圓孔且少了一角的手機 SIM 卡。這些用戶可能就無法理解軟盤的保存圖標的含義了。

谷歌產(chǎn)品總監(jiān):如何改動一個設計細節(jié),讓日活用戶猛增 65%?

上傳、刪除、語音信箱、揚聲器、保存、信用卡,這些圖標都很常見,但是如何未搭配文本標簽,很多年輕用戶第一次看到依然可能會感到困惑。

為了讓設計在用戶初次接觸的時候更容易理解,請考慮以下建議:

將文字與圖標搭配使用

在 Google I/O 的主題演講「為新互聯(lián)網(wǎng)用戶設計優(yōu)秀的APP」當中,來自 Youtube Go 的 Garen Checkley 和 Tracy Lindsay Chan 展示了將圖標和文本結合起來展示對于可供性的強化,對于用戶理解功能的重要性?!附邮铡拱粹o使用了圖標和文本之后,讓用戶可以更加清楚得認識到接下來會發(fā)生什么。

文字和圖標的組合,讓產(chǎn)品的可訪問性更強。人們在掃視頁面內(nèi)容的時候,更容易理解功能和內(nèi)容。

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

谷歌產(chǎn)品總監(jiān):如何改動一個設計細節(jié),讓日活用戶猛增 65%?

改版前:Google Translate 僅顯示圖標;改版后:Google Translate 添加了文本標簽,手寫功能使用率增加了25%

僅使用文本,添加提示文本,并添加帶圖標標簽

「上傳」圖標對于習慣將內(nèi)容上傳到云端的用戶而言,可能是有意義的。但是對于另外一些用戶而言,可能沒有將照片從電腦上傳到云端或者下載下來的移動的概念。

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

谷歌產(chǎn)品總監(jiān):如何改動一個設計細節(jié),讓日活用戶猛增 65%?

帶有文本標簽的圖標,圖標被替換為文本的按鈕,以及添加了提示信息的搜索框

簡單復制別的UI并不能保證設計足夠顯著

直接復制別的成功產(chǎn)品的UI設計,并不是你的產(chǎn)品的最佳選擇。復制那些成功的產(chǎn)品看起來是一件非常容易的事情,因為我們很容易基于他們的流程來逆推出他們的設計是「成功」的。但是,實際上你并不知道他們所遵循的是哪種設計模式,應用場景是什么,以及背后有多少研究。

靠近問題,才能設計得足夠顯著

設計想要知道哪些是顯而易見的常識,怎么設計才足夠顯著,設計師其實并不需要等待用戶調(diào)研或者大量的數(shù)據(jù)。Wroblewski 說:「你越靠近痛點,自然就越會用心解決問題?!谷绻阏诖蛟煲粋€有效解決問題的產(chǎn)品,那么你肯定得搞明白有待極解決的問題,以及產(chǎn)品的核心功能。

如果你不是目標用戶,那么你就得觀察用戶,學習并且進行迭代。這并不需要那么大量的研究和龐大的預算,甚至都不一定需要海量的數(shù)據(jù),它涉及到的更多是與潛在用戶和現(xiàn)有用戶溝通交流,找到問題,并且將自己代入到用戶的角色和位置當中去尋求解決方案。Wroblewski 建議進行快速迭代、測試和評估(RITE)測試?!该恐芪覀兌紩ㄙM時間,將產(chǎn)品擺到用戶面前,看著用戶試圖去使用它?;厝ブ?,我們會試圖將自己代入、沉浸到用戶的角色中,」Wroblewski 說道:「我們的設計師會說,我和用戶坐在一起,我發(fā)現(xiàn)他們并不能成功地操作,這是因為我們的設計使他失敗了。這是非常真實的?!?/p>

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

收藏 85
點贊 3

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。