寫在前面

今年的“雙十一”，朋友圈異常安靜，沒有了以前電商活動的氛圍，沒有漂亮的數(shù)據(jù)，沒有曬圖，有人說是用戶消費(fèi)疲軟了？數(shù)據(jù)不會騙人，今年”雙十一”一天的GMV還是比去年高了將近500億，而且一大波尾款人在11月1日就已經(jīng)結(jié)束。再加上直播電商，用戶購買渠道變多了。李佳琦直播帶貨一晚就超100億的GMV，說明用戶的消費(fèi)意愿和消費(fèi)力還是很強(qiáng)的。算一下，50個李佳琦直播一晚上就能抵上“雙十一”一整天的GMV，有點(diǎn)厲害。中國偉大復(fù)興的道路還在繼續(xù)，隨著人民生活水平的提高，文化素養(yǎng)提高，互聯(lián)網(wǎng)普及，消費(fèi)力只會增不會減，只是戰(zhàn)場在變化。

前些日子發(fā)了PP微助手的優(yōu)化作品，本篇將結(jié)合改版思路和最近對互聯(lián)網(wǎng)設(shè)計行業(yè)的思考進(jìn)行一些分享，希望對大家有一定的幫助，歡迎大家來指正吐槽~

點(diǎn)擊可以查看   PP微助手改版優(yōu)化

流量變“留量”

互聯(lián)網(wǎng)產(chǎn)品最重要的就是流量，沒有流量，就算產(chǎn)品設(shè)計的再好，早晚也會運(yùn)營不下去?？v觀這些年移動互聯(lián)網(wǎng)的發(fā)展，市場已經(jīng)被分割的差不多了，各個行業(yè)都有龍頭企業(yè)（社交：微信、購物：京東淘寶、出行：滴滴哈羅、外賣：餓了么美團(tuán)、旅游：攜程等等），各大互聯(lián)網(wǎng)公司業(yè)務(wù)也趨于穩(wěn)定，紅利期已經(jīng)過去，流量市場已經(jīng)變成了“留量”市場。就像淘寶這種大流量的產(chǎn)品，也在吃流量老本。

回歸到設(shè)計，在互聯(lián)網(wǎng)公司做設(shè)計，一直在強(qiáng)調(diào)需要有產(chǎn)品思維、用戶思維，然而在“留量”的時代，更需要我們具有運(yùn)營思維，同行業(yè)的業(yè)務(wù)趨同、需求趨同，可挖掘的需求少之又少，可以打開同一行業(yè)的各類app一看，就知道產(chǎn)品形態(tài)大同小異。所以只能在“留量”里下功夫，既要減少存量用戶的流失，還要在這基礎(chǔ)上讓存量用戶創(chuàng)造更大的價值。必然，我們在做設(shè)計改版的時候就需要結(jié)合一些運(yùn)營知識。

曝光

“曝光”一詞相信大家都聽過，在拍照時，“曝光”時間越長，照片細(xì)節(jié)就越豐富，當(dāng)然過度“曝光”，也會讓照片失真。在運(yùn)營一個互聯(lián)網(wǎng)產(chǎn)品時，也需要用到“曝光”，這里的“曝光”是指產(chǎn)品內(nèi)容的“曝光”。

用戶在進(jìn)入某款產(chǎn)品的時候，都是帶有一定目的性，通常情況都會經(jīng)歷三步操作，從看見內(nèi)容，到與產(chǎn)品互動，最后得到想要的結(jié)果。

這里的“看見”，就要說到產(chǎn)品承載信息的曝光，合理的信息曝光才能更精準(zhǔn)快速的觸達(dá)用戶。同時，運(yùn)營同學(xué)最關(guān)心的數(shù)據(jù)和流量，也是需要安排合理的信息曝光才能有有效的數(shù)據(jù)和流量。在手機(jī)這么一小塊屏幕想把所有內(nèi)容都曝光出來，是不太現(xiàn)實(shí)的，就算能，也不合理。把過多的信息一下子全部曝光給用戶，效果反而會很差。通常做法就是對頁面進(jìn)行樓層的分割，流量進(jìn)行合理的分發(fā)。大流量的產(chǎn)品，每個樓層都需要單獨(dú)部門去運(yùn)營的，這樣就會出現(xiàn)業(yè)務(wù)主次和優(yōu)先級，不然各部門就會為了爭奪"屏幕地盤"，無限撕逼。

