伏爾泰說:「常識並不是大家都知道的,常見的東西。」想要意識到某種決策機制是常識,一個人可能需要有足夠的人生經驗來支撐他找到正確的路徑,而常識的存在則讓他做出對的選擇,而無需經過複雜的分析。
當我們在討論產品設計的常識的時候,我們此刻感覺顯而易見的東西,可能對於剛剛起步的設計師或者普通使用者而言,可能並不清晰和顯著。長久以來,設計師一直致力於建立易用的產品和導航系統。然而,為了凸顯產品的特性,設計師需要花費很長的時間來理解使用者的需求,尋求挑戰並且進行迭代。
底部導航 = 更高使用頻率
Google 產品總監 Luke Wroblewski 奉行「顯著總會勝出」的設計原則,他會督促設計師儘量使用清晰的互動而不是「智慧」的互動。在分析過使用漢堡圖示這種隱藏式互動設計和底部導航這兩種控制元件的使用者使用資料,以及其他的半隱藏式控制元件的資料之後,Wroblewski 看到了趨勢。他在接受採訪的時候告訴我:「導航是APP功能和特性的體現,當用戶看不到正在發生的事情,很可能不知道自己可以做什麼, 應該做什麼。」可見性的提高,能夠提升使用率。
當專案管理應用程式 Rebooth(以前被稱為 Teambox)從漢堡選單轉換為底部導航的時候,使用者的使用時長增長了 70%,日活躍使用者量增加了 65%,以往被隱藏在漢堡選單中的功能,現在被外接到使用者觸手可及的地方。
改版前:使用漢堡選單;改版後:使用底部導航,日活躍使用者增加 65%,使用時長增加 70%
而另一方面,Wroblewski 還發現,常用功能難以找到,將會降低使用者的參與度。Polar 這款應用當中,改版之前使用了分段式標籤導航,為了改得更加簡約易讀,更改成為更加乾淨簡約的設計之後,使用者的參與度降低了,其中常用的主要功能被隱藏起來,這是很重要的原因。
改版前:頂部分段式的三個選項卡;改版後:使用頂部下拉選單,互動減少了。
底部導航和可訪問性
有的時候,更加顯著的設計可能會帶來更強的可訪問性。從人體工程學的角度上來看,使用大尺寸手機和平板的使用者,會更容易觸控到底部導航欄,這比起頂部的漢堡選單更加方便,因為這需要使用者一手握持裝置,另一隻手去點選漢堡選單。出於可訪問性的原因,底部導航很關鍵。Google 品牌經理 Aubrie Lee 在一封電子郵件採訪中說道,患有肌營養不良症和其他行動不便的使用者,總是難以觸控到螢幕上方。「這是改變遊戲規則的設計。對於行動不便的使用者而言,技術帶來的不僅僅只有便利。通常,在侷限性和便利之間有著清晰的區別。底部導航欄按鈕能夠讓很多的人生活真的變得更加輕鬆便利。」
「顯著的圖示」並不總是「通用的圖示」
顯而易見的設計,不僅同組件的位置有關,而還和使用者對於 UI 中操作、選項的理解的難易程度有關係。比如,並不是所有的使用者都會理解圖示和符號的含義。$ 符號在美國、加拿大等國家和地區是表示美元和貨幣的,但是它並不是全球貨幣的通用符號。
使用過早期計算機的人可能還會知道軟盤是什麼,並可能會意識到軟碟符號的意思是「儲存」,但是對於那些在 21 世紀出生的年輕使用者而言,他們壓根沒見過軟盤,使用軟盤意象的「儲存」按鈕看起來更像是增加了圓孔且少了一角的手機 SIM 卡。這些使用者可能就無法理解軟盤的儲存圖示的含義了。
為了讓設計在使用者初次接觸的時候更容易理解,請考慮以下建議:
將文字與圖示搭配使用
在 Google I/O 的主題演講「為新網際網路使用者設計優秀的APP」當中,來自 Youtube Go 的 Garen Checkley 和 Tracy Lindsay Chan 展示了將圖示和文字結合起來展示對於可供性的強化,對於使用者理解功能的重要性。「接收」按鈕使用了圖示和文字之後,讓使用者可以更加清楚得認識到接下來會發生什麼。
文字和圖示的組合,讓產品的可訪問性更強。人們在掃視頁面內容的時候,更容易理解功能和內容。
Google Translate 在翻譯框底部使用圖示+文字標籤的組合,其中手寫功能的使用率明顯提升了 25% 。有些使用者認為,即使這些功能已經存在了很多年,但是翻譯框下面的功能其實還是新功能。沒有文字標籤,使用者無法理解功能的價值,因此也就無法使用這些功能。
改版前:Google Translate 僅顯示圖示;改版後:Google Translate 添加了文字標籤,手寫功能使用率增加了25%
僅使用文字,新增提示文字,並新增帶圖示標籤
「上傳」圖示對於習慣將內容上傳到雲端的使用者而言,可能是有意義的。但是對於另外一些使用者而言,可能沒有將照片從電腦上傳到雲端或者下載下來的移動的概念。
為了讓使用 Google Photos 桌面端網路版的使用者搞清楚如何搜尋照片、上傳新照片,Google Photos 團隊將上傳圖示替換為「上傳(upload)」文字按鈕,並且在搜尋框內添加了搜尋提示。和 Youtube Go 以及 Google Translate 的處理方式類似,Google Photos 團隊還在圖示下方添加了「相簿(album)」、「助理(assistant)」以及「照片(photos)」這樣的標籤。
簡單複製別的UI並不能保證設計足夠顯著
直接複製別的成功產品的UI設計,並不是你的產品的最佳選擇。複製那些成功的產品看起來是一件非常容易的事情,因為我們很容易基於他們的流程來逆推出他們的設計是「成功」的。但是,實際上你並不知道他們所遵循的是哪種設計模式,應用場景是什麼,以及背後有多少研究。
靠近問題,才能設計得足夠顯著
設計想要知道哪些是顯而易見的常識,怎麼設計才足夠顯著,設計師其實並不需要等待使用者調研或者大量的資料。Wroblewski 說:「你越靠近痛點,自然就越會用心解決問題。」如果你正在打造一個有效解決問題的產品,那麼你肯定得搞明白有待極解決的問題,以及產品的核心功能。
如果你不是目標使用者,那麼你就得觀察使用者,學習並且進行迭代。這並不需要那麼大量的研究和龐大的預算,甚至都不一定需要海量的資料,它涉及到的更多是與潛在使用者和現有使用者溝通交流,找到問題,並且將自己代入到使用者的角色和位置當中去尋求解決方案。Wroblewski 建議進行快速迭代、測試和評估(RITE)測試。「每週我們都會花費時間,將產品擺到使用者面前,看著使用者試圖去使用它。回去之後,我們會試圖將自己代入、沉浸到使用者的角色中,」Wroblewski 說道:「我們的設計師會說,我和使用者坐在一起,我發現他們並不能成功地操作,這是因為我們的設計使他失敗了。這是非常真實的。」
持續且定期同用戶進行交流,讓你的設計和使用者產生關聯,保持合理和「顯而易見」。當你深入到使用場景和問題當中,你才會清楚地領會到什麼是「顯著」以及什麼是「常識」,並且讓你的設計更加有效、易用