本文筆者將從產(chǎn)品分析五要素——用戶、行為、目標、場景、媒介，來講述：UI設計師如何在產(chǎn)品設計之前對產(chǎn)品進行分析？

前段時間準備跟朋友開發(fā)一個垂直領域新聞類的產(chǎn)品，在產(chǎn)品的設計過程當中有很多值得思考的地方，尤其是站在UI設計師的角度，如何去助力產(chǎn)品的設計，所以總結了一下跟幫友們分享。

案例分析

首先，簡單介紹一下這款產(chǎn)品：

一個垂直新聞類的分發(fā)平臺，主要分享國企、政界的新聞，面向的主要目標用戶是國企政界管理層人員。

• 產(chǎn)品功能：分享國企政界新聞資訊
• 目標人群：國企政界管理層人員
• 產(chǎn)品目標：為目標用戶提供精準的相關資訊（用我們產(chǎn)品發(fā)起人的話講：這樣產(chǎn)品首先是政治正確，牛X?。?/li>

下面看兩張產(chǎn)品經(jīng)理給我的產(chǎn)品原型圖：

產(chǎn)品的驅(qū)動力

首先，要講一下新聞類產(chǎn)品的驅(qū)動力，上圖產(chǎn)品框架層的設計中有個“播報”功能，我認為加的是不夠好的。

因為新聞類的產(chǎn)品是新聞內(nèi)容驅(qū)動的模式，“播報”只是產(chǎn)品一個魅力功能的體現(xiàn)，新聞內(nèi)容驅(qū)動著用戶去找新聞，在找新聞的過程當中有個“播報”功能，而不是播報驅(qū)動著用戶去看新聞。所以，在產(chǎn)品的框架層“播報”放到底部tab切換是不夠合理的。

產(chǎn)品設計方法論

開篇講了產(chǎn)品的驅(qū)動力，下面用具體的產(chǎn)品設計方法論深入分析：

辛向陽教授提出的產(chǎn)品設計五要素：用戶、行為、目標、場景、媒介。這個方法被稱為設計一個產(chǎn)品的萬能方法論，下面我們就依次套用這五項來分析這個產(chǎn)品。

1. 用戶

在產(chǎn)品設計中，有一個清晰的用戶畫像，會對產(chǎn)品設計起到至關重要的作用，尤其是那些我們不夠了解的用戶群體，有了用戶畫像就能夠結合用戶的生活特征、年齡段特征、行為習慣、社會特征、對相關事物的態(tài)度等信息，精準的設計產(chǎn)品。

我們準備做的這款新聞類產(chǎn)品也做了用戶畫像，因為是政界人士的畫像不太方便分享出來了，大概的一個特征就是他們不愿意在公共互聯(lián)網(wǎng)平臺展示自己，所以看下圖：

產(chǎn)品設計中有社交屬性，這個就直接可以否掉了，因為一看就是意淫出來的功能，通過用戶畫像分析，一個對外開放的產(chǎn)品沒有政界的領導人愿意在公開的互聯(lián)網(wǎng)平臺發(fā)表見解和互相關注好友，這類人群在這個平臺是沒有社交需求的。

所以對我們不了解的用戶人群，一定要有個清晰的了解認識，這樣就可以通過對用戶的行為喜好等一系列特征，整理我們的需求優(yōu)先級，功能優(yōu)先級。

2. 行為

用戶在產(chǎn)品使用上的行為，大概分為三類：隨機式行為、往復式行為、漸進式行為。

為了讓大家充分了解這三種行為，舉個買手機的行為例子：

1）漸進式：

購買iPhoneX就是漸進式行為，打開APP，搜索iPhoneX——選擇參數(shù)——購買，有明確的目的，從A到B到C稱為漸進式。

2）往復式：

我想買個手機，具體買什么品牌我不清楚，打開APP，搜索手機——查看A品牌——退出詳情——查看B品牌——退出詳情——此處省略N個品牌——購買，這種從A到B，B回到A，A再到C，往復循環(huán)行為稱為往復式。

3）隨機式：

打開APP不知道買什么，隨機瀏覽，沒有規(guī)律，看到感興趣的就點進去看，這種稱為隨機式。