作為設(shè)計師，就需要和運(yùn)營部門做好以下確認(rèn)：

1、樓層怎么分割，哪些樓層是產(chǎn)品部門控制，哪些樓層是運(yùn)營部門控制，每個樓層顯示哪些內(nèi)容，設(shè)計師需要根據(jù)每個樓層的重要性，去定義屏占比

2、哪些模塊需要首屏曝光，哪些是需要第二屏曝光，依此類推，這個至關(guān)重要，設(shè)計師就要考慮各類機(jī)型適配問題，比如iPhoneX一屏能顯示下的內(nèi)容，在其他手機(jī)未必能顯出來，這樣會直接影響曝光，導(dǎo)致數(shù)據(jù)不好（等著背鍋吧～），嚴(yán)格來講要根據(jù)實(shí)際用戶使用機(jī)型占比去定義首屏顯示的內(nèi)容。

3、每個模塊內(nèi)容的信息層級，明確信息優(yōu)先級才能結(jié)果為導(dǎo)向去做交互布局和視覺呈現(xiàn)，這時候就是你發(fā)揮的時候，對比、親密關(guān)系、留白等等，都可以上了。

這里結(jié)合PP微助手的一些改版優(yōu)化（非全套），分享一些改版思路。

PP微助手改版思路解析

項目背景：PP微助手是取代電視遙控器一部分功能開發(fā)的一款小程序，核心需求有幾點(diǎn)

1、賬號統(tǒng)一，PPTV時代的用戶，大多都是使用的PPTV的賬號，為了方便管理蘇寧易購賬號體系，會引流把PPTV尚未升級的賬戶統(tǒng)一升級合并至蘇寧易購賬號。

2、投屏功能，看影片終端還是以電視機(jī)為主，所以只做投屏，不做在線播放功能

3、智能語音，結(jié)合蘇寧小biu智能語音系統(tǒng)，可以和電視機(jī)語音互動，實(shí)現(xiàn)交互功能

4、會員業(yè)務(wù)，移動端開通會員比電視端更方便，同時可以用一些運(yùn)營手段促進(jìn)用戶開通會員

5、推送活動，電視機(jī)打開頻次不如移動端，推送活動給用戶，移動端可以實(shí)時看到

電商行業(yè)通常會把用戶分成“大明”、“笨笨”、“小閑”三大類用戶，在視頻類產(chǎn)品，絕大多數(shù)用戶都是“小閑”用戶，來平臺都是找樂子打發(fā)時間的。

思路一：架構(gòu)改變（產(chǎn)品思維）：

PP微助手本來就是輔助電視機(jī)的，用戶覺得用遙控器操作麻煩才會選擇用小程序操作。在設(shè)計的時候，把用戶當(dāng)成是一個并不想動腦子并且很懶的傻子，產(chǎn)品設(shè)計越簡單越好，否則用戶干嘛要用小程序，遙控器挺好的，遙控器的大多交互都已經(jīng)習(xí)慣，也沒啥學(xué)習(xí)成本。

從用戶角度分析，進(jìn)入小程序無非就是找片源、看片以及看片過程中的一些基礎(chǔ)控制操作（播放、暫停、快進(jìn)等等），所以簡化了產(chǎn)品整體框架，從原來底部5個tab（首頁、片庫、遙控、搜索、我的），改為3個tab（首頁、遙控、我的）。產(chǎn)品呈現(xiàn)給用戶的樣貌更加簡單直觀，也相應(yīng)的培養(yǎng)了用戶心智，讓用戶對PP微助手這款小程序有個基本定位。

思路二：樓層分割（運(yùn)營思維）：

