本文作者Kathleen Warner為來自美國舊金山的設(shè)計師，Kathleen相當(dāng)樂意與不同語系的讀者分享她的想法。有興趣的朋友可以前往她的網(wǎng)站了解更多。

「平時如何培養(yǎng)對設(shè)計的敏銳度？」是設(shè)計師朋友們常被問到的問題?，F(xiàn)職于Facebook的產(chǎn)品設(shè)計師Kathleen以她的經(jīng)驗，提供幾項原則與讀者分享如何培養(yǎng)洞察力。無論你是不是設(shè)計師，都可試試她提供的方法進行練習(xí)，逐步提升對設(shè)計的敏銳度與鑒別力。

剛踏入設(shè)計這行時，覺得自己是個爛咖。

當(dāng)時還熱衷于借鑒Dribbble 熱門作品，卻沒留意到這些元素是如何協(xié)調(diào)搭配的。若你看過我以前的拙作，畫面里太過強烈的陰影與不必要的裝飾，可能會讓你倒抽一口氣。

雖然我不是產(chǎn)品設(shè)計鬼才，但我很快就知道如何快速整合我所需的技能?，F(xiàn)在我想把這過程中所學(xué)到的分享給你，不論你是不是設(shè)計師，希望下面這個練習(xí)能幫助你，提升對產(chǎn)品的鑒別力與對設(shè)計的敏銳度。

別只單純操作App ，請好好研究它

要培養(yǎng)對設(shè)計的洞察力，第一步就是換位思考，把自己當(dāng)成開發(fā)這項產(chǎn)品的設(shè)計師。打開一個自己常用的app，抗拒想瀏覽的沖動。我希望你把目光放在眼前的畫面，并記住以下幾個思考方向：

層級觀念(Hierarchy)

首先觀察這個app如何引導(dǎo)你的視覺動線，有哪些資訊是被強調(diào)的？其次，依照不同功能的重要性，色彩與文字如何相互搭配？

內(nèi)容(Content)

你會用哪個措辭來總結(jié)這次使用體驗？哪些內(nèi)容是明顯吸引你的？而哪些地方不是？如何在介面設(shè)計中運用留白？

目標(Intent)

為什么有人想使用這款app？它幫用戶解決了什么問題？要如何設(shè)計才能有效地解決問題？

受眾(Audience)

可以試著去拼湊這類產(chǎn)品的使用者肖像，什么樣的使用者會去使用這類產(chǎn)品？思考他們的使用情境與你的有什么不同？這類產(chǎn)品設(shè)計如何應(yīng)付這些使用情境？

拆解App 界面呈現(xiàn)流程

在下面的GIF 里，我把幾個app的界面呈現(xiàn)流程分解成慢動作展示，方便大家去注意畫面中的每個元件。當(dāng)你預(yù)期哪個元件會隨著動畫出現(xiàn)的同時，可能會發(fā)現(xiàn)平常沒注意到的細節(jié)。在觀看畫面每個元件相繼出現(xiàn)時，可以思考看看這些設(shè)計背后的原因為何。

分解Airbnb 的首頁載入畫面

以Airbnb 為例

一般情形下，搜索欄的輸入框都只寫「在此處搜索」，然而Airbnb 的輸入框卻直接以特定城市名作為示范，提示用戶可以用系統(tǒng)預(yù)設(shè)的地名「倫敦」或以其他地名為關(guān)鍵字進行搜尋。即使沒有要去倫敦旅行，看到提醒用戶在搜尋欄輸入關(guān)鍵字的貼心提示，仍會感到開心。

我想知道隨著界面載入的「日期」與「入住人數(shù)」兩個過濾條件的按鈕，這樣的安排經(jīng)過多少次迭代？大多數(shù)設(shè)計通常都是在用戶選擇地點后，才會加載「日期」這個過濾選項。很好奇人們會如何搜尋、何時會加入篩選條件，取得搜尋結(jié)果。

分解Twitter 的首頁載入畫面

以Twitter 為例

注意轉(zhuǎn)推數(shù)與點贊數(shù)是以粗體字標明。

發(fā)文時間不只包含日期，連幾點幾分都標示得相當(dāng)清楚。為什么這樣設(shè)計？然而，在app的其他地方，發(fā)文時間的標示就比較精簡，如有的動態(tài)消息的推文會表示為「 5 小時前」，或在個人檔案頁面會看到「4/14/18」不同的時間標示方式。想想看，這做法有何用意？

底部導(dǎo)覽列上頭有個輸入框，提示你再發(fā)表一則推文。但要留意的是，這邊用詞是寫「再發(fā)另一則推文吧」(“Add another Tweet.”)，而非只是「發(fā)一則推文」(“Add a Tweet.”)。

Twitter 會改成「再發(fā)另一推文」，目的是讓用戶更輕而易舉地連結(jié)推文成串，長篇大論起來更簡單。

分解Spotify 「最新發(fā)行」頁的載入畫面

以Spotify 為例

注意看Spotify 的界面是如何處理正在播放的歌曲。

在「最新發(fā)行」(New Releases) 頁面，展示的內(nèi)容包含新曲播放清單、新專輯或單曲。

「周五新曲快報」(New Music Friday) 有標示追蹤人數(shù)，而「新曲發(fā)行雷達」(Release Radar) 的播放清單卻無。稍加觀察一下，其實「新曲發(fā)行雷達」的內(nèi)容是Spotify 為用戶量身定做的播放清單，所以不會有追蹤人數(shù)。工程師或資料分析師必須爬梳過所有的使用情形，根據(jù)不同使用情境，在界面介面上顯示相對應(yīng)標題的歌單。

融會貫通，就能打破規(guī)則

下次在打滴滴的時候或是等朋友的空余時間，可以打開任何一個App，仔細想想設(shè)計師們?yōu)楹螘@樣設(shè)計。

養(yǎng)成固定分析各類App 的習(xí)慣，除了可以培養(yǎng)產(chǎn)品思維，在設(shè)計App 的時候也會更加上手。