相信通過上面的分析，大家對三個行為特征有了一個清晰的認識?，F(xiàn)在思考一下，用戶在使用新聞類的產(chǎn)品是哪種行為？

必定是往復式的行為，用戶看新聞一般都是沒有明確目的刷新聞，刷到哪個感興趣的新聞就會打開看，看后關閉，繼續(xù)刷感興趣的新聞。

看下圖紅框標注的按鈕“播放全部”其實是不符合用戶行為設定的，因為播放全部可能會播放出用戶并不感興趣的新聞。

這個功能其實更符合右圖“專題”板塊，因為每一個專題包含的內(nèi)容是類似的新聞，用戶的切入點是專題標題，所以專題下的新聞都是類似的，也就是用戶感興趣的。

雖然每一個專題都有個“播放全部”按鈕是較合理的設計，但是也避免會聽到不感興趣新聞，所以我們在上圖紅框里播放的懸浮框，要有下一個切換新聞的功能。

3. 目標

目的其實對應行為，隨機式就是無目的，往復式就是目的模糊，漸進式就是目的清晰。拿這個產(chǎn)品來說用戶在打開產(chǎn)品時，目的是找到感興趣的新聞，點擊新聞里面有播報功能可以聽報，而不是去播報板塊里面找新聞。

所以，通過用戶使用產(chǎn)品的行為目的分析，在產(chǎn)品架構上，核心的新聞應該是第一層級，作為播報的輔助功能，應該在第二層級，依附在每條新聞上（如上右圖），而不是現(xiàn)在這樣作為第一層級放到底部導航tab切換。

4. 場景

通過這款產(chǎn)品的用戶使用場景調(diào)查分析，有部分用戶會經(jīng)常開車或坐車（有司機）上下班，參加出席各種活動，自己不開車的用戶群體通常會看一些新聞，車中閱讀新聞其實并不舒服，很容易視覺疲勞。再加上目標用戶年齡層，部分用戶視力可能會不太好，所以“播報”這個功能尤為重要。

另外一個，看新聞的場景是睡前床上看新聞，一般產(chǎn)品有這種使用場景都會加個夜間模式。

但是，據(jù)我了解，現(xiàn)在很多app已經(jīng)不在看中夜間模式這個功能，因為這個功能真的是個雞肋，當用戶轉換的夜間模式會對產(chǎn)品有認知差異、陌生感。其次，它真的不能更好的保護用戶的眼睛，當屏幕暗了后，用戶會更專注去看屏幕，反而會更加傷害視力。今日頭條把這個功能放在了二級頁面，就說明并不看重這個功能。

5. 媒介

媒介就是我們開發(fā)產(chǎn)品時，需要做成app還是小程序或是H5網(wǎng)頁。我們這款產(chǎn)品，為了節(jié)約成本初期定位是個小程序，但根據(jù)功能的體量就越來越不可能開發(fā)成小程序，小程序還是適合輕量級，功能較為單一的產(chǎn)品。

還有，因為新聞的時效性，新聞類的產(chǎn)品非常需要推送功能。App可以實現(xiàn)完整功能，靈活性強，所以我們這款產(chǎn)品還在進一步考慮中。

總結

當UI設計師拿到原型圖后，通過這樣類似的產(chǎn)品分析得出結論，再去跟PM去溝通討論，這樣就能夠助力產(chǎn)品的設計。同時這也是UI設計前，對產(chǎn)品了解的一個過程，這個環(huán)節(jié)真的很重要，很重要，很重要！

當我們對產(chǎn)品充分了解后，UI設計師就可以更好的結合視覺主導產(chǎn)品的設計，更得心應手，順心意。

但是，我們作為UI設計師前提一定要有良好的視覺產(chǎn)出能力，然后再去跟產(chǎn)品（si）探（bi）討產(chǎn)品，不然很容易會被人貼上只會得瑟設計差的標簽。

文章看到這里的你一定要收獲這個產(chǎn)品分析方法論：用戶、行為、目標、場景、媒介，產(chǎn)品分析五要素的線性產(chǎn)品分析法。

作者：吳星辰，微信公眾號：互聯(lián)網(wǎng)設計幫

本文由 @吳星辰 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載。