首頁改版前，按照iPhoneX的尺寸，首頁第一屏也就曝光了3個分類，而且下滑到底總共也就幾個分類，片源的曝光度不高，banner呈現(xiàn)也相對普通，就是那種正常電商類頭部banner。同時交互成本也高，要點(diǎn)擊“更多”才能看該分類影片的全部列表，要知道多一步操作就會多損失一部分用戶轉(zhuǎn)化。

改版后，針對第一樓層推薦影片采用電影宣傳時的大海報樣式，視覺焦點(diǎn)更強(qiáng)烈，同時曝光也更強(qiáng)烈一些，你去電影院的時候，看到的電影宣傳海報，大多都是這類豎版的，用戶已經(jīng)有一定的心智模型，所以在這里采用豎版更為好一些。這些推薦影片在這里也作為“hook”，后面會講。當(dāng)然像電商類產(chǎn)品，首頁需要考慮嚴(yán)謹(jǐn)?shù)钠琳急?，這類尺寸肯定不合適。

第二樓層是影片的分類，采用文字tab左右滑動的方式，這種分類方式雖然沒啥設(shè)計感，也普普通通，但是在一個分類眾多的產(chǎn)品里，這種處理方法相當(dāng)不錯。減小了樓層的沖突，也提高了內(nèi)容的曝光。像騰訊視頻、愛奇藝、優(yōu)酷，分類tab都是吸頂固定的，很直觀的傳達(dá)給用戶影片信息。下拉的時候，這里采用feed流，用戶在交互習(xí)慣上，連續(xù)操作時，對同一種交互會有慣性和依賴，上滑時查看更多影片，能滿足用戶的預(yù)期，也不會因?yàn)檎{(diào)整新的交互（上述的點(diǎn)擊跳轉(zhuǎn)查看更多）方式讓用戶反感。在視覺形式上，采用了橫版的樣式，是為了和第一樓層形成對比，也是為了節(jié)省屏幕空間，能曝光更多的內(nèi)容。二樓的影片內(nèi)容也可以分布一些“hook”

搜索也是一種用戶找片源的方式，后面再講，這里要考慮到流量分發(fā)的情況。

思路三：引導(dǎo)用戶（運(yùn)維思維）

按照福格模型B=MAT，完成行為的三要素：動機(jī)、能力和觸發(fā)器。

用戶進(jìn)了影片詳情，說明已經(jīng)有動機(jī)了，這時候需要抓住機(jī)會，按照產(chǎn)品需求可以完成兩個行為目的，一個是讓PPTV賬號升級成蘇寧易購賬號，二是轉(zhuǎn)化成會員用戶。

這里要看一下進(jìn)入詳情的數(shù)據(jù)，是“hook”進(jìn)來的用戶多還是非“hook”進(jìn)來的用戶多。如果是“hook”進(jìn)來的多，說明用戶主觀意愿不是很強(qiáng)，這部分用戶可能會流失，如果是非“hook”或者搜索進(jìn)來的更多，說明平臺用戶主觀意愿更強(qiáng)，有較高的粘性，更容易促進(jìn)會員的轉(zhuǎn)化。

對平臺來說，希望用戶進(jìn)來完成兩條路徑：

1、未登錄的用戶，點(diǎn)“推送”和“開通會員”按鈕，進(jìn)入下一步登錄或者升級賬號流程。當(dāng)然這一步會流失用戶，部分用戶會反感登錄這種操作。

2、已登錄的用戶，可以快速推送影片，完成自己的看片目的，如果是會員影片，這里就需要用戶先開通會員，當(dāng)然只是引導(dǎo)，還會有一部分用戶不想開通會員，選擇離開。

防止用戶過多的流失，就需要平臺一定的干涉，加強(qiáng)登錄或者開通會員的意愿，可以從以下幾點(diǎn)入手：

1、沉浸式體驗(yàn)，進(jìn)入詳情，頭部區(qū)域自動播放影片花絮或者預(yù)告，快速讓抓取用戶眼球，增加下一步操作的意愿。

2、醒目的豆瓣評分，“hook”影片選擇一些評分高的，用戶針對豆瓣評分已經(jīng)有一定的認(rèn)知，評分優(yōu)質(zhì)的影片，用戶更有意愿觀看，更容易促進(jìn)下一步動作，提高會員的轉(zhuǎn)化率。

3、各類標(biāo)簽，比如：首播、獨(dú)家、會員免費(fèi)、會員半價、4K高清等等，能清晰定位影片，捕捉各類用戶看片心智。

4、會員相關(guān)信息展示，未登錄的提示“登錄領(lǐng)券、限時活動等”，非會員提示“會員權(quán)益、開通會員的利益點(diǎn)等”刺激用戶。

思路四：優(yōu)惠券吸引用戶（運(yùn)維思維）

改版前優(yōu)惠券和體驗(yàn)券在不同入口，流量分散了，券的目的就是要讓用戶去使用，需要縮短路徑，更直觀的展示給用戶，能讓用戶快速做決策。如果券種類多的話，還需要區(qū)分各種券樣式，需要讓用戶快速定位想使用的券。

其中已使用和已過期的券對用戶來說就是已經(jīng)沒用的券，并不需要再用單獨(dú)的tab分類，并且弱化處理。因?yàn)镻P微助手會員券相對比較少，不像電商一樣，會送很多商品券，所以用最簡單的形式展示給用戶就行。

