2021-11-22 ui設計分享達人
今年的“雙十一”，朋友圈異常安靜，沒有了以前電商活動的氛圍，沒有漂亮的數(shù)據(jù)，沒有曬圖，有人說是用戶消費疲軟了？數(shù)據(jù)不會騙人，今年”雙十一”一天的GMV還是比去年高了將近500億，而且一大波尾款人在11月1日就已經(jīng)結(jié)束。再加上直播電商，用戶購買渠道變多了。李佳琦直播帶貨一晚就超100億的GMV，說明用戶的消費意愿和消費力還是很強的。算一下，50個李佳琦直播一晚上就能抵上“雙十一”一整天的GMV，有點厲害。中國偉大復興的道路還在繼續(xù)，隨著人民生活水平的提高，文化素養(yǎng)提高，互聯(lián)網(wǎng)普及，消費力只會增不會減，只是戰(zhàn)場在變化。
前些日子發(fā)了PP微助手的優(yōu)化作品，本篇將結(jié)合改版思路和最近對互聯(lián)網(wǎng)設計行業(yè)的思考進行一些分享，希望對大家有一定的幫助，歡迎大家來指正吐槽~
互聯(lián)網(wǎng)產(chǎn)品最重要的就是流量，沒有流量，就算產(chǎn)品設計的再好，早晚也會運營不下去?？v觀這些年移動互聯(lián)網(wǎng)的發(fā)展，市場已經(jīng)被分割的差不多了，各個行業(yè)都有龍頭企業(yè)（社交：微信、購物：京東淘寶、出行：滴滴哈羅、外賣：餓了么美團、旅游：攜程等等），各大互聯(lián)網(wǎng)公司業(yè)務也趨于穩(wěn)定，紅利期已經(jīng)過去，流量市場已經(jīng)變成了“留量”市場。就像淘寶這種大流量的產(chǎn)品，也在吃流量老本。
回歸到設計，在互聯(lián)網(wǎng)公司做設計，一直在強調(diào)需要有產(chǎn)品思維、用戶思維，然而在“留量”的時代，更需要我們具有運營思維，同行業(yè)的業(yè)務趨同、需求趨同，可挖掘的需求少之又少，可以打開同一行業(yè)的各類app一看，就知道產(chǎn)品形態(tài)大同小異。所以只能在“留量”里下功夫，既要減少存量用戶的流失，還要在這基礎上讓存量用戶創(chuàng)造更大的價值。必然，我們在做設計改版的時候就需要結(jié)合一些運營知識。
“曝光”一詞相信大家都聽過，在拍照時，“曝光”時間越長，照片細節(jié)就越豐富，當然過度“曝光”，也會讓照片失真。在運營一個互聯(lián)網(wǎng)產(chǎn)品時，也需要用到“曝光”，這里的“曝光”是指產(chǎn)品內(nèi)容的“曝光”。
用戶在進入某款產(chǎn)品的時候，都是帶有一定目的性，通常情況都會經(jīng)歷三步操作，從看見內(nèi)容，到與產(chǎn)品互動，最后得到想要的結(jié)果。
這里的“看見”，就要說到產(chǎn)品承載信息的曝光，合理的信息曝光才能更精準快速的觸達用戶。同時，運營同學最關心的數(shù)據(jù)和流量，也是需要安排合理的信息曝光才能有有效的數(shù)據(jù)和流量。在手機這么一小塊屏幕想把所有內(nèi)容都曝光出來，是不太現(xiàn)實的，就算能，也不合理。把過多的信息一下子全部曝光給用戶，效果反而會很差。通常做法就是對頁面進行樓層的分割，流量進行合理的分發(fā)。大流量的產(chǎn)品，每個樓層都需要單獨部門去運營的，這樣就會出現(xiàn)業(yè)務主次和優(yōu)先級，不然各部門就會為了爭奪"屏幕地盤"，無限撕逼。
1、樓層怎么分割，哪些樓層是產(chǎn)品部門控制，哪些樓層是運營部門控制，每個樓層顯示哪些內(nèi)容，設計師需要根據(jù)每個樓層的重要性，去定義屏占比
2、哪些模塊需要首屏曝光，哪些是需要第二屏曝光，依此類推，這個至關重要，設計師就要考慮各類機型適配問題，比如iPhoneX一屏能顯示下的內(nèi)容，在其他手機未必能顯出來，這樣會直接影響曝光，導致數(shù)據(jù)不好（等著背鍋吧～），嚴格來講要根據(jù)實際用戶使用機型占比去定義首屏顯示的內(nèi)容。
3、每個模塊內(nèi)容的信息層級，明確信息優(yōu)先級才能結(jié)果為導向去做交互布局和視覺呈現(xiàn)，這時候就是你發(fā)揮的時候，對比、親密關系、留白等等，都可以上了。
這里結(jié)合PP微助手的一些改版優(yōu)化（非全套），分享一些改版思路。
項目背景：PP微助手是取代電視遙控器一部分功能開發(fā)的一款小程序，核心需求有幾點
1、賬號統(tǒng)一，PPTV時代的用戶，大多都是使用的PPTV的賬號，為了方便管理蘇寧易購賬號體系，會引流把PPTV尚未升級的賬戶統(tǒng)一升級合并至蘇寧易購賬號。
2、投屏功能，看影片終端還是以電視機為主，所以只做投屏，不做在線播放功能
3、智能語音，結(jié)合蘇寧小biu智能語音系統(tǒng)，可以和電視機語音互動，實現(xiàn)交互功能
4、會員業(yè)務，移動端開通會員比電視端更方便，同時可以用一些運營手段促進用戶開通會員
5、推送活動，電視機打開頻次不如移動端，推送活動給用戶，移動端可以實時看到
電商行業(yè)通常會把用戶分成“大明”、“笨笨”、“小閑”三大類用戶，在視頻類產(chǎn)品，絕大多數(shù)用戶都是“小閑”用戶，來平臺都是找樂子打發(fā)時間的。
PP微助手本來就是輔助電視機的，用戶覺得用遙控器操作麻煩才會選擇用小程序操作。在設計的時候，把用戶當成是一個并不想動腦子并且很懶的傻子，產(chǎn)品設計越簡單越好，否則用戶干嘛要用小程序，遙控器挺好的，遙控器的大多交互都已經(jīng)習慣，也沒啥學習成本。
從用戶角度分析，進入小程序無非就是找片源、看片以及看片過程中的一些基礎控制操作（播放、暫停、快進等等），所以簡化了產(chǎn)品整體框架，從原來底部5個tab（首頁、片庫、遙控、搜索、我的），改為3個tab（首頁、遙控、我的）。產(chǎn)品呈現(xiàn)給用戶的樣貌更加簡單直觀，也相應的培養(yǎng)了用戶心智，讓用戶對PP微助手這款小程序有個基本定位。
首頁改版前，按照iPhoneX的尺寸，首頁第一屏也就曝光了3個分類，而且下滑到底總共也就幾個分類，片源的曝光度不高，banner呈現(xiàn)也相對普通，就是那種正常電商類頭部banner。同時交互成本也高，要點擊“更多”才能看該分類影片的全部列表，要知道多一步操作就會多損失一部分用戶轉(zhuǎn)化。
改版后，針對第一樓層推薦影片采用電影宣傳時的大海報樣式，視覺焦點更強烈，同時曝光也更強烈一些，你去電影院的時候，看到的電影宣傳海報，大多都是這類豎版的，用戶已經(jīng)有一定的心智模型，所以在這里采用豎版更為好一些。這些推薦影片在這里也作為“hook”，后面會講。當然像電商類產(chǎn)品，首頁需要考慮嚴謹?shù)钠琳急?，這類尺寸肯定不合適。
第二樓層是影片的分類，采用文字tab左右滑動的方式，這種分類方式雖然沒啥設計感，也普普通通，但是在一個分類眾多的產(chǎn)品里，這種處理方法相當不錯。減小了樓層的沖突，也提高了內(nèi)容的曝光。像騰訊視頻、愛奇藝、優(yōu)酷，分類tab都是吸頂固定的，很直觀的傳達給用戶影片信息。下拉的時候，這里采用feed流，用戶在交互習慣上，連續(xù)操作時，對同一種交互會有慣性和依賴，上滑時查看更多影片，能滿足用戶的預期，也不會因為調(diào)整新的交互（上述的點擊跳轉(zhuǎn)查看更多）方式讓用戶反感。在視覺形式上，采用了橫版的樣式，是為了和第一樓層形成對比，也是為了節(jié)省屏幕空間，能曝光更多的內(nèi)容。二樓的影片內(nèi)容也可以分布一些“hook”
搜索也是一種用戶找片源的方式，后面再講，這里要考慮到流量分發(fā)的情況。
按照福格模型B=MAT，完成行為的三要素：動機、能力和觸發(fā)器。
用戶進了影片詳情，說明已經(jīng)有動機了，這時候需要抓住機會，按照產(chǎn)品需求可以完成兩個行為目的，一個是讓PPTV賬號升級成蘇寧易購賬號，二是轉(zhuǎn)化成會員用戶。
這里要看一下進入詳情的數(shù)據(jù)，是“hook”進來的用戶多還是非“hook”進來的用戶多。如果是“hook”進來的多，說明用戶主觀意愿不是很強，這部分用戶可能會流失，如果是非“hook”或者搜索進來的更多，說明平臺用戶主觀意愿更強，有較高的粘性，更容易促進會員的轉(zhuǎn)化。
1、未登錄的用戶，點“推送”和“開通會員”按鈕，進入下一步登錄或者升級賬號流程。當然這一步會流失用戶，部分用戶會反感登錄這種操作。
2、已登錄的用戶，可以快速推送影片，完成自己的看片目的，如果是會員影片，這里就需要用戶先開通會員，當然只是引導，還會有一部分用戶不想開通會員，選擇離開。
1、沉浸式體驗，進入詳情，頭部區(qū)域自動播放影片花絮或者預告，快速讓抓取用戶眼球，增加下一步操作的意愿。
2、醒目的豆瓣評分，“hook”影片選擇一些評分高的，用戶針對豆瓣評分已經(jīng)有一定的認知，評分優(yōu)質(zhì)的影片，用戶更有意愿觀看，更容易促進下一步動作，提高會員的轉(zhuǎn)化率。
3、各類標簽，比如：首播、獨家、會員免費、會員半價、4K高清等等，能清晰定位影片，捕捉各類用戶看片心智。
4、會員相關信息展示，未登錄的提示“登錄領券、限時活動等”，非會員提示“會員權益、開通會員的利益點等”刺激用戶。
改版前優(yōu)惠券和體驗券在不同入口，流量分散了，券的目的就是要讓用戶去使用，需要縮短路徑，更直觀的展示給用戶，能讓用戶快速做決策。如果券種類多的話，還需要區(qū)分各種券樣式，需要讓用戶快速定位想使用的券。
其中已使用和已過期的券對用戶來說就是已經(jīng)沒用的券，并不需要再用單獨的tab分類，并且弱化處理。因為PP微助手會員券相對比較少，不像電商一樣，會送很多商品券，所以用最簡單的形式展示給用戶就行。
值得注意的一點，不是說已過期的券就沒用了，如果運營把控好節(jié)奏，發(fā)券有一定規(guī)律，用戶看到過期的券會有一定的挫敗感，就會經(jīng)常來關注券?！皬U券再利用”也能增加用戶的粘性。針對快過期的券，必要時候可以做二次提醒，給用戶造成緊張感，會激發(fā)用券欲望。
說服用戶下決定，一般從以下三個點去考慮：時間緊迫性、暗示稀缺性、后果恐嚇性
產(chǎn)品的流量來源有很多，除了自身用戶進入產(chǎn)品的流量，還有線下廣告、線上廣告、分享鏈接等等各種來源。目前主要的流量分發(fā)方式包括：搜索分發(fā)、算法分發(fā)、社交分發(fā)、人工分發(fā)、付費分發(fā)。PP微助手主要應用算法分發(fā)、搜索分發(fā)、人工分發(fā)。
先講一下“hook”，在電商里是“鉤子商品”，這里我把“hook”當做是“鉤子影片”，運營精準推薦的一些“hook”，會取到不錯的轉(zhuǎn)化效果。
用戶在產(chǎn)品內(nèi)的行為路徑是不可控的，一大波流量進入首頁，每個用戶都有自己的目的，所以需要對用戶進行分流。一部分用戶去了搜索，這類用戶目的很明顯，知道自己想看的影片名稱，這部分就是搜索分發(fā)的流量；一部分用戶被“hook”勾走了，"hook"激發(fā)了用戶的看片動機，這部分就是人工分發(fā)的流量，需要運營去干預；一部分用戶在不停的瀏覽，在瀏覽過程中找自己的影片，產(chǎn)品會分析用戶行為，顯示千人千面的首頁，這部分就是算法分發(fā)的流量。
有流量分發(fā)，那必然就有流量承接，流量承接都是相對流量分發(fā)的，在電商產(chǎn)品里，站內(nèi)的流量承接一般都在商詳，以及對應的后置鏈路（訂單確認、結(jié)算等等），從各渠道進來的流量，最終匯總在商詳。在商詳，會突出各種利益點和產(chǎn)品自身優(yōu)勢去刺激用戶下單。至于利益點，活動時候的各種優(yōu)惠信息就是典型例子，產(chǎn)品自身優(yōu)勢，比如：淘寶的先享后付、京東有京東物流次日達等等。在PP微助手這里流量承接就是影片詳情以及后置鏈路會員套餐頁，具體可以看上面的“思路三”的分析，怎么去承接流量，怎么去促進轉(zhuǎn)化。
藍藍設計建立了UI設計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系。
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設計( m.sillybuy.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務