值得注意的一點(diǎn)，不是說已過期的券就沒用了，如果運(yùn)營把控好節(jié)奏，發(fā)券有一定規(guī)律，用戶看到過期的券會有一定的挫敗感，就會經(jīng)常來關(guān)注券?！皬U券再利用”也能增加用戶的粘性。針對快過期的券，必要時候可以做二次提醒，給用戶造成緊張感，會激發(fā)用券欲望。

說服用戶下決定，一般從以下三個點(diǎn)去考慮：時間緊迫性、暗示稀缺性、后果恐嚇性

流量分發(fā)和流量承接

產(chǎn)品的流量來源有很多，除了自身用戶進(jìn)入產(chǎn)品的流量，還有線下廣告、線上廣告、分享鏈接等等各種來源。目前主要的流量分發(fā)方式包括：搜索分發(fā)、算法分發(fā)、社交分發(fā)、人工分發(fā)、付費(fèi)分發(fā)。PP微助手主要應(yīng)用算法分發(fā)、搜索分發(fā)、人工分發(fā)。

先講一下“hook”，在電商里是“鉤子商品”，這里我把“hook”當(dāng)做是“鉤子影片”，運(yùn)營精準(zhǔn)推薦的一些“hook”，會取到不錯的轉(zhuǎn)化效果。

用戶在產(chǎn)品內(nèi)的行為路徑是不可控的，一大波流量進(jìn)入首頁，每個用戶都有自己的目的，所以需要對用戶進(jìn)行分流。一部分用戶去了搜索，這類用戶目的很明顯，知道自己想看的影片名稱，這部分就是搜索分發(fā)的流量；一部分用戶被“hook”勾走了，"hook"激發(fā)了用戶的看片動機(jī)，這部分就是人工分發(fā)的流量，需要運(yùn)營去干預(yù)；一部分用戶在不停的瀏覽，在瀏覽過程中找自己的影片，產(chǎn)品會分析用戶行為，顯示千人千面的首頁，這部分就是算法分發(fā)的流量。

有流量分發(fā)，那必然就有流量承接，流量承接都是相對流量分發(fā)的，在電商產(chǎn)品里，站內(nèi)的流量承接一般都在商詳，以及對應(yīng)的后置鏈路（訂單確認(rèn)、結(jié)算等等），從各渠道進(jìn)來的流量，最終匯總在商詳。在商詳，會突出各種利益點(diǎn)和產(chǎn)品自身優(yōu)勢去刺激用戶下單。至于利益點(diǎn)，活動時候的各種優(yōu)惠信息就是典型例子，產(chǎn)品自身優(yōu)勢，比如：淘寶的先享后付、京東有京東物流次日達(dá)等等。在PP微助手這里流量承接就是影片詳情以及后置鏈路會員套餐頁，具體可以看上面的“思路三”的分析，怎么去承接流量，怎么去促進(jìn)轉(zhuǎn)化。

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)