從產(chǎn)品經(jīng)理處獲取項(xiàng)目原型圖,當(dāng)獲取到原型圖后不要盲目的去進(jìn)行設(shè)計(jì),要先分析了解整個(gè)項(xiàng)目的功能、特性、用戶群體、項(xiàng)目的定位等等,特別是對(duì)功能的疑惑處一定要找產(chǎn)品經(jīng)理溝通,只有做到對(duì)項(xiàng)目了熟于胸才能做出優(yōu)秀的設(shè)計(jì)。
當(dāng)我們對(duì)項(xiàng)目的功能、特性、用戶群體、項(xiàng)目的定位都有所了解后,還是不能馬上進(jìn)入設(shè)計(jì)環(huán)節(jié)。我們需要先對(duì)市面上同類型的產(chǎn)品進(jìn)行分析和對(duì)比,包括設(shè)計(jì)風(fēng)格、配色、排版、功能樣式等等,了解其優(yōu)劣勢(shì),做到取長(zhǎng)補(bǔ)短,思考如何讓我們的產(chǎn)品更加的完善,這時(shí)候我們的腦海里面基本上對(duì)自己要設(shè)計(jì)的東西已經(jīng)有了一個(gè)大概的雛形。
這篇文章內(nèi)所有的數(shù)值均以2倍圖為例,使用1倍圖的同學(xué)請(qǐng)自行除以2。
現(xiàn)在UI設(shè)計(jì)通常使用的是全面屏的設(shè)計(jì)規(guī)范,全面屏的設(shè)計(jì)稿更加美觀,且做作品集的時(shí)候搭配全面屏樣機(jī)視覺效果也更加突出。通常只設(shè)計(jì)一套蘋果全面屏的設(shè)計(jì)稿,不需要另外設(shè)計(jì)安卓端設(shè)計(jì)稿,安卓端由安卓工程師自行適配。
界面:750px1624px
狀態(tài)欄:750x88px
導(dǎo)航欄:750x88px
菜單欄:750x98px
指示器:750x68px
左右邊距:32px或24px
*其中狀態(tài)欄和指示器不需要進(jìn)行額外的設(shè)計(jì),是系統(tǒng)默認(rèn)控件,除顏色外不可改變。
頂部功能:48x48px
底部菜單欄(有文字):48x48px
底部菜單欄(無文字):64x64px
尺寸:36px、32px、28px、24px
顏色:正常(#333333)、輔助(#999999)、未輸入提示(#CCCCCC)
*利用文字尺寸對(duì)比和顏色對(duì)比可以得到不錯(cuò)的效果。也可以給文字顏色添加少量的藍(lán)色,讓顏色不那么呆板。
組建控件系統(tǒng)可以讓我們的設(shè)計(jì)稿更加的規(guī)范,也便于修改,可以極大的提高我們的工作效率。
所有的圖標(biāo)都需要做成控件,方便我們切圖。然后就是會(huì)重復(fù)使用的狀態(tài)欄、導(dǎo)航欄、菜單欄、指示器、列表、彈框、按鈕等控件。
除了我們常用的控件以外,顏色、投影等特殊效果、文字大小都可以保存樣式,把項(xiàng)目的配色、特殊效果、文字尺寸都保存下來,不同的設(shè)計(jì)工具有不同的保存方式,大家可以根據(jù)自己使用的設(shè)計(jì)工具進(jìn)行設(shè)置。
我們需要讓項(xiàng)目保持一個(gè)統(tǒng)一的設(shè)計(jì)風(fēng)格,讓項(xiàng)目更加的整體、統(tǒng)一、協(xié)調(diào)。不同的風(fēng)格有不同的優(yōu)勢(shì),選對(duì)與項(xiàng)目屬性相符的設(shè)計(jì)風(fēng)格可以讓項(xiàng)目更加的出彩。
這種風(fēng)格沒找到合適的名稱,我個(gè)人一般叫它傳統(tǒng)風(fēng)格。這種設(shè)計(jì)風(fēng)格使用分割線分割小的模塊,用背景色塊分割大的模塊,特別適合列表信息。雖然給人感覺沒有特別強(qiáng)烈的設(shè)計(jì)感,但簡(jiǎn)單實(shí)用、樸實(shí)無華,層級(jí)劃分清晰明了。
卡片式風(fēng)格是借用現(xiàn)實(shí)世界中卡片的特征和概念,將一個(gè)模塊或同類型元素放到一個(gè)卡片容器類,可以增加內(nèi)容的獨(dú)立性,讓模塊劃分關(guān)系變得非常的清晰,是現(xiàn)在非常常用的一種設(shè)計(jì)方式。
常用做法是采用淺灰的背景+白色卡片的方式,卡片都帶有一定的圓角,類似于將撲克牌一張張的放在桌子上,桌面是灰色背景,每一張撲克牌就是一個(gè)卡片。也不排除暗夜模式的卡片式設(shè)計(jì),背景會(huì)更暗一些,卡片略亮。
在傳統(tǒng)UI風(fēng)格的基礎(chǔ)上去除背景色塊和分割線,單以間距來區(qū)分模塊和元素,對(duì)親密性的應(yīng)用有較高的要求。有時(shí)候單以間距來區(qū)分模塊和元素時(shí),可能會(huì)導(dǎo)致模塊層級(jí)不分明,所以會(huì)使用將標(biāo)題加大的形式,讓模塊與模塊之間的區(qū)分更加明顯。因?yàn)槿コ朔指罹€,留白就更多,會(huì)顯得界面更加的干凈、清爽。
新擬態(tài)是19年底在追波開始出現(xiàn)的一種設(shè)計(jì)風(fēng)格,特點(diǎn)是使用統(tǒng)一的光源做出立體的浮雕效果,元素有厚度但沒有紋理和材質(zhì)的輕擬物風(fēng)。
常規(guī)做法是假設(shè)一個(gè)統(tǒng)一的左上方光源,給元素分別添加一個(gè)左上角和右下角的投影,左上角(被光源照射的一側(cè))投影使用亮色,右下角投影使用暗色,讓元素可以浮起來。而在按下或選中狀態(tài)時(shí)則使用兩個(gè)內(nèi)陰影,左上角暗色右下角亮色讓元素凹下去。需要注意的是界面模塊和背景色一般是同一個(gè)顏色,所以顏色不能使用純白或純黑,否則有一側(cè)的投影就會(huì)看不見,通常是使用藍(lán)灰色或深灰色背景。
新擬態(tài)風(fēng)格視覺效果新穎、柔和,對(duì)比度低,看得久了會(huì)產(chǎn)生一定的視覺疲勞,研發(fā)成本也較高,所以現(xiàn)在更多的還是處于概念稿,實(shí)際項(xiàng)目中應(yīng)用較少??梢宰鳛橐环N練習(xí)或部分功能的使用。
設(shè)計(jì)稿完成之后我們需要將圖標(biāo)等元素切圖導(dǎo)出交付給開發(fā),IOS和安卓需要根據(jù)要求導(dǎo)出不同倍數(shù)的png格式切圖文件。
IOS:現(xiàn)在通常是輸出2套,以@2x、@3X為后綴,也就是2倍圖、3倍圖;
Android:現(xiàn)在通常是輸出3套,xhdpi(超清,對(duì)應(yīng)IOS的2倍圖)、xxhdpi(超超清,對(duì)應(yīng)IOS的3倍圖)、xxxhdpi(超超超清),安卓切圖不需要將倍數(shù)加到切圖命名內(nèi),而是每種尺寸單獨(dú)建立一個(gè)文件夾。
png:最常用的切圖文件格式,背景無底透明,所以在導(dǎo)出切圖文件時(shí)需要先去掉背景色(figma將畫板填充色隱藏,sketch畫板不要勾選“包含于導(dǎo)出項(xiàng)”);
svg:矢量切圖,需要背景無底透明,部分網(wǎng)頁(yè)端項(xiàng)目可能需要svg格式的切圖文件;
bmp:部分硬件機(jī)器的項(xiàng)目需要使用的圖片格式,需要注意的是bmp無法實(shí)現(xiàn)背景透明,如果背景是透明的會(huì)自動(dòng)帶上白色,需要切圖文件把背景帶上一起切,而且figma和sketch等UI設(shè)計(jì)軟件無法直接導(dǎo)出bmp格式,需要先導(dǎo)出為png或jpg格式,再使用ps或其他工具轉(zhuǎn)換一次。
只能使用英文、下滑線、數(shù)字進(jìn)行命名,不要使用中文和特殊字符。命名方式一般是類別_位置_功能_狀態(tài)(有些切圖沒有多種狀態(tài)則不需要添加狀態(tài)命名)。
以蘋果端舉例:如底部菜單欄的首頁(yè)圖標(biāo)命名則是ico_bottom_home_nor@2x(圖標(biāo)_底部_首頁(yè)_未選中狀態(tài))和ico_bottom_home_sel@2x(圖標(biāo)_底部_首頁(yè)_選中狀態(tài))。
頂部的搜索圖標(biāo)沒有多個(gè)狀態(tài),命名是ico_nav_search@2x(圖標(biāo)_頂部_搜索)。
類別一般只有3種:圖標(biāo)(icon)、圖片(image)、按鈕(button),我們通常會(huì)簡(jiǎn)寫為ico、img、btn。
狀態(tài)一般只有4種:正常(normal)、按下(press)選中(selected)、禁用(disabled),我們通常會(huì)簡(jiǎn)寫為nor、pre、sel、dis。pc端會(huì)多一種狀態(tài):懸停(hover)。
sketch和figma等UI設(shè)計(jì)軟件可以同時(shí)導(dǎo)出多個(gè)尺寸的切圖文件和前綴/后綴,所以我們只需要設(shè)置圖標(biāo)本身的命名如ico_bottom_home_sel,而不需要每個(gè)切圖都去手動(dòng)的添加IOS后綴的@2x和@3X,以及安卓的前綴xhdpi等,在導(dǎo)出設(shè)置中設(shè)置好每個(gè)尺寸的文件夾名稱和后綴,再統(tǒng)一導(dǎo)出即可。
軟件內(nèi)部導(dǎo)出:現(xiàn)在的UI設(shè)計(jì)軟件Sketch、Figma、Mstergo等都可以直接導(dǎo)出切圖文件,只需要設(shè)置好相應(yīng)的倍數(shù)和前綴、后綴,就可以快速的導(dǎo)出切圖文件;
上傳第三方:最常用的就是將設(shè)計(jì)文件上傳至藍(lán)湖,研發(fā)人員可以在藍(lán)湖上下載自己需要的切圖文件,但在上傳藍(lán)湖之前需要把設(shè)計(jì)稿中需要切圖的元素設(shè)置為切片。
和切圖文件一起交付給開發(fā)的還有設(shè)計(jì)稿的標(biāo)注文件,讓研發(fā)人員可以清楚地知道界面內(nèi)元素的顏色、尺寸、對(duì)齊方式、距離、透明度,文字的字體、字號(hào)、行高等。
很多設(shè)計(jì)文件都可以安裝藍(lán)湖插件,再通過插件將設(shè)計(jì)稿導(dǎo)出到藍(lán)湖,研發(fā)人員就可以便捷的查看界面的標(biāo)注。
Figma、Mastergo等在線設(shè)計(jì)軟件都可以切換為開發(fā)者模式,只需要將研發(fā)人員邀請(qǐng)到自己的設(shè)計(jì)文件所在團(tuán)隊(duì)內(nèi),研發(fā)人就可以查看到界面的標(biāo)注;
有部分公司有一定的保密措施,會(huì)禁止設(shè)計(jì)師使用第三方平臺(tái)或是聯(lián)網(wǎng)操作,這種情況設(shè)計(jì)也無法使用Figma、Mastergo等在線設(shè)計(jì)軟件,只能使用Sketch等客戶端,輸出標(biāo)注就需要使用相應(yīng)的插件,Sketch可以使用Sketch Measure導(dǎo)出HTML格式的標(biāo)注文件。
在項(xiàng)目上線的階段UI設(shè)計(jì)需要輔助研發(fā)提供上線應(yīng)用商店需要的項(xiàng)目預(yù)覽圖、啟動(dòng)LOGO,也需要設(shè)計(jì)補(bǔ)充出APP的啟動(dòng)頁(yè)、閃屏頁(yè)等。
上線應(yīng)用商店需要的預(yù)覽圖,通常是使用項(xiàng)目中比較有特色的幾個(gè)UI界面加以設(shè)計(jì)。
上線應(yīng)用商店必須提供的LOGO,手機(jī)中啟動(dòng)APP的入口,但不同的應(yīng)用商店有不同的尺寸,華為、蘋果、小米、三星、應(yīng)用寶等所需要的啟動(dòng)LOGO都有所不同,所以輸出多個(gè)尺寸。以蘋果App Store為例,需要以下尺寸:
啟動(dòng)頁(yè)和引導(dǎo)頁(yè)一般是和UI界面一起設(shè)計(jì),不過需要項(xiàng)目上線后才會(huì)有其價(jià)值,所以可以先設(shè)計(jì)完項(xiàng)目的界面,在研發(fā)開發(fā)的過程中再去設(shè)計(jì)啟動(dòng)頁(yè)和引導(dǎo)頁(yè),只要在項(xiàng)目上線前提供給研發(fā)就可以。
當(dāng)一個(gè)項(xiàng)目上線后,只能代表我們的現(xiàn)階段的工作已經(jīng)全部完成。每個(gè)項(xiàng)目上線后都會(huì)收集用戶反饋,根據(jù)用戶反饋的信息優(yōu)化功能和界面設(shè)計(jì),通過持續(xù)不斷的優(yōu)化、迭代讓我們的產(chǎn)品越來越好,這個(gè)過程中也需要我們UI設(shè)計(jì)不斷的去進(jìn)行調(diào)整和優(yōu)化。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
什么是好的設(shè)計(jì)?好設(shè)計(jì),就是不改稿的設(shè)計(jì),甲方買單的設(shè)計(jì),這句話多大多數(shù)設(shè)計(jì)師來說是沒錯(cuò)的。因?yàn)樵O(shè)計(jì)師也要吃飯的、要生活。只要客戶買單了,我們就能達(dá)到經(jīng)濟(jì)上的收益。
但是僅僅客戶買單就足夠了嗎?我覺得對(duì)于一個(gè)想要提升自己的設(shè)計(jì)師來說并不足夠。這個(gè)客戶買單了說明你在一定程度上,在當(dāng)前滿足了這個(gè)需求層次或者審美的客戶群體。
當(dāng)客戶發(fā)現(xiàn)設(shè)計(jì)并沒有在實(shí)際宣傳中達(dá)到目的,買完單的客戶也沒辦法回頭再找設(shè)計(jì)師退款,但是,可想而知這個(gè)客戶就流失了。而且如果只滿足于應(yīng)對(duì)這一需求層次的客戶,當(dāng)面對(duì)要求更高的客戶的時(shí)候,我們也會(huì)變得無能為力。只能看著客戶流失,或者勉強(qiáng)接下項(xiàng)目,卻在不斷的改稿中疲于奔命。
想了解什么是好的設(shè)計(jì),首先需要要了解什么是設(shè)計(jì),設(shè)計(jì)的目的是什么。
設(shè)計(jì)是有目的的策劃,平面設(shè)計(jì)是這些策劃將要采取的形式之一,在平面設(shè)計(jì)中你需要用視覺元素來傳播你的設(shè)想和計(jì)劃,用文字和圖形把信息傳達(dá)給受眾,讓人們通過這些視覺元素了解你想表達(dá)的信息,這才是我們?cè)O(shè)計(jì)的定義。平面設(shè)計(jì)的目的不僅是視覺表層的美觀度,更重要的、最根本的是信息的傳達(dá)。
所以好的設(shè)計(jì)就是,能準(zhǔn)確直觀的傳播設(shè)計(jì)目的,被受眾更有效、更愿意接收信息的設(shè)計(jì)。簡(jiǎn)單來講,信息(包括內(nèi)容信息和情感信息)傳達(dá)的是設(shè)計(jì)的基礎(chǔ),是設(shè)計(jì)中一切行為的第一準(zhǔn)則,是對(duì)的設(shè)計(jì)。在此基礎(chǔ)上具備良好的美感傳達(dá)就是好的設(shè)計(jì)。
我們可能在設(shè)計(jì)學(xué)習(xí)過程中學(xué)到了很多的設(shè)計(jì)法則,形式美法則、創(chuàng)意思維、排版原則、色彩原則、字體運(yùn)用原則。但是很多時(shí)候用到的時(shí)候就想不起來,用了也沒達(dá)到效果?
我理解更多的是因?yàn)闆]有從根本上理解這些法則存在的意義、運(yùn)用的目的。設(shè)計(jì)師應(yīng)該做最吝嗇的人,過程中每一個(gè)視覺元素的運(yùn)用都要有其目的性。這個(gè)目的性就應(yīng)該是信息傳達(dá)和美感傳達(dá)。以此為標(biāo)準(zhǔn)反復(fù)檢驗(yàn)自己的設(shè)計(jì)作品,相信我們能做出好的設(shè)計(jì)。
(一)客戶對(duì)設(shè)計(jì)的期待信息準(zhǔn)確有效傳遞,受眾對(duì)信息要求直觀、易讀。
這是一個(gè)高效時(shí)代,時(shí)間就是金錢。同時(shí)是一個(gè)信息大爆炸的時(shí)代,每天我們會(huì)面對(duì)各種不同媒介的信息,不斷沖擊這我們的視覺。我們不能要求受眾有時(shí)間和耐心完整仔細(xì)的觀看閱讀整個(gè)設(shè)計(jì)。這就要求我們的設(shè)計(jì),即便一眼,就能判斷設(shè)計(jì)究竟在表現(xiàn)什么信息,而不被其他不重要信息干擾。當(dāng)客戶對(duì)表達(dá)信息有一個(gè)直觀的概念后,希望繼續(xù)閱讀下去的話,我們就要在易讀方面進(jìn)行深化。
明確最重要的信息
對(duì)于設(shè)計(jì)需求的分析得出最重要的信息,最想傳達(dá)的信息
突出最重要的信息
將它擺放在突出的位置,整體的烘托,對(duì)比的凸顯,合適的構(gòu)圖
次要信息
相對(duì)最重要的信息較弱
信息的篩選
設(shè)計(jì)中包含的信息必須有明確的效用,而不被不必要的信息干擾導(dǎo)致失去閱讀興趣
設(shè)置重要等級(jí)
針對(duì)內(nèi)容設(shè)置重要性等級(jí),然后根據(jù)相應(yīng)等級(jí)進(jìn)行設(shè)計(jì)。
信息分組
這是受眾感知多條信息的前題,將相關(guān)的信息放置或整合為一體,這樣就可以實(shí)現(xiàn)分組。大多數(shù)情況下三至四個(gè)信息組已經(jīng)足夠了。
閱讀性文字排版 (閱讀性文字指的是需要受眾閱讀的,而非裝飾性、不需要識(shí)別性的)
在文字排版當(dāng)中易讀是必須追求的。
對(duì)齊:為了達(dá)到易讀效果,首先要從對(duì)齊開始。
檢索:易于檢索目標(biāo)內(nèi)容,精心處理檢索方式。(依據(jù)版式設(shè)計(jì)原則中的對(duì)比,重復(fù)原則實(shí)現(xiàn))
記憶:要點(diǎn)便于記憶,突出主要內(nèi)容。(依據(jù)版式設(shè)計(jì)原則中的對(duì)比,重復(fù)原則實(shí)現(xiàn))
文字:文字大小、字間距、行距、字體、文字的排布五個(gè)方面。過小的字體、過大的字體,過度裝飾的字體,不符合視覺流程,不合理的版式布局。都是會(huì)影響閱讀的易讀性。
(二)客戶對(duì)設(shè)計(jì)的期待能引人注意、獲得好的反饋,受眾希望從設(shè)計(jì)中收到某種刺激、有所收獲。
人們每天沒數(shù)量驚人的信息淹沒,面對(duì)潮水涌來的信息。我們的頭腦中會(huì)形成一個(gè)過濾器,只會(huì)對(duì)能引發(fā)我們興趣的信息,能夠得到某種刺激的信息,才能順利通過并留下清晰的印象。因此,想要設(shè)計(jì)從眾多信息中脫穎而出并抓住受眾的實(shí)現(xiàn)。就必須引人注目、傳遞刺激,讓受眾在你的設(shè)計(jì)上逗留。
美的視覺效果比較容易給人帶來刺激
這時(shí)候我們學(xué)習(xí)的各種原則知識(shí),構(gòu)成知識(shí)(點(diǎn)線面,平衡、對(duì)比、調(diào)和、節(jié)奏、變異.....)、版式知識(shí)(位置、比例、分割、留白、網(wǎng)格.....)等都可以充分發(fā)揮作用了。
滿足期待
人們希望沖設(shè)計(jì)只能夠得到收獲,包括有用的文字信息和情感上的。反過來如果已經(jīng)知道了,沒有興趣,無我無關(guān)的信息,是無法吸引受眾的。選用一種能夠傳達(dá)設(shè)計(jì)內(nèi)容及主題思想的吸睛元素就很有必要??梢允俏淖郑ǘY物、服務(wù)、免費(fèi)、抽獎(jiǎng)、限時(shí)、折扣等)或者圖形元素、圖片。
吸睛元素與設(shè)計(jì)需求要匹配
選取吸睛元素必須與設(shè)計(jì)主題信息密切相關(guān)。例如,在定位是高品質(zhì)的項(xiàng)目設(shè)計(jì)中,放置一個(gè)花哨刺眼的打折;在畫面中一個(gè)無關(guān)的美女。這確實(shí)很可能在短時(shí)間內(nèi)贏得受眾的注意,但是當(dāng)文字或圖片與設(shè)計(jì)需要傳達(dá)的信息完全無關(guān)的情況下。也會(huì)很快的失去他們的關(guān)注。
情感刺激
一個(gè)好的吸睛元素往往能激發(fā)受眾的情感——受眾會(huì)覺得驚喜,感覺自己的情感獲得了認(rèn)可,也可能會(huì)對(duì)設(shè)計(jì)產(chǎn)生共鳴。一旦感情上拉近了受眾與設(shè)計(jì)的距離,就有可能增加受眾良好的反饋行動(dòng)達(dá)到商業(yè)目的(購(gòu)買產(chǎn)品、產(chǎn)生消費(fèi)等)。
消極情感
人們被設(shè)計(jì)激發(fā)的情感并非總是積極正面的。更重要的是有針對(duì)性的激發(fā)觀眾的情感。應(yīng)該根據(jù)不同的設(shè)計(jì)目的,激發(fā)觀眾內(nèi)心相應(yīng)的情感。例如一個(gè)減肥中心的宣傳設(shè)計(jì),畫面營(yíng)造一種胖人失落的畫面(沒有偏見我自己也是個(gè)胖子~),從而激發(fā)受眾不安的消極情緒。這也可能引起受眾的關(guān)注,并愿意深入了解。
受眾反應(yīng)的不確定性
視覺會(huì)給人帶來一連串的生理上的、心理上的、情感上的、行動(dòng)上的反應(yīng),設(shè)計(jì)是視覺經(jīng)驗(yàn)的科學(xué)。他包括兩個(gè)方面,一個(gè)是不以人為而改變的即生理感受的人的基本反應(yīng),另一個(gè)是隨即的或不確定因素構(gòu)成。如個(gè)人喜好,性格等等、等等,導(dǎo)致我們無法完全確定受眾在面對(duì)設(shè)計(jì)時(shí)候的情感等反應(yīng)。
相對(duì)穩(wěn)定的方面: 主要是生理上的視知覺,人們的一些視覺習(xí)慣、視覺流程、視覺邏輯,如從上到下,從左到右,喜歡連貫的、重復(fù),喜歡有對(duì)比的,還有在顏色方面人們最喜歡的其實(shí)是有對(duì)比的互補(bǔ)色等等。這都是跟人們的生理上的習(xí)慣有關(guān),都是人生理機(jī)能的本能反應(yīng)。作為設(shè)計(jì)師應(yīng)該對(duì)這些知識(shí)能充分了解、靈活運(yùn)用,設(shè)計(jì)是對(duì)人本的關(guān)注,首先應(yīng)對(duì)文化與人的感知方式這些相對(duì)穩(wěn)定的方面進(jìn)行研究,并且需要我們?cè)趯?shí)踐中去總結(jié)。
不穩(wěn)定的方面: 不穩(wěn)定的方面主要是指情感、素質(zhì)、品位、閱歷上的不同,在設(shè)計(jì)過程中你需要具備一定的判斷和把握能力,你需要客觀和克制,才能完成卓越的設(shè)計(jì)。
設(shè)計(jì)思維的科學(xué): 設(shè)計(jì)是必須具有科學(xué)的思維方法,能在相同中找到差別,能在不同當(dāng)中找到共同之處,能掌握運(yùn)用各種思維方法,如縱向關(guān)聯(lián)思維和橫向關(guān)聯(lián)思維以及發(fā)散式的思維,善于運(yùn)用科學(xué)的思維方式找到奇特的新的視覺形象,才能不斷發(fā)現(xiàn)新的可能。
設(shè)計(jì)學(xué)習(xí)過程中的總結(jié)和整理,有些內(nèi)容來自網(wǎng)絡(luò),如有冒犯請(qǐng)聯(lián)系我刪改!僅為自身學(xué)習(xí)提升的記錄,如果對(duì)內(nèi)容有更好的理解,歡迎交流探討。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
用戶體驗(yàn)設(shè)計(jì)流程
由于系統(tǒng)軟件糟糕的UI設(shè)計(jì)(菜單排布問題)所導(dǎo)致的誤操作,美國(guó)居民受到導(dǎo)彈襲擊的驚嚇
· 美國(guó)Forester的一項(xiàng)研究發(fā)現(xiàn),針對(duì)UX投入的每1美元,能夠帶來2~100美元的收益。
· Amazon把按鈕文字從“注冊(cè)(register)”改成“繼續(xù)(continue)”之后,銷售增長(zhǎng)了3億元。
· McAfee重新設(shè)計(jì)UI之后,客服電話減少了90%?!?Airbnb的Mike Gebbia認(rèn)為,公司從接近失敗到獲得100億美元市值,最大因素要?dú)w功于UX
UX究竟在設(shè)計(jì)些什么
廣義的用戶體驗(yàn)設(shè)計(jì),是包含了內(nèi)容功能設(shè)計(jì),信息架構(gòu)設(shè)計(jì),用戶界面設(shè)計(jì),交互設(shè)計(jì),視覺設(shè)計(jì),語(yǔ)言設(shè)計(jì),動(dòng)效設(shè)計(jì),音效設(shè)計(jì),在一定程度上涵蓋了產(chǎn)品物理外觀設(shè)計(jì)(工業(yè)設(shè)計(jì)),平面/包裝設(shè)計(jì),空間設(shè)計(jì),服務(wù)流程設(shè)計(jì)等。它意味著一個(gè)高度交叉綜合的領(lǐng)域,涉及到人與產(chǎn)品系統(tǒng)或服務(wù)發(fā)生關(guān)系并產(chǎn)生體驗(yàn)的所有觸點(diǎn)。一般或狹義的UX Design,則主要作為與UI Design區(qū)分,多用于互聯(lián)網(wǎng)軟件(或消費(fèi)電子等)行業(yè)基于屏幕的設(shè)計(jì),包含信息框架設(shè)計(jì),用戶交互設(shè)計(jì),可用性研究等。這里的UI Design偏重于視覺上的設(shè)計(jì)。而在現(xiàn)實(shí)中我們也經(jīng)常把UX等同于“交互”。
用戶體驗(yàn)設(shè)計(jì)的核心和本質(zhì),就是研究目標(biāo)用戶在特定場(chǎng)景下的思維方式和行為模式,通過設(shè)計(jì)提供產(chǎn)品或服務(wù)的完整流程,去影響用戶的主觀體驗(yàn)??梢娪脩粞芯吭谡麄€(gè)UX流程當(dāng)中的重要性。而認(rèn)知心理學(xué)(Cognitive Psychology)則是用戶體驗(yàn)設(shè)計(jì)的理論基礎(chǔ)和科學(xué)依據(jù)。它是一門研究認(rèn)知及行為背后之心智處理(包括思維、 決定、推理和一些動(dòng)機(jī)和情感的程度)的心理科學(xué)。這門科學(xué)包括了廣泛的研究領(lǐng)域,旨在研究記憶、注意、感知、知識(shí)表征、推理、創(chuàng)造力,及問題解決的運(yùn)作。相關(guān)的還有人體工學(xué)(Ergonomics)與人因工程學(xué)(Human Factors Engineering),是研究人和機(jī)器、環(huán)境的相互作用及其合理結(jié)合,使設(shè)計(jì)的機(jī)器和環(huán)境系統(tǒng)適合人的生理及心理等特點(diǎn),達(dá)到提高效率、安全、健康和舒適目的的一門科學(xué)。可用性(Usability)的概念最早出現(xiàn)于1979年,遠(yuǎn)比唐·諾曼在1993年提出的“用戶體驗(yàn)”概念要早??捎眯缘腎SO定義是“用戶在特定環(huán)境下完成指定目標(biāo)的效果、效率和滿意度”(ISO 9241-11),而用戶體驗(yàn)指“用戶與產(chǎn)品、服務(wù)、設(shè)備或環(huán)境交互時(shí)各方面的體驗(yàn)和感受”。可用性的范疇比用戶體驗(yàn)窄,它聚焦于任務(wù)完成。而用戶體驗(yàn)是外觀呈現(xiàn)、功能組合、系統(tǒng)性能和交互行為等因素的綜合結(jié)果。
上圖將用戶體驗(yàn)細(xì)分為工具性(Utility)、可用性(Usability)、合意性(Desirability)和品牌體驗(yàn)(Brand Experience),最內(nèi)部的圓代表最基礎(chǔ)的用戶體驗(yàn)。
用戶體驗(yàn) / 產(chǎn)品設(shè)計(jì)的流程與方法
以用戶為中心的設(shè)計(jì)(User-Centered Design,簡(jiǎn)稱UCD)概括了用戶體驗(yàn)設(shè)計(jì)的典型流程和方法學(xué)。以用戶為中心的設(shè)計(jì)思想非常簡(jiǎn)單:在設(shè)計(jì)開發(fā)產(chǎn)品的每一個(gè)步驟中,都要把用戶列入考慮范圍。從前期的用戶研究需求挖掘,到后期的用戶測(cè)試設(shè)計(jì)驗(yàn)證,都要圍繞目標(biāo)用戶群來進(jìn)行。
在UCD設(shè)計(jì)流程的每個(gè)階段,都有多種不同的方法來幫助我們達(dá)到目的。
用研分析:
· 單獨(dú)訪談(Individual Interviews):一對(duì)一的用戶討論,讓你了解某個(gè)用戶是如何工作,使你知道用戶的感受,想要什么和他的經(jīng)歷。
· 焦點(diǎn)小組(Focus Groups):組織一組的用戶進(jìn)行討論,讓你更了解用戶的理解、想法、態(tài)度和想要什么。
· 關(guān)鍵利益人訪談(Stakeholders Interview)
· 情境訪談(Contextual Inquiry or Field Study):走進(jìn)用戶的現(xiàn)實(shí)環(huán)境,讓你了解你的用戶的工作方式,生活環(huán)境等等情況。
· 日記研究(Diary Study):日記研究可以讓用戶記錄自己的進(jìn)程,研究者以非打擾的視角探查用戶的體驗(yàn)。
· 問卷調(diào)研(Questionnaire Study):利用網(wǎng)上或紙張的問題list對(duì)用戶進(jìn)行發(fā)放填寫,從而收集用戶對(duì)產(chǎn)品的需求建議。
· 任務(wù)分析(Task Analysis):通過任務(wù)分析了解用戶使用產(chǎn)品時(shí)的目標(biāo)和操作方式,習(xí)慣(GOMS模型)。
· 用例分析(Use Case Analysis)
· 卡片分類(Card Sorting)、樹形圖測(cè)試(Tree Testing):觀察用戶是如何理解內(nèi)容和組織信息,用來幫助你的產(chǎn)品更合理地組織信息。· 競(jìng)品分析(Competitive Analysis)、標(biāo)桿分析法(Benchmarking)· 桌面研究(Desktop Research)、市場(chǎng)研究(Market Research)· 用戶角色模型(Personas):構(gòu)建一個(gè)虛構(gòu)的人來代表特定目標(biāo)用戶群組,設(shè)計(jì)團(tuán)隊(duì)圍繞這個(gè)虛擬人物設(shè)計(jì)開發(fā)產(chǎn)品。
· 用戶體驗(yàn)旅程圖(User/Customer Journey Mapping or Experience Mapping):從用戶角度出發(fā),以敘述故事的方式描述用戶使用產(chǎn)品或接受服務(wù)的體驗(yàn)情況,以可視化圖形的方式展示,從中發(fā)現(xiàn)用戶在整個(gè)使用過程中的痛點(diǎn)和滿意點(diǎn),最后提煉出產(chǎn)品或服務(wù)中的優(yōu)化點(diǎn)、設(shè)計(jì)的機(jī)會(huì)點(diǎn)。
· 態(tài)度研究(Attitudinal Research)和行為研究(Behavioural Research)
· 定性研究(Qualitative Research)和定量研究(Quantitative Research)
設(shè)計(jì)階段:
· 腦力風(fēng)暴(Brainstorming Ideation)
· 概念草圖(Concept Sketching)
· 思維導(dǎo)圖(Mind Mapping)· 交互流程(User Interaction Flow)
· 信息架構(gòu)(Information Architecture):對(duì)功能內(nèi)容進(jìn)行高度概括的統(tǒng)籌規(guī)劃、設(shè)計(jì)安排。
· 情景與故事版設(shè)計(jì)(Scenario & Storyboard Design):情景是指特定用戶如何使用產(chǎn)品完成特定目標(biāo)的簡(jiǎn)短故事。故事板是連續(xù)的一系列草圖,用視覺的方式表現(xiàn)用戶如何使用產(chǎn)品,形式上類似漫畫分鏡。
· 線框圖(Wireframing)
· 低保真原型與高保真原型(Lo-fi & Hi-fi Prototyping)
· 紙質(zhì)原型(Paper Prototype)
· 視頻原型(Video Prototype):通過視頻來演示用戶如何與產(chǎn)品系統(tǒng)進(jìn)行交互。
· 綠野仙蹤原型(Wizard of oz Prototype):使用角色扮演來模擬用戶如何與產(chǎn)品系統(tǒng)進(jìn)行交互。
· 可交互原型(Interactive Prototype)
· 視覺設(shè)計(jì)(Visual Design)
· 設(shè)計(jì)模式(Design Patterns)、設(shè)計(jì)語(yǔ)言(Design Language)、設(shè)計(jì)規(guī)范(Design Guidelines)與設(shè)計(jì)體系(Design System)
· 標(biāo)注文檔(Design Spec)
· 動(dòng)效設(shè)計(jì)(Animation Design)
· 參與式設(shè)計(jì)(Participatory Design):將終端使用者或利益相關(guān)者帶入設(shè)計(jì)流程中。
· 共情/移情/同理心設(shè)計(jì)(Empathic Design):將設(shè)計(jì)師帶入使用者情境中進(jìn)行觀察設(shè)計(jì)。
· 平行設(shè)計(jì)(Parallel Design):對(duì)同一個(gè)產(chǎn)品進(jìn)行分開的設(shè)計(jì),從而比較選擇一個(gè)最佳方案。
評(píng)估驗(yàn)證:
· 啟發(fā)式評(píng)估(Heuristic Evaluation):由一組行內(nèi)專家依據(jù)尼爾森十大原則對(duì)產(chǎn)品進(jìn)行可用性檢查。
· 專家評(píng)審(Expert Inspection)
· 可用性測(cè)試(Usability Testing):邀請(qǐng)用戶來試用你的產(chǎn)品,有任務(wù)性的完成測(cè)試,從而達(dá)到評(píng)估的目的。分為Moderated和Unmoderated,In-person或Remote。
· 組內(nèi)測(cè)試(Within-Subject Testing)與組間測(cè)試(Between-Subject Testing)
· 游擊式調(diào)研(Guerrilla Research):便宜、快速地得到大致的用戶反饋。
· 問卷調(diào)查(Surveys):利用網(wǎng)上或紙張的問題list對(duì)用戶進(jìn)行發(fā)放填寫,從而收集用戶對(duì)產(chǎn)品的反饋意見。
· CSAT(Customer Satisfaction Score)與NPS(Net Promoter Score)
· 眼動(dòng)追蹤(Eye Tracking)和熱力圖(Heat Map)
· 點(diǎn)擊流分析(Clickstream Analysis)
· 產(chǎn)品漏斗(Product Funnel)和使用情況分析(Usage Analytics)
· 統(tǒng)計(jì)學(xué)分析(Statistical Analysis)
· A/B測(cè)試:在同一時(shí)間維度,分別讓相似的目標(biāo)人群隨機(jī)的訪問產(chǎn)品的不同版本,收集各群組的用戶體驗(yàn)數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù),最后分析、評(píng)估出最好版本,正式采用。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
游戲角度談體驗(yàn)設(shè)計(jì)
作者:老笨
鏈接:https://www.zhihu.com/question/23131149/answer/2454205665
來源:知乎
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
抽象\具象、理性\感性 的思維能力的自由切換,是用戶體驗(yàn)設(shè)計(jì)師必備的能力。抽象而理性的思維能力,用于扮演“設(shè)計(jì)師”的角色,自上而下的看待產(chǎn)品;具象而感性的思維能力,用于扮演“小白用戶”的角色,自下而上的看待產(chǎn)品?!臼裁唇凶陨隙碌目创a(chǎn)品?】----將游戲\產(chǎn)品的目標(biāo)、規(guī)則、反饋,透過抽象思維將它進(jìn)行歸納。制作導(dǎo)圖是其中一種很好的方法,透過制作的過程,我們可以對(duì)游戲\產(chǎn)品的元信息進(jìn)行梳理;理解各項(xiàng)功能之間的定位與模塊劃分,有必要的話將它們進(jìn)行重新組織;用戶與產(chǎn)品之間,用戶與用戶之間,是怎樣進(jìn)行互動(dòng)的。將以上幾個(gè)環(huán)節(jié)想清楚、弄明白,這些就是作為設(shè)計(jì)師角色需要明晰的業(yè)務(wù)框架,它能在漫長(zhǎng)的開發(fā)過程、諸多的決策中,指導(dǎo)我們決策,使我們不至走偏。
在接到某游戲項(xiàng)目需求后,對(duì)其元信息進(jìn)行梳理【那什么叫自下而上的看待產(chǎn)品呢?】----本質(zhì)上是將用戶的需求具象化。
聽起來很簡(jiǎn)單,實(shí)際上卻非常難:什么叫用戶?我們的目標(biāo)用戶是哪些人?他們具有怎樣的特點(diǎn)?他們所處的環(huán)境、生活習(xí)慣、消費(fèi)能力、設(shè)備特性、網(wǎng)絡(luò)速度等等因素決定了他們偏好的內(nèi)容,甚至是操作習(xí)慣。就算借助用研團(tuán)隊(duì)進(jìn)行用戶調(diào)研,收集回來的大量需求中,怎么判斷哪些是真實(shí)需求,怎么判斷真實(shí)需求中各項(xiàng)需求的優(yōu)先級(jí)。
最多用戶反饋的需求,為什么有可能不是優(yōu)先級(jí)最高的需求呢?因?yàn)槟軌虮淮罅坑脩舴答伒贸龅男枨螅瑤缀醣厝皇潜娝苤?、普通的、缺乏?dú)特性的、難以被傳播的需求,這類型需求即使被實(shí)現(xiàn)了,大家也只會(huì)覺得理所當(dāng)然,它完全不會(huì)提升你游戲\產(chǎn)品的口碑和傳播度。誰(shuí)會(huì)跟朋友說:“來玩xxxx游戲啊,它有好友系統(tǒng)誒~”?誰(shuí)都不會(huì)!對(duì)數(shù)據(jù)的分析能力和決策能力,是產(chǎn)品經(jīng)理\游戲策劃\交互設(shè)計(jì)師的核心能力之一。
事實(shí)上,作為設(shè)計(jì)師,我們大部分的設(shè)計(jì)由于制作周期的原因,根本不可能每次都先進(jìn)行調(diào)研再去設(shè)計(jì),那怎么才能讓我們的感受與用戶盡可能一致呢?其實(shí)用一句很簡(jiǎn)單的話就能概括----不要讓你的用戶思考。講真產(chǎn)品感這種事,多看書固然很有必要,書本能幫助你更系統(tǒng)化的將你的經(jīng)驗(yàn)體會(huì)歸納成結(jié)構(gòu)化的知識(shí),但比這更重要的是,要堅(jiān)持體驗(yàn)大量熱門應(yīng)用\游戲,如果你有明確的在研游戲\產(chǎn)品的品類,那就加上大量同類產(chǎn)品的體驗(yàn),分析它們?cè)诮换ピO(shè)計(jì)上的異同點(diǎn),為什么要這樣或那樣設(shè)計(jì),分析下他們的產(chǎn)品團(tuán)隊(duì)是基于什么原因做出那樣的選擇。
拿到需求后不要著急設(shè)計(jì),先看看別人都是怎么做的所謂的人性化,其實(shí)不過是很淺顯的東西,只要你用心感受生活,就能有所收獲的,比如說:用戶很懶、沖動(dòng)、貪心、注意力往往不集中、耐心只有幾秒、不想費(fèi)腦子......
【舉一個(gè)很現(xiàn)實(shí)的栗子】----很多策劃喜歡把自己設(shè)計(jì)的系統(tǒng)構(gòu)架得非常復(fù)雜,他們認(rèn)為樂趣就是依系統(tǒng)給出的信息進(jìn)行抉擇,通過一次次的抉擇,逐漸找到游戲的規(guī)律,最終贏得比賽。但如果我們采用與策劃相同的思路來進(jìn)行設(shè)計(jì),那毫無疑問會(huì)把認(rèn)知門檻拔得太高了,策略點(diǎn)是好東西,但你一口氣把它們?nèi)客平o用戶的話,用戶根本學(xué)習(xí)不過來,關(guān)注不到,況且就算他們發(fā)現(xiàn)了,也未必愿意費(fèi)腦子去琢磨,更現(xiàn)實(shí)環(huán)境中跟我們的游戲\產(chǎn)品一同爭(zhēng)奪用戶注意力的外部因素實(shí)在太多了,用戶難免會(huì)被打斷,注意力很難做到高度集中,加上耐心的極其缺乏,會(huì)使得他們中的絕大部分根本沒法get到策劃的所謂爽點(diǎn)。一個(gè)好的交互設(shè)計(jì)師,應(yīng)該評(píng)估需求,跟策劃充分討論,清楚闡述你所分析出當(dāng)下設(shè)計(jì)的優(yōu)劣點(diǎn)所在,盡可能將產(chǎn)品往簡(jiǎn)潔(不等于簡(jiǎn)單)的方向進(jìn)行設(shè)計(jì)。
最好的設(shè)計(jì)就是讓用戶感覺不到設(shè)計(jì),能夠自然順暢的使用,不存在障礙與困惑的設(shè)計(jì)。至于硬核用戶,我們可以采用其它方式來滿足他們,切記老祖宗留下來給我們的真理----曲高和寡!這種分析需求的能力,為用戶體驗(yàn)服務(wù)的意識(shí),是需要大量訓(xùn)練才能形成的思維習(xí)慣。在面對(duì)每個(gè)需求的時(shí)候,我們都應(yīng)該這樣,自上而下,自下而上,兩方面去思考辯證,找到能夠滿足雙方需求的重合區(qū)間后再進(jìn)行設(shè)計(jì)。
提煉幾個(gè)在做交互設(shè)計(jì)\體驗(yàn)設(shè)計(jì)時(shí)的要點(diǎn):
【簡(jiǎn)練的架構(gòu)】
我們應(yīng)該持續(xù)不斷的追求「盡量」簡(jiǎn)練的架構(gòu),強(qiáng)調(diào)「盡量」的原因是我們應(yīng)該時(shí)刻提醒自己,優(yōu)化方案的目的是為了幫助用戶更方便的在游戲中實(shí)現(xiàn)他們的需求,而不是為了讓我們陶醉在自己極致簡(jiǎn)練的方案中暗爽的。
----切記,記住我們的根本目的是滿足用戶的需求。
【擴(kuò)展性預(yù)留】
與不過分追求簡(jiǎn)練的原則一樣,我們?cè)谠O(shè)計(jì)過程中應(yīng)該對(duì)擴(kuò)展性預(yù)留有充分的考慮,也應(yīng)該符合實(shí)際業(yè)務(wù)的需求(需要與項(xiàng)目組拉齊他們的計(jì)劃)。千萬(wàn)不要為了在設(shè)計(jì)上的自我滿足而忽略實(shí)現(xiàn)成本和業(yè)務(wù)目標(biāo)。尤其在項(xiàng)目初期,方案迭代速度很快的情況下,不宜過分地追求架構(gòu)之美,也不應(yīng)該在未曾沉淀的策劃案上作過多的視覺表達(dá)方面的設(shè)計(jì)----畢竟當(dāng)設(shè)計(jì)師正沉浸于表現(xiàn)細(xì)節(jié)的思考中,一而再的被告知方案又改了,是一件非常惱人的事情。
【符合用戶心智】
比起邏輯合理,「用戶易理解」才是我們?cè)谠O(shè)計(jì)的過程中應(yīng)該首要考慮的點(diǎn)。如果一個(gè)設(shè)計(jì)不符合用戶的認(rèn)知,不管它有多合乎邏輯、也不管它有多少優(yōu)點(diǎn),都很可能都是沒有用的。
----一開始用戶很可能就會(huì)因?yàn)闊o法理解而流失了,根本體驗(yàn)不到后面的那些優(yōu)點(diǎn)。
【細(xì)節(jié)即是品質(zhì)】
從最近幾年的市場(chǎng)環(huán)境不難發(fā)現(xiàn),玩家對(duì)游戲品質(zhì)的要求越來越高。用戶對(duì)手游產(chǎn)品的敏感度是延伸到體驗(yàn)?zāi)┥业?,比如?duì)畫面呈現(xiàn)細(xì)節(jié)超級(jí)敏感,對(duì)數(shù)值曲線的設(shè)置超級(jí)敏感,對(duì)操作反饋的精確度超級(jí)敏感,對(duì)交互環(huán)節(jié)中的流暢要求超級(jí)敏感......很多時(shí)候,細(xì)節(jié)甚至?xí)惶籼薜囊庖婎I(lǐng)袖經(jīng)由多次傳播后放大到令人難以想象的地步。(eg:近期上線的韓國(guó)手游《月光雕刻師》,其實(shí)本質(zhì)上只是一個(gè)掛機(jī)泡菜游戲,但在很多細(xì)節(jié)上的處理還是做到非常驚人的。)【階段性review】階段性review是至關(guān)重要的工作習(xí)慣,無論你所處的項(xiàng)目是否成功。畢竟,失敗的經(jīng)驗(yàn)也并不是沒有用的,前提是你需要深入地去思考、分析、歸納、找到問題背后的原因,它能幫助我們避免掉一些不該犯的錯(cuò)誤,從而遠(yuǎn)離最壞的結(jié)果。事實(shí)上,游戲研發(fā)充滿未知數(shù),市場(chǎng)變化非???,即使是當(dāng)紅制作人也幾乎沒有人敢說自己的下一款產(chǎn)品依然能成為爆款,成功的經(jīng)驗(yàn)價(jià)值并沒有它看起來那么大,倒是失敗的教訓(xùn)可以匯總起來成為教科書。
所謂的游戲設(shè)計(jì)方法論,無非就是在做兩件事情:1.避免重大失誤;2.找到有可能成功的方向。review的價(jià)值在于歸納:做得好的地方,讓它沉淀下來,幫助我們未來走得更穩(wěn);做得有遺憾的地方,哪些是本可避免的,哪些教訓(xùn)是值得吸取的?世界是越來越紛雜的,鬧中取靜不容易,越復(fù)雜的世界,簡(jiǎn)單就越可貴。交互設(shè)計(jì)的價(jià)值就在這里。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
前言
15年開始,紅包大戰(zhàn)占據(jù)了春節(jié)營(yíng)銷的重要位置,各家互聯(lián)網(wǎng)平臺(tái)紛紛“發(fā)錢”搶占用戶,紅包總額曾在2021年一度達(dá)到120億元的峰值。不過近兩年開始,過往簡(jiǎn)單粗放的紅包大戰(zhàn)逐漸失去熱度。平臺(tái)不再追求短時(shí)間用戶增長(zhǎng),這次春節(jié)活動(dòng)就是百度FEED年底以運(yùn)營(yíng)手段打造的內(nèi)容營(yíng)銷活動(dòng)。設(shè)計(jì)團(tuán)隊(duì)以“有福氣 趣新春”為主題提出了內(nèi)容場(chǎng)景化的營(yíng)銷策略,整體圍繞如何把“內(nèi)容做的有趣”來分享設(shè)計(jì)思路。
一、心智建立內(nèi)容護(hù)城河
1、心智占領(lǐng):
提到內(nèi)容營(yíng)銷,先不說老掉牙的腦白金、可口可樂。我們先說說產(chǎn)品和用戶的關(guān)系。我們通過各大平臺(tái)的定位,提供了信任背書,但產(chǎn)品只是流量的承載地,最終讓目標(biāo)用戶到達(dá)目的地的還是我們的品牌、內(nèi)容、形象。所以我們?cè)谧鰞?nèi)容營(yíng)銷活動(dòng)的時(shí)候,究竟應(yīng)該怎么做?
2、你的產(chǎn)品容易記住么?
海的味道你知道,是波力海苔。提到藍(lán)瓶的鈣,腦海會(huì)浮現(xiàn)產(chǎn)品的藍(lán)色包裝。說到這里,我們就明白了,內(nèi)容營(yíng)銷的核心是圖形和口號(hào)。營(yíng)銷活動(dòng)的核心是品牌符號(hào)和Slogan。
品牌符號(hào)拆解
以春節(jié)項(xiàng)目舉例,提取中國(guó)傳統(tǒng)團(tuán)扇形,象征著大團(tuán)圓。引申為家家戶戶的心愿,全家團(tuán)圓、福氣滿滿。以FEED產(chǎn)品愿景「看更多有趣有用的內(nèi)容」為使,結(jié)合「新年要有福氣」的新年祝福,推出品牌Slogan【有福氣·趣新春】的活動(dòng)理念,開啟活動(dòng)篇章。
有了主要的符號(hào)傳達(dá),其它輔助元素的提取從桂花造型和錢幣上做了簡(jiǎn)化,寓意吉祥富貴財(cái)源滾滾,應(yīng)用在頁(yè)面細(xì)節(jié)裝飾中。
用顏色表達(dá)個(gè)性
提起品牌符號(hào),我們首先想到的可能是 Logo,但有些時(shí)候色彩卻是第一印象。春節(jié)是中國(guó)傳統(tǒng)文化的傳承。因此嘗試從中國(guó)傳統(tǒng)色彩體系中象征“福氣、福來、富貴”的海棠紅作為會(huì)場(chǎng)主顏色。
為了更好的區(qū)分內(nèi)容場(chǎng)景以及增加色彩豐富度,受到“一年四季輪回”的啟發(fā),延伸品牌輔助色。一年的圓滿在于四季的圓滿,在色彩表現(xiàn)上,從春到人間萬(wàn)物鮮到春雪滿空;對(duì)應(yīng)綠、紅、黃、藍(lán)給人煥然新生的視覺感受。
用字體豐富品牌基因
字體,不僅可以指代文字內(nèi)容含義和字形美學(xué)價(jià)值,還能透過字體設(shè)計(jì)的初衷洞察到品牌濃縮其中的理念和哲學(xué)。利用彎曲讓作品動(dòng)感有張力。利用圓角處理增加趣味性,呼應(yīng)“有趣”的品牌理念。用傾斜的樣式營(yíng)造出視覺張力,形成視覺焦點(diǎn)。
3、洞察產(chǎn)品的「生命力」
定形象-品牌基因的獨(dú)特形象
角色、品牌、用戶必須是一個(gè)標(biāo)簽,清晰可見。以IP角色與用戶互動(dòng)溝通,建立信任關(guān)系,擁有獨(dú)立人格和魅力。通過更具人格化的形象,使品牌變得更溫暖。本次活動(dòng)的主IP,在設(shè)定上采用FEED字母演變不同性格IP角色,作為不同維度的形象代表,豐富B/C端的內(nèi)容場(chǎng)景。
情感鏈接-圍繞人設(shè)講故事
如何通過「IP角色」讓用戶對(duì)產(chǎn)品產(chǎn)生情感呢?首先賦予他們性格,他們分別是福氣、財(cái)富、快樂和有趣的化身。為用戶帶來財(cái)、富、樂、趣是他們的責(zé)任。IP的人格化能很好的與用戶建立品牌好感度。同時(shí)「持續(xù)曝光+情感鏈接」的品牌策略,在活動(dòng)中貫穿內(nèi)容場(chǎng)景、物料推廣、分享轉(zhuǎn)發(fā)等,反復(fù)強(qiáng)調(diào)品牌。
二、你的差異點(diǎn)是什么?
1、化繁為簡(jiǎn),強(qiáng)化內(nèi)容
由于春節(jié)活動(dòng)周期長(zhǎng)、內(nèi)容多的特點(diǎn),使得頁(yè)面呈現(xiàn)龐大復(fù)雜,會(huì)造成用戶的理解成本影響留存,因此把內(nèi)容有效呈現(xiàn)、提升屏效、優(yōu)化體驗(yàn)路徑是交互的重點(diǎn)。我們通過“框架分層”“減少活動(dòng)步長(zhǎng)”對(duì)所有活動(dòng)進(jìn)行了框架升級(jí)。提升活動(dòng)易用性,讓用戶快速參與活動(dòng)。在設(shè)計(jì)表達(dá)上簡(jiǎn)化頭圖背景,讓用戶聚焦場(chǎng)景,引入內(nèi)容。
2、創(chuàng)意場(chǎng)景,引爆內(nèi)容
洞察設(shè)計(jì)策略
百度FEED不同于其他矩陣,我們的產(chǎn)品內(nèi)核是“內(nèi)容”;作為春節(jié)活動(dòng),濃濃的“年味”是活動(dòng)外核。如果只去介紹我們自己產(chǎn)品的功能、種種好處,這種干巴巴的內(nèi)容無法在這個(gè)時(shí)代獲得關(guān)注和認(rèn)同,因?yàn)闊o法與用戶建立切身聯(lián)系。所以在不同層次的內(nèi)容上,我們可以通過故事化、場(chǎng)景化來把內(nèi)容做的更有趣,最終實(shí)現(xiàn)業(yè)務(wù)互動(dòng)轉(zhuǎn)化提升。
年俗互動(dòng)-故事型敘述 增強(qiáng)產(chǎn)品代入感
抓住用戶情緒洞察,采用年俗的理念打造場(chǎng)景,營(yíng)造用戶代入感。在視覺表現(xiàn)上,根據(jù)時(shí)間推移,場(chǎng)景也隨之變化;以回家團(tuán)圓吃年夜飯、到走親訪友云拜年、看煙花賞燈會(huì),實(shí)現(xiàn)了場(chǎng)景從年三十到十五的視覺呈現(xiàn),釋放出情緒共感的疊加效應(yīng)。引發(fā)用戶“過年”的心理共鳴。
場(chǎng)景設(shè)定
場(chǎng)景一:花樣團(tuán)圓飯。圍繞“三十吃餃子”的年俗為主要點(diǎn)切入,通過具象的關(guān)鍵詞構(gòu)思場(chǎng)景,結(jié)合品牌符號(hào),融入中國(guó)風(fēng)建筑表達(dá)“家”,并將餃子、房子、人的比例重構(gòu),增加畫面沖擊力,在配色上摒棄大面積的紅黃配色,加入蔻梢綠和淡曙紅作為輔色,為整體添加了一絲春天的氣息。
場(chǎng)景二:神評(píng)云拜年,發(fā)評(píng)送好禮。圍繞“云拜年”的年俗為主要點(diǎn)切入,過年的時(shí)候拜年是人們辭舊迎新、互相表達(dá)祝愿的一種方式。創(chuàng)意表達(dá)上,除了沿襲以往“登門”的拜年方式外,在畫面表現(xiàn)上加入代表新興禮儀“云拜年”的概念,讓視覺吸引眼球,同時(shí)又很接地氣。
場(chǎng)景三:猜燈謎送吉祥。以元宵賞燈會(huì)的年俗為切入點(diǎn),夜色旖旎,花燈璀璨,在一片流光溢彩之下,鬧元宵、賞花燈、迎新春。"玉兔東升、鯤鵬萬(wàn)里”,用最美好的祝福為用戶開啟新年新篇章。
人文互動(dòng)-內(nèi)容聯(lián)想 強(qiáng)化產(chǎn)品特點(diǎn)
我們?yōu)槭裁匆研〗M內(nèi)容關(guān)聯(lián)到人文上?我們需要給產(chǎn)品定義一個(gè)標(biāo)簽,讓內(nèi)容進(jìn)入一個(gè)優(yōu)勢(shì)的心智賽道,用設(shè)計(jì)手段具像化演繹出來,讓目標(biāo)用戶最快對(duì)號(hào)入座,提升產(chǎn)品的認(rèn)知效率。而人文包羅萬(wàn)象,與小組內(nèi)容分類不謀而合。
內(nèi)容聯(lián)想
在視覺表現(xiàn)上,圍繞“小組發(fā)布內(nèi)容”的類比聯(lián)想,場(chǎng)景選取攝影、養(yǎng)花、命理、詩(shī)詞、鄉(xiāng)村等七大不同人文場(chǎng)景,著力刻畫“小組內(nèi)容”強(qiáng)關(guān)聯(lián)的人文元素,以此映射產(chǎn)品的特點(diǎn),激發(fā)用戶參與意愿。借助想象放大或夸張內(nèi)容特征,更鮮明的強(qiáng)調(diào)內(nèi)容本質(zhì)。
3、豐富體驗(yàn)
為了維護(hù)用戶粘性,讓用戶每天都來“玩”。加入2級(jí)活動(dòng),用“獎(jiǎng)勵(lì)”“成就”“抽簽”形成驅(qū)動(dòng)用戶雷達(dá)地圖,多維度持續(xù)牽引,增強(qiáng)互動(dòng)體驗(yàn)。
如何讓用戶玩下去?
【抽簽活動(dòng)-新年福氣簽】
活動(dòng)玩法:用戶每天進(jìn)入活動(dòng)可抽福氣簽,隨機(jī)發(fā)放簽文以及紅包獎(jiǎng)勵(lì),中獎(jiǎng)+祝福的滿足感驅(qū)動(dòng)用戶回流。
洞察&創(chuàng)意
新的一年,人們對(duì)美好生活都有向往和期盼,“討彩頭”是每位用戶對(duì)生活的新追求。在活動(dòng)的設(shè)計(jì)上要吉祥滿滿,自帶好彩頭。用福袋作為容器承載簽文,以抽幸運(yùn)球、得獎(jiǎng)勵(lì)贏福氣作為情感驅(qū)動(dòng),刺激用戶玩下去。
在簽文設(shè)定上用團(tuán)扇的品牌符號(hào)作為基礎(chǔ)形狀,加持“祥云”“吉祥話”讓活動(dòng)不止驚喜,更是平臺(tái)對(duì)用戶的祝愿。
如何讓用戶“回來”玩?
【激勵(lì)玩法-我的成就】
洞察&創(chuàng)意
在成就玩法中,勛章作為精神激勵(lì)直接授予用戶,提升用戶在活動(dòng)內(nèi)的成就感和價(jià)值。另一方面,勛章也作為主活動(dòng)物質(zhì)激勵(lì)的間接載體,用戶通過解鎖勛章來獲得終極大獎(jiǎng)。從設(shè)計(jì)角度,采用三維立體視覺風(fēng)格,結(jié)合IP形象,使勛章更年輕有趣,讓用戶形成記憶點(diǎn)。強(qiáng)化視覺沖擊,滿足用戶的成就感和榮譽(yù)感,刺激用戶回流和分享。
驚喜彩蛋,拉升互動(dòng)體驗(yàn)
除了視效的打磨外,營(yíng)造“驚喜感”是在體驗(yàn)中非常重要的一環(huán)。無論是抽獎(jiǎng)還是成就,除了在視覺上有抽獎(jiǎng)的儀式感。在活動(dòng)中增加互動(dòng)彩蛋,用戶在投票以及點(diǎn)贊后會(huì)有對(duì)應(yīng)的動(dòng)效,讓整體體驗(yàn)更加細(xì)膩。
精彩視頻,點(diǎn)擊可看
結(jié)語(yǔ)
總結(jié)一下本篇文章關(guān)于內(nèi)容場(chǎng)景化營(yíng)銷的設(shè)計(jì)要點(diǎn):
心智占領(lǐng):前置化思考品牌打法,從品牌符號(hào)、Slogan、色彩基因、字體設(shè)計(jì)到IP的設(shè)定,全鏈路反復(fù)強(qiáng)調(diào)品牌。
設(shè)計(jì)創(chuàng)意:用故事性、場(chǎng)景化演繹設(shè)計(jì)創(chuàng)意,差異化視覺呈現(xiàn)。
互動(dòng)體驗(yàn):用“驚喜感”拉升互動(dòng)體驗(yàn)。
希望以上的設(shè)計(jì)思考,可以給大家一些啟發(fā)。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
。2022年新建裝扮中心整合各類裝扮的分發(fā)入口。搭建皮膚商城、主頁(yè)背景商城、頭像商城、掛件商城4大裝扮基建;高效擴(kuò)充皮膚、掛件、個(gè)人主頁(yè)封面和頭像等個(gè)性化裝扮資產(chǎn),受到年輕用戶的喜愛,佩戴裝扮用戶迅速增長(zhǎng)數(shù)以百萬(wàn)計(jì)。
0-1搭建拓裝扮資產(chǎn)規(guī)模的經(jīng)驗(yàn),今日與大家分享。
一 整合升級(jí)四大裝扮基建,搭建系統(tǒng)裝扮能力
拓新裝扮場(chǎng)景,提升裝扮曝光:百度APP個(gè)性化裝扮場(chǎng)景已覆蓋首頁(yè)皮膚、個(gè)人中心皮膚、個(gè)人主頁(yè)封面、個(gè)性化掛件和頭像。
我們將百度APP原有的裝扮能力整合升級(jí),新建“裝扮中心”統(tǒng)一分發(fā),并在個(gè)人中心增加了一級(jí)入口,為更多的裝扮形式與玩法創(chuàng)造更多可能。通過裝扮中心、皮膚商城、個(gè)人主頁(yè)背景商城、掛件商城、頭像商城“四大裝扮基建”支撐百度APP個(gè)性化裝扮的分發(fā)和佩戴操作。
提供易用的裝扮佩戴體驗(yàn),增強(qiáng)裝扮展現(xiàn)的吸引力,是裝扮基建方向的設(shè)計(jì)目標(biāo)。
1. 易用性
我們?cè)谌珗?chǎng)景提供實(shí)時(shí)預(yù)覽能力,裝扮預(yù)覽所見即所得;按裝扮類型統(tǒng)一界面布局,降低理解成本。
2. 增強(qiáng)裝扮吸引力
2-1 提升裝扮展現(xiàn)豐富度:
裝扮中心作為裝扮聚合展現(xiàn)核心場(chǎng)景,提供套裝裝扮,界面內(nèi)融入豐富動(dòng)效、定義刷新策略持續(xù)推薦新內(nèi)容,增加對(duì)裝扮運(yùn)營(yíng)展現(xiàn)能力。
2-2 串聯(lián)互通增強(qiáng)可逛性:
各裝扮能力之間串聯(lián)互通,通過分發(fā)場(chǎng)景間跳轉(zhuǎn)進(jìn)行交叉推薦增強(qiáng)裝扮吸引力。我們從三條路徑上為裝扮拓展了分發(fā)入口。第一條:裝扮功能內(nèi)的場(chǎng)景,在裝扮商城之間增加相關(guān)功能跳轉(zhuǎn)、在皮膚和套裝的預(yù)覽頁(yè)底部拓展更多推薦入口。第二條:在用戶的非裝扮使用路徑上拓展入口,如在頭像預(yù)覽頁(yè)、個(gè)人主頁(yè)背景預(yù)覽頁(yè)引導(dǎo)用戶設(shè)置頭像和個(gè)人主頁(yè)背景。第三條:以非常駐的彈窗形式,推薦裝扮活動(dòng),吸引用戶體驗(yàn)裝扮功能。
2-3 豐富裝扮玩法:
a. 限時(shí)免費(fèi)裝扮:精品套裝裝扮包括動(dòng)態(tài)皮膚、動(dòng)態(tài)頭像、掛件、個(gè)人主頁(yè)封面,支持一鍵佩戴四項(xiàng)個(gè)性化裝扮,是百度APP的付費(fèi)裝扮功能。我們探索限時(shí)開放給用戶免費(fèi)使用玩法,效果超預(yù)期,收獲了一大波裝扮新用戶。
b. 結(jié)合任務(wù)活動(dòng):將“佩戴裝扮”作為運(yùn)營(yíng)任務(wù),幫助用戶獲取任務(wù)金幣,也把熱門裝扮作為任務(wù)獎(jiǎng)勵(lì)。
c. 與大型運(yùn)營(yíng)活動(dòng)結(jié)合:與世界杯大型運(yùn)營(yíng)活動(dòng)結(jié)合,設(shè)計(jì)度曉曉世界杯16強(qiáng)球隊(duì)套裝皮膚,通過限免使用,提升裝扮滲透。
二 持續(xù)擴(kuò)充皮膚/掛件/個(gè)人主頁(yè)封面/頭像等個(gè)性化裝扮資產(chǎn)
裝扮資產(chǎn)擴(kuò)規(guī)模,重點(diǎn)考量通過提升設(shè)計(jì)質(zhì)量增加裝扮吸引力和快速擴(kuò)規(guī)模的效能如何提升。
1. 精細(xì)化打磨,打造百度APP裝扮套裝
1-1 表現(xiàn)手法-本能層:
深入研究畫面風(fēng)格,在年輕化現(xiàn)代審美指導(dǎo)下,選擇偏東方的設(shè)計(jì)風(fēng)格,如國(guó)風(fēng)、二次元風(fēng)格等,因?yàn)檫@類風(fēng)格多用圖形、線條、顏色來處理空間關(guān)系,畫面不會(huì)過于厚重,既迎合年輕用戶喜好,又不過多打擾APP內(nèi)容區(qū)域閱讀消費(fèi)。
舉例:七月中元節(jié)的裝扮設(shè)計(jì)中,整體配色偏暗、低飽和度的深紫色、偏灰的藍(lán)色,可以傳達(dá)出靜謐、神秘的氛圍。在色彩構(gòu)圖中沒有用過多的色彩搭配,使用高明度差來刻畫畫面結(jié)構(gòu),因?yàn)槊鞫确床钐幱谌艘曈X的最底層。如果能用黑白反差區(qū)分層次,會(huì)首選黑白。在周圍環(huán)境色中使用偏灰的藍(lán)、紫色,并且與人身上的暖色對(duì)比,讓人物更加突出。而在畫面元素的刻畫上增加飄帶、魚尾的流動(dòng)感,這種帶有東方感的元素,這種留白、平衡構(gòu)圖和俠氣感,也有很強(qiáng)的東方特征,同時(shí)通過厚涂風(fēng)格中常用的使用飽和度差異、大透視效果營(yíng)造場(chǎng)景的空間感,增加畫面的細(xì)膩程度。
1-2 內(nèi)容-行為層:
在裝扮具體的內(nèi)容繪制中融入共情元素,吸引用戶注意。比如結(jié)合節(jié)日、大事件推送套裝,并在繪制中增加洛麗塔、國(guó)風(fēng)、JK等年輕用戶感興趣的元素。
1-3 內(nèi)涵-反思層:
通過積極情緒引導(dǎo)、激發(fā)思考,讓用戶感到心之向往或心生愉悅,可使用神情、動(dòng)作、裝飾花的花語(yǔ)等多種手段進(jìn)行情緒暗示。
2 單品擴(kuò)量,保證各類裝扮的更新頻率
與套裝制作不同,單品的更新需要更加短、頻、快,需要更加直接解決Z世代用戶痛點(diǎn)。
2-1 協(xié)助用戶搭建社交符號(hào):
頭像,作為用戶在網(wǎng)絡(luò)世界身份的象征,我們從橫向團(tuán)隊(duì)項(xiàng)目中大量引入能代表身份狀態(tài)、游戲愛好等方面的資源,快速補(bǔ)充頭像單品資源庫(kù),我們也根據(jù)用戶調(diào)研了解到有76%用戶愿意和朋友使用“閨蜜/情侶頭像”,我們?cè)陬^像庫(kù)中上線情侶頭像,并將完善“頭像分享卡”等功能形成體驗(yàn)閉環(huán)。
2-2 幫助用戶表達(dá)自我:
百度APP頭像掛件和游戲、社交、直播場(chǎng)景中的頭像框不同,并不為了彰顯關(guān)系、體現(xiàn)出社交關(guān)系中的尊貴感,百度APP用戶更希望借助頭像掛件來表達(dá)觀點(diǎn),為自己的主張、個(gè)性貼標(biāo)簽。
2-3 結(jié)合用戶興趣引起關(guān)注和共鳴:
在羅盤大數(shù)據(jù)中,我們發(fā)現(xiàn),王者榮耀、和平精英、元神等游戲中,25歲以下年輕用戶的占比都非常大,并且都愿意花錢購(gòu)買皮膚裝扮。二次元的游戲、動(dòng)漫內(nèi)容不僅僅受Z世代喜愛,且Z世代的滲透率最為突出。各大手游設(shè)計(jì)中也在不斷的融入二次元元素,我們借力百度AI畫圖技術(shù)-文心大模型快速補(bǔ)充了二次元、游戲等風(fēng)格方向的裝扮。
三 建立規(guī)范平臺(tái),提物料輸出效率
為了展現(xiàn)更好的效果、適配更多的裝扮場(chǎng)景,且兼顧歷史與開發(fā)成本等原因,裝扮物料規(guī)則復(fù)雜,且種類繁多?!栋俣華PP裝扮體系設(shè)計(jì)規(guī)范平臺(tái)》應(yīng)運(yùn)而生,它涵蓋 5 項(xiàng)裝扮能力、2項(xiàng)運(yùn)營(yíng)能力;每項(xiàng)能力均配有一鍵預(yù)覽及導(dǎo)出物料模板。隨功能迭代及時(shí)更新,保障了裝扮物料的高效輸出。
結(jié)語(yǔ)
目前百度APP裝扮已經(jīng)完成了第一階段的建設(shè),沉淀出一批受用戶喜歡的裝扮資產(chǎn),未來我們也將不斷探索、創(chuàng)新更多裝扮玩法,未來也將探索出共創(chuàng)平臺(tái),成為一個(gè)裝扮生態(tài)。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
。通過前面兩篇的拆解,小鵝通的后臺(tái)功能內(nèi)容已經(jīng)拆解過半,接下來我們來看看「數(shù)據(jù)統(tǒng)計(jì)」和「用戶運(yùn)營(yíng)」這兩個(gè)部分的內(nèi)容,它對(duì)商家的運(yùn)營(yíng)來說,真是如虎添翼,讓我真正感受到一款SaaS產(chǎn)品對(duì)商家的運(yùn)營(yíng)價(jià)值。
當(dāng)我的店鋪開始運(yùn)營(yíng)起來以后,我最關(guān)心的就是店鋪的數(shù)據(jù)統(tǒng)計(jì)分析了,因?yàn)槲倚枰私饷刻煊卸嗌傩掠脩魜碓L問,又成交了多少個(gè)訂單,其次我還需要精準(zhǔn)的數(shù)據(jù)分析來為我的運(yùn)營(yíng)提供支持。
5.1 概況
「概況」其實(shí)是小鵝通的后臺(tái)默認(rèn)首頁(yè),通過這個(gè)頁(yè)面,商家可以第一時(shí)間查看整個(gè)店鋪經(jīng)營(yíng)的狀況。
5.1.1 實(shí)時(shí)概況
「實(shí)時(shí)概況」提供店鋪的每日最新的實(shí)時(shí)數(shù)據(jù),在這個(gè)欄目可以看到今日店鋪訪客數(shù)、今日新增用戶數(shù)、今日支付金額、今日訂單數(shù)、待付款訂單、待發(fā)貨訂單等數(shù)據(jù)。這對(duì)運(yùn)營(yíng)者來說,打開后臺(tái)就能第一時(shí)間查收到店鋪當(dāng)日的實(shí)時(shí)數(shù)據(jù)。
5.1.2 最近內(nèi)容
「最近內(nèi)容」展示店鋪?zhàn)罱聝?nèi)容的數(shù)據(jù),比如瀏覽量、訂閱量和學(xué)習(xí)人數(shù)。不過這個(gè)欄目的設(shè)計(jì)讓我陷入焦慮,我不太明白這個(gè)欄目?jī)?nèi)容排序是按照商家最近更新的商品排列,還是按最新有訂閱和學(xué)習(xí)人數(shù)的商品排列,官方也沒有給出詳細(xì)的說明。
5.1.3 平臺(tái)動(dòng)態(tài)
在這個(gè)版塊,商家可以獲取小鵝通最新的平臺(tái)動(dòng)態(tài)、資訊、新功能預(yù)告和熱門話題。在小鵝通的知識(shí)生態(tài)池里,店鋪不是一座座孤島,而是可以通過小鵝通的鏈接,可以一起學(xué)習(xí)交流知識(shí)付費(fèi)的獲客、激活、變現(xiàn)、推廣的方法。這也是一個(gè)SaaS軟件最大的魅力,用科技設(shè)計(jì)工具,用工具幫助企業(yè)成功。
5.2 交易
「交易」匯總了商家知識(shí)店鋪的所有訂單交易,在這個(gè)版塊,商家可以查詢整個(gè)店鋪的交易數(shù)據(jù),其次還提供了訂單工具、售后管理和資產(chǎn)管理的功能。
5.2.1 訂單管理
5.2.1.1 全部訂單
①「全部訂單」主要為商家提供店鋪產(chǎn)生的訂單的查詢統(tǒng)計(jì),這個(gè)欄目主要包含兩個(gè)內(nèi)容,頭部是檢索(包含了交易單號(hào)、訂單時(shí)間、商品類型、核銷狀態(tài)、支付方式等多種檢索條件),底部是訂單列表(包含待付款、待成交、待發(fā)貨、已發(fā)貨、已完成、已關(guān)閉、售后中和待核銷8個(gè)狀態(tài))。
②「訂單詳情」包含訂單信息、支付信息、買家信息、發(fā)票信息和商品信息,可以查詢訂單號(hào)、訂單類型、下單時(shí)間、支付時(shí)間、支付方式、渠道來源、買家信息等數(shù)據(jù)??梢钥闯?,功能越多,訂單詳情的字段就越復(fù)雜。
迭代建議
訂單的檢索框占據(jù)了屏幕的一大半,雖然設(shè)計(jì)了「收起」功能,但卻不是默認(rèn),這影響了商家的操作體驗(yàn)。其次訂單列表的設(shè)計(jì)排版略顯混亂,字段太多,訂單與訂單之間的層級(jí)沒拉開,有視覺干擾。
5.2.1.2 評(píng)價(jià)管理
「評(píng)價(jià)管理」主要為商家提供用戶評(píng)價(jià)的查詢和管理,當(dāng)用戶購(gòu)買商品發(fā)表評(píng)論以后,商家可以在這個(gè)欄目進(jìn)行審核、回復(fù)、刪除以及設(shè)為精選。
5.2.2 物流管理
「物流管理」主要針對(duì)實(shí)物商品,包含「批量發(fā)貨」和「配送管理」兩個(gè)欄目。在配送管理,可以設(shè)置商家的運(yùn)費(fèi)模版、到店自提信息和發(fā)貨地址等信息,商家可結(jié)合自己的實(shí)際情況進(jìn)行操作。
5.2.3 訂單工具
5.2.3.1 核銷工具
「核銷工具」可以查詢到店自提、服務(wù)類商品的核銷碼,還可以查詢店鋪的核銷記錄。
5.2.3.2 電子合同
「電子合同」是一個(gè)第三方工具,由「法大大」提供。它可以幫助商家解決高價(jià)知識(shí)商品學(xué)員不敢下單,紙質(zhì)合同效率低、成本高等痛點(diǎn),通過在線合同簽約,快速完成簽約,降低客戶流失率。(這個(gè)功能需要開通旗艦版,并進(jìn)行企業(yè)認(rèn)證才能試用)
5.2.4 售后管理
「售后管理」包含「售后維權(quán)」和「批量退款」,主要為商家提供用戶退款申請(qǐng)的查詢和管理。
5.2.5 資產(chǎn)管理
5.2.5.1 支付設(shè)置
「支付設(shè)置」包含收款設(shè)置和付款設(shè)置,商家可以選擇綁定自己的微信支付、支付寶和抖音小程序的支付賬戶,綁定后,店鋪才能正常收款。
5.2.5.2 賬戶管理
「賬戶管理」為商家提供對(duì)收款賬戶管理、更改和查詢的功能,如果商家需要更改收款賬戶,從這個(gè)欄目就能進(jìn)行操作。
5.2.5.3 交易管理
「交易管理」可查看商家店鋪的所有訂單交易明細(xì),包括待結(jié)算、交易成功、交易關(guān)閉和退款的交易記錄,在「交易賬單」,還可以按月、按季度查看匯總。
5.2.5.4 分賬管理
「分賬管理」包含「線上分賬」和「線下付款」兩個(gè)欄目。在「線上分賬」可以查詢到店鋪商品通過推廣分銷的分賬記錄;「線下付款」包含應(yīng)付賬單、提現(xiàn)申請(qǐng)和付款記錄三個(gè)內(nèi)容,這個(gè)欄目主要處理分銷商的提現(xiàn)申請(qǐng)。
5.2.5.5 提現(xiàn)管理
商家開通知識(shí)店鋪以后,用戶支付的費(fèi)用是支付到小鵝通官方,商家需要在這個(gè)版塊發(fā)起提現(xiàn)申請(qǐng)才能到賬。小鵝通也支持用戶自動(dòng)提現(xiàn)到賬功能,商家開通后,賬戶余額自動(dòng)打款到商家賬戶。
5.2.5.6 體驗(yàn)小結(jié)
「資產(chǎn)管理」這個(gè)版塊,對(duì)于新手商家來說,學(xué)習(xí)成本太高了,特別是分賬管理和提現(xiàn)管理這兩個(gè)功能,就像是一場(chǎng)體驗(yàn)災(zāi)難。我找了系統(tǒng)客服才弄清楚「分賬管理」的「提現(xiàn)申請(qǐng)」是針對(duì)C端的傭金提現(xiàn)申請(qǐng)(在訂貨商-業(yè)績(jī)管理欄目,并沒有提現(xiàn)申請(qǐng)審核功能,所以我一度認(rèn)為這是訂貨商的提現(xiàn)申請(qǐng)管理),這花費(fèi)了我的很多時(shí)間。其次我也沒弄懂「提現(xiàn)管理」這個(gè)功能,我一直以為店鋪交易的金額都是自動(dòng)進(jìn)入我的賬戶,后面才發(fā)現(xiàn)需要在這個(gè)欄目像平臺(tái)發(fā)起申請(qǐng)才能收到費(fèi)用,這個(gè)版塊的功能語(yǔ)義給新手商家造成了太高的學(xué)習(xí)成本。
5.3 數(shù)據(jù)
數(shù)據(jù)是支撐商家運(yùn)營(yíng)最重要的指標(biāo),通過對(duì)店鋪及用戶的數(shù)據(jù)分析,可以為商家提供準(zhǔn)確的運(yùn)營(yíng)策略參考。
5.3.1 數(shù)據(jù)概況
「數(shù)據(jù)概況」包含實(shí)時(shí)概況、核心指標(biāo)、流量看板、轉(zhuǎn)化看板、商品看板和用戶看板7個(gè)內(nèi)容,是對(duì)整個(gè)店鋪數(shù)據(jù)的實(shí)時(shí)監(jiān)控和概覽,包括監(jiān)控訪問和訂單等核心指標(biāo)的當(dāng)天實(shí)時(shí)情況和近期趨勢(shì),并通過流量、轉(zhuǎn)化、商品、用戶,四個(gè)看板的核心指標(biāo)反映店鋪?zhàn)蛉者\(yùn)營(yíng)狀況。
5.3.2 流量分析
「流量分析」包含了「流量趨勢(shì)」和「流量分布」,提供了每日訪客數(shù)、訪問量等流量指標(biāo)及其趨勢(shì),并支持查看流量的終端系統(tǒng)、渠道和地域分布情況。這個(gè)功能可以幫助商家監(jiān)控店鋪每天的訪問規(guī)模及變化情況,通過流量的終端系統(tǒng)、渠道、地域分布了解流量的主要來源。
5.3.3 交易分析
「交易分析」包含「交易概況」和「交易構(gòu)成」,提供了與店鋪交易相關(guān)的訪問、下單、支付轉(zhuǎn)化及各個(gè)環(huán)節(jié)的轉(zhuǎn)化率,并支持查看新老付費(fèi)用戶的占比構(gòu)成、訂單金額的分布情況等。這個(gè)功能可以幫助商家分析訪客從進(jìn)入店鋪到最終成交各步驟的轉(zhuǎn)化率,定位用戶轉(zhuǎn)化路徑中的主要流失環(huán)節(jié),并對(duì)比交易核心指標(biāo)的趨勢(shì),評(píng)估運(yùn)營(yíng)措施是否有效。
5.3.4 商品分析
「商品分析」包含了「商品概況」和「商品效果」,這個(gè)欄目統(tǒng)計(jì)了店鋪的所有商品銷售數(shù)據(jù),根據(jù)商品的訪客和支付進(jìn)行排行,為商家提供一個(gè)全面的商品數(shù)據(jù)概覽。其次還支持對(duì)商品進(jìn)行「單品分析」,從銷售、流量和客群三個(gè)角度全面統(tǒng)計(jì),為商家精細(xì)化運(yùn)營(yíng)提供策略建議、數(shù)據(jù)依據(jù)。
5.3.5 直播分析
5.3.5.1 全店概況
「全店概況」可以查看商家所有的直播數(shù)據(jù),包括近期直播、直播趨勢(shì),系統(tǒng)還根據(jù)流量、觀看人數(shù)和市場(chǎng)為商家生成紅榜(人數(shù)多、人氣火爆)和黑榜(流量和關(guān)注人數(shù)低),幫助商家找到直播效果優(yōu)秀與表現(xiàn)欠佳的直播。
5.3.5.2 直播效果
「直播效果」是針對(duì)每一場(chǎng)直播的詳細(xì)的數(shù)據(jù)統(tǒng)計(jì),比如直播間瀏覽量、訪客數(shù)、最高在線人數(shù)等,其次還有兩個(gè)非常強(qiáng)大的功能——實(shí)時(shí)大屏和單場(chǎng)分析。
5.3.5.3 實(shí)時(shí)大屏
「實(shí)時(shí)大屏」就是系統(tǒng)可以根據(jù)直播間的數(shù)據(jù)實(shí)時(shí)生成數(shù)據(jù)可視化大屏,實(shí)時(shí)展示直播人氣、觀眾、帶貨等數(shù)據(jù),滿足多場(chǎng)景數(shù)據(jù)展示需求,提升直播效率,這個(gè)功能可以應(yīng)用到大促活動(dòng)、品牌宣傳等場(chǎng)景(此功能僅支持旗艦版使用)。
5.3.5.4 單場(chǎng)分析
「單場(chǎng)分析」包含數(shù)據(jù)概覽、實(shí)時(shí)趨勢(shì)、觀眾畫像、評(píng)論分析和帶貨分析,通過實(shí)時(shí)數(shù)據(jù)、用戶畫像、評(píng)論詞云分析、帶貨分析等分析能力,對(duì)單場(chǎng)直播進(jìn)行深度診斷,幫助提升直播效率。這個(gè)功能對(duì)于商家對(duì)單場(chǎng)直播的復(fù)盤總結(jié)有非常大的幫助(此功能僅支持旗艦版使用)。
5.3.6 用戶分析
「用戶分析」包含用戶概況及趨勢(shì)和付費(fèi)用戶,幫助商家了解店鋪用戶的增長(zhǎng)、活躍及轉(zhuǎn)化情況,及時(shí)調(diào)整用戶運(yùn)營(yíng)策略。
5.3.7 學(xué)習(xí)分析
「學(xué)習(xí)分析」包含學(xué)習(xí)概況及趨勢(shì)、學(xué)習(xí)詳情和學(xué)員排行三個(gè)內(nèi)容,幫助商家了解學(xué)員學(xué)習(xí)的真實(shí)數(shù)據(jù),比如學(xué)習(xí)人數(shù)、課程完課率、學(xué)習(xí)時(shí)段分布,從而為課程內(nèi)容的優(yōu)化提供數(shù)據(jù)參考。
5.3.8 下載中心
「下載中心」主要是幫助商家管理臺(tái)文件導(dǎo)出的統(tǒng)一管理和成功率監(jiān)控,實(shí)現(xiàn)下載的文件可追溯、下載記錄可查詢,同時(shí)優(yōu)化查詢和搜索體驗(yàn),實(shí)現(xiàn)下載管理的權(quán)限控制,避免重要數(shù)據(jù)外泄。
設(shè)計(jì)思考
最初我對(duì)這個(gè)功能不理解,感覺很雞肋。不過查看了官方的「幫助文檔」以后,我才發(fā)現(xiàn)這個(gè)功能為商家的運(yùn)營(yíng)安全性考慮得很周到。這讓我聯(lián)想到銀行的企業(yè)對(duì)公系統(tǒng)也有類似的「下載中心」,當(dāng)用戶申請(qǐng)電子回單后,用戶需要跳轉(zhuǎn)到下載中心才能下載。這樣的路徑跳轉(zhuǎn)看上去繁瑣,但事實(shí)上是為了實(shí)現(xiàn)下載的文件可追溯和下載記錄可查詢,避免重要數(shù)據(jù)泄露。
5.3.9 體驗(yàn)小結(jié)
小鵝通的「數(shù)據(jù)分析」幾乎覆蓋了商家從引流、激活、變現(xiàn)到留存的所有階段,不僅有對(duì)店鋪流量、交易這樣宏觀的數(shù)據(jù)分析,還有對(duì)商品、直播這樣的單品和單場(chǎng)微觀分析,這些精準(zhǔn)、全面、真實(shí)的店鋪數(shù)據(jù),幫助商家可以不斷優(yōu)化調(diào)整運(yùn)營(yíng)方案,獲取成功。
對(duì)用戶的研究和運(yùn)營(yíng)是一個(gè)知識(shí)店鋪的重中之重,只有對(duì)用戶有了充足的了解才能知道用戶到底需要什么,從而不斷調(diào)整優(yōu)化運(yùn)營(yíng)方案。
6.1 用戶
「用戶」這個(gè)版塊,主要為商家提供一個(gè)清晰直的運(yùn)營(yíng)助手,通過這個(gè)版塊,可以為我的用戶打標(biāo)簽、制定運(yùn)營(yíng)計(jì)劃等,讓我對(duì)他們的學(xué)習(xí)行為數(shù)據(jù)全面了解。
6.1.1 用戶概況
「用戶概況」是對(duì)店鋪用戶的統(tǒng)計(jì)概覽,可以查看店鋪實(shí)時(shí)用戶數(shù)據(jù)(包含累計(jì)用戶、今日新增用戶等),其次還有店鋪重點(diǎn)運(yùn)營(yíng)人群的數(shù)據(jù)統(tǒng)計(jì),比如企微用戶、超級(jí)會(huì)員等。
6.1.2 用戶管理
6.1.2.1 用戶列表
「用戶列表」包含「全部用戶」和「用戶學(xué)習(xí)統(tǒng)計(jì)」兩個(gè)內(nèi)容。在用戶列表,商家可以查看店鋪用戶的詳細(xì)數(shù)據(jù),比如用戶來源渠道、賬戶綁定手機(jī)號(hào)(還有一個(gè)最近采集手機(jī)號(hào),以防用戶更換手機(jī)號(hào)碼)、消費(fèi)次數(shù)、消費(fèi)總額等,其次還可以直接聯(lián)系用戶(支持店鋪消息和發(fā)短信)、給用戶貼標(biāo)簽、增減積分和設(shè)置黑名單(禁止評(píng)論、購(gòu)買和訪問)。
6.1.2.1.1 用戶詳情頁(yè)
每一個(gè)用戶都有詳情頁(yè),「用戶詳情頁(yè)」包含了用戶資料、用戶標(biāo)簽、超級(jí)會(huì)員權(quán)益、用戶資產(chǎn)(包含積分、優(yōu)惠券數(shù)量、兌換碼數(shù)量等)和行為統(tǒng)計(jì)(包含學(xué)習(xí)數(shù)據(jù)、課程進(jìn)度、用戶評(píng)論和訂單記錄等)。通過對(duì)用戶多維度的數(shù)據(jù)統(tǒng)計(jì),可以幫助商家對(duì)用戶有更全面的了解,從而可以對(duì)用戶進(jìn)行分類,推出更精準(zhǔn)的商品服務(wù)。
6.1.2.1.2 用戶學(xué)習(xí)統(tǒng)計(jì)
「用戶學(xué)習(xí)統(tǒng)計(jì)」包含匯總數(shù)據(jù)、課程數(shù)據(jù)和考試數(shù)據(jù)?!竻R總數(shù)據(jù)」是「課程數(shù)據(jù)」和「考試數(shù)據(jù)」的數(shù)據(jù)匯總,可以查看用戶的累計(jì)學(xué)習(xí)時(shí)長(zhǎng)、累計(jì)學(xué)習(xí)天數(shù)、提交考試、提交作業(yè)的信息,這個(gè)功能可以幫助商家了解用戶真實(shí)的學(xué)習(xí)情況,從而進(jìn)行課程優(yōu)化調(diào)整。
6.1.2.2 標(biāo)簽管理
「標(biāo)簽」可以幫助商家快速定位目標(biāo)用戶,并依據(jù)標(biāo)簽進(jìn)行定向運(yùn)營(yíng),從而提高運(yùn)營(yíng)效率。小鵝通的標(biāo)簽分為兩種形式,一種是「手動(dòng)標(biāo)簽」,輸入關(guān)鍵詞就可以自動(dòng)生成;另一種是「自動(dòng)標(biāo)簽」,可以通過設(shè)置用戶行為和學(xué)習(xí)行為的條件,當(dāng)符合條件的用戶出現(xiàn)時(shí)自動(dòng)生成。
①「用戶行為」是根據(jù)用戶在店鋪的消費(fèi)行為來設(shè)置,包含注冊(cè)時(shí)長(zhǎng)、最近訪問商品(可選擇用戶訪問的指定商品)、收藏商品、下單商品、購(gòu)買商品、消費(fèi)總額和消費(fèi)次數(shù)7種類型;
②「學(xué)習(xí)行為」是根據(jù)用戶的課程學(xué)習(xí)行為來設(shè)置,包含累計(jì)學(xué)習(xí)時(shí)長(zhǎng)、打卡次數(shù)、完成的課程、加入的打卡、提交的考試、提交的作業(yè)和加入的社群7種類型;
③自動(dòng)標(biāo)簽的生效規(guī)則支持滿足任一條件生效和滿足全部條件同時(shí)生效,非常靈活。
設(shè)計(jì)思考
「自動(dòng)標(biāo)簽」這個(gè)功能的設(shè)計(jì)實(shí)在是太贊了,不僅可以根據(jù)「用戶行為」和「學(xué)習(xí)行為」的14種類型進(jìn)行設(shè)置,還可以根據(jù)這些用戶行為進(jìn)行組合生成不同的標(biāo)簽。比如你想快速判斷哪些用戶是你的忠誠(chéng)用戶,你可以建立一個(gè)「忠實(shí)用戶」的標(biāo)簽,然后設(shè)置「消費(fèi)總額」超過1000元和「累計(jì)學(xué)習(xí)時(shí)長(zhǎng)」超過10小時(shí)這兩個(gè)行為,當(dāng)用戶滿足這兩個(gè)條件以后,系統(tǒng)就會(huì)為他自動(dòng)生成「忠實(shí)用戶」的標(biāo)簽。
6.1.3 用戶運(yùn)營(yíng)
6.1.3.1 用戶分群
「用戶分群」和「自動(dòng)標(biāo)簽」有點(diǎn)相似,通過設(shè)置用戶行為和學(xué)習(xí)行為,把用戶進(jìn)行快速分組。這樣的好處是方便商家對(duì)不同的用戶人群進(jìn)行定向運(yùn)營(yíng)。
①「新建人群」和「自動(dòng)標(biāo)簽」一樣,需要設(shè)置用戶行為和學(xué)習(xí)行為,相比「自動(dòng)標(biāo)簽」,「新建人群」的用戶行為更多,包含了15種類型,內(nèi)容更豐富。
②當(dāng)「用戶人群」建立以后,商家可以查看人群分析、導(dǎo)出數(shù)據(jù)以及定向開展運(yùn)營(yíng)活動(dòng)。
6.1.3.2 運(yùn)營(yíng)計(jì)劃
「運(yùn)營(yíng)計(jì)劃」是一個(gè)以提高商家運(yùn)營(yíng)效率和效果為目標(biāo)的工具,商家可以針對(duì)指定的人群發(fā)放權(quán)益和活動(dòng)通知,用高頻的外部觸發(fā)來實(shí)現(xiàn)活動(dòng)目的。官方設(shè)計(jì)了五種智能運(yùn)營(yíng),對(duì)應(yīng)了五種不同的場(chǎng)景,比如流失客戶召回,主要針對(duì)那些在店鋪有過消費(fèi)但30天未回放過店鋪的用戶。
6.1.3.2.1 新建計(jì)劃
①「新建計(jì)劃」包含三個(gè)內(nèi)容,在基本信息,商家可以選擇目標(biāo)人群,然后選擇計(jì)劃方式,包含長(zhǎng)期計(jì)劃(商家可選擇起始時(shí)間,系統(tǒng)會(huì)在這個(gè)時(shí)間段內(nèi)向用戶發(fā)送營(yíng)銷通知)和定時(shí)計(jì)劃(在商家設(shè)定的時(shí)間內(nèi)進(jìn)行營(yíng)銷通知)。
②在「權(quán)益禮包」,商家可以選擇運(yùn)營(yíng)計(jì)劃贈(zèng)送給用戶的權(quán)益,可選擇優(yōu)惠券、超級(jí)會(huì)員和積分。
③在「通知設(shè)置」,商家可選擇向用戶發(fā)送營(yíng)銷通知的形式,比如發(fā)短信、發(fā)送店鋪信息、企業(yè)微信發(fā)送等。
6.1.3.2.2 智能運(yùn)營(yíng)
「智能運(yùn)營(yíng)」是小鵝通官方給商家設(shè)計(jì)的五個(gè)場(chǎng)景,分別是興趣轉(zhuǎn)換(激活7天內(nèi)未付款訂單)、新客復(fù)購(gòu)(促進(jìn)成交過1次的客戶在30天內(nèi)復(fù)購(gòu))、維系高活躍用戶(對(duì)近7天訪問商鋪的用戶進(jìn)行維護(hù))、流失客戶召回(召回在店鋪有過消費(fèi)記錄但已經(jīng)30天未訪問店鋪的用戶)和激勵(lì)喜好用戶(對(duì)收藏過店鋪商品的用戶進(jìn)行激勵(lì))。這五個(gè)場(chǎng)景,可以極大降低商家的學(xué)習(xí)成本,一鍵開啟運(yùn)營(yíng)計(jì)劃。
6.1.3.2.3 數(shù)據(jù)分析
在運(yùn)營(yíng)計(jì)劃開啟后,商家可以通過「數(shù)據(jù)」查看計(jì)劃的詳細(xì)數(shù)據(jù)。從覆蓋人到付款人數(shù),通過轉(zhuǎn)化漏斗,多維度向商家統(tǒng)計(jì)出各步驟的轉(zhuǎn)化率,幫助商家可以靈活調(diào)整計(jì)劃,實(shí)現(xiàn)運(yùn)營(yíng)目標(biāo)。
6.1.3.3 超級(jí)會(huì)員
「超級(jí)會(huì)員」可以簡(jiǎn)單理解為店鋪的VIP會(huì)員,商家可以建立不同的會(huì)員規(guī)格,以商品的形式進(jìn)行售賣,比如季度會(huì)員、半年會(huì)員和年費(fèi)會(huì)員等。這個(gè)功能不僅是商家的用戶運(yùn)營(yíng)利器,還可以提高忠實(shí)用戶客戶量、留存率和活躍度。
6.1.3.3.1 添加會(huì)員卡
會(huì)員卡的添加包含基本信息、會(huì)員權(quán)益、展示設(shè)置和會(huì)員說明四個(gè)部分。通過可視化的設(shè)計(jì),用戶可以實(shí)時(shí)預(yù)覽「超級(jí)會(huì)員」的頁(yè)面效果,體驗(yàn)非常好。
①在「基本信息」,可以設(shè)置會(huì)員卡的規(guī)格,比如1個(gè)月、3個(gè)月、6個(gè)月的有效期,還可以限定用戶購(gòu)買的次數(shù);
②在「會(huì)員權(quán)益」,可以設(shè)置會(huì)員卡的折扣權(quán)益(支持指定特定商品)、免費(fèi)權(quán)益(支持對(duì)圖文、音頻等欄目統(tǒng)一設(shè)置)以及和優(yōu)惠券、優(yōu)惠碼進(jìn)行權(quán)益疊加;
③在「展示設(shè)置」,可設(shè)置會(huì)員卡的界面風(fēng)格,支持自定義上傳,還可以加入權(quán)益商品的展示。
細(xì)節(jié)偵查
小鵝通這個(gè)產(chǎn)品,幾乎所有核心頁(yè)面都支持商家自定義配置,幾乎是傻瓜式的操作,雖然犧牲了一些個(gè)性化的設(shè)計(jì),但極大降低商家的運(yùn)營(yíng)成本。
6.1.3.3.2 會(huì)員卡詳情頁(yè)
會(huì)員卡建立以后,可以從會(huì)員卡列表進(jìn)入會(huì)員卡詳情頁(yè)。「會(huì)員卡詳情頁(yè)」包含了會(huì)員列表、數(shù)據(jù)分析和運(yùn)營(yíng)設(shè)置三個(gè)內(nèi)容。
①在「會(huì)員列表」,可以查看購(gòu)買超級(jí)會(huì)員的用戶詳細(xì)信息,可以給用戶貼標(biāo)簽、延長(zhǎng)有效期等;
②在「數(shù)據(jù)分析」,可查看超級(jí)會(huì)員詳細(xì)的用戶數(shù)據(jù),比如累計(jì)會(huì)員數(shù)、新增會(huì)員數(shù)、用戶轉(zhuǎn)化漏斗、會(huì)員地域分布等數(shù)據(jù),通過多維度的數(shù)據(jù)分析幫助商家提升運(yùn)營(yíng)效率;
③在「運(yùn)營(yíng)設(shè)置」,可以對(duì)用戶的信息進(jìn)行采集(調(diào)用店鋪的信息采集微頁(yè)面)、CRM分配和私域引流的設(shè)置,幫助商家獲取新用戶的信息,拉新轉(zhuǎn)化。
6.1.3.3.3 全局設(shè)置
「全局設(shè)置」是為商家提供對(duì)「超級(jí)會(huì)員」統(tǒng)一設(shè)置的功能,,比如是否支持換購(gòu)其他會(huì)員卡、是否支持用戶分享獲益等。
設(shè)計(jì)思考
「超級(jí)會(huì)員」是一個(gè)非常好的營(yíng)銷工具,它可以滿足商家按月、按年的收費(fèi)場(chǎng)景,相較于單個(gè)課程一次性的買賣,「超級(jí)會(huì)員」更適合打造高質(zhì)量?jī)?nèi)容知識(shí)店鋪,也能幫助商家拓展一批忠實(shí)付費(fèi)會(huì)員。
6.1.3.4 積分商城
「積分商城」是一個(gè)非常基礎(chǔ)的營(yíng)銷功能,作為用戶留存的重要手段,小鵝通的「積分商城」以消費(fèi)、任務(wù)兩種積分發(fā)放方式,抵現(xiàn)、兌換兩種消耗方式,構(gòu)建起了基礎(chǔ)的積分體系,幫助商家維系存量用戶,提高店鋪的用戶留存率。
6.1.3.4.1 積分發(fā)放
①「積分發(fā)放」包含「消費(fèi)發(fā)放積分」和「任務(wù)發(fā)放積分」兩種類型?!赶M(fèi)發(fā)放積分」是指商家可以設(shè)置用戶在店鋪的消費(fèi)任務(wù)獎(jiǎng)勵(lì)積分,有效刺激用戶消費(fèi),這個(gè)功能支持商家自定義配置,非常靈活。
②「任務(wù)發(fā)放積分」包含基礎(chǔ)任務(wù)(綁定手機(jī)號(hào)、完善個(gè)人信息)、學(xué)習(xí)任務(wù)(可設(shè)置學(xué)習(xí)時(shí)長(zhǎng)等)和助學(xué)任務(wù)(連續(xù)打卡獎(jiǎng)勵(lì)等),用戶完成對(duì)應(yīng)任務(wù)后可獲取積分,有效提高用戶留存率和活躍度。美中不足的是,這個(gè)功能不支持自定義配置,靈活性較低。
6.1.3.4.2 積分消耗
①「積分消耗」包含「積分抵現(xiàn)」和「積分兌換」兩個(gè)功能?!阜e分抵現(xiàn)」是指用戶在購(gòu)買指定商品時(shí)候,商家可以自行設(shè)定積分抵扣的比例,從而刺激用戶消費(fèi)。
②「積分兌換」是指用戶可以通過積分兌換指定的商品,這是一種常見的會(huì)員權(quán)益。
6.1.3.4.3 用戶列表
「用戶列表」主要提供查詢店鋪用戶使用積分的情況,比如給用戶增減積分、查詢積分明細(xì)等等。
6.1.3.4.4 通用規(guī)則
「通用規(guī)則」為運(yùn)營(yíng)者提供積分規(guī)則的設(shè)置,比如積分有效期、積分凍結(jié)期,其次還支持手動(dòng)設(shè)置積分規(guī)則的頁(yè)面內(nèi)容。
6.1.3.4 信息采集
「信息采集」是一個(gè)非常靈活的用戶信息采集工具,通過自定義配置(包括手機(jī)號(hào)、微信號(hào)、姓名、聯(lián)系方式等字段),可以幫助商家在店鋪的運(yùn)營(yíng)中有效搜集用戶的資料,清晰刻畫用戶畫像,搭建思域流量池。其次「信息采集」作為一個(gè)公共組件,關(guān)聯(lián)了很多使用場(chǎng)景,比如超級(jí)會(huì)員、拼團(tuán)等,它就像一個(gè)微頁(yè)面一樣,商家可在指定功能版塊進(jìn)行靈活配置。
6.1.3.4.1 新建流程
①「信息采集」包含三個(gè)步驟,第一步是「編輯表單」。商家可根據(jù)自己的需要拖曳左側(cè)的組件庫(kù)(包含聯(lián)系人組件和基礎(chǔ)組件兩個(gè)分類,比如姓名、年齡、公司、證件號(hào)、電話號(hào)碼、生日、行業(yè)等)。
②第二步是「采集設(shè)置」,可以填寫采集表的引導(dǎo)信息(包含標(biāo)題和提示文字),可以開啟重復(fù)采集(若信息關(guān)聯(lián)多個(gè)場(chǎng)景,支持用戶單獨(dú)填寫,商家無需重復(fù)建立)和獨(dú)立采集。
③第三步是「選擇采集場(chǎng)景」,包含指定商品購(gòu)買、優(yōu)惠券領(lǐng)取、活動(dòng)打卡等,這一步非必選項(xiàng),商家可結(jié)合店鋪運(yùn)營(yíng)實(shí)際操作。
迭代建議
「信息采集」這個(gè)采集工具真的非常方便,可以幫助商家高效地搜集精準(zhǔn)用戶信息,從而提升運(yùn)營(yíng)效率。不過「信息采集」的用戶數(shù)據(jù)只支持導(dǎo)出到本地,而不像其他欄目有詳情頁(yè)和數(shù)據(jù)分析,這降低了信息采集的效率,效果大打折扣。
6.1.4 消息互動(dòng)
「消息互動(dòng)」是指商家可以為用戶發(fā)送消息通知,用戶也可以通過這個(gè)功能向商家提供反饋?!赶⒒?dòng)」包括「消息列表」、「用戶反饋」以及「評(píng)論管理」三個(gè)模塊,通過這個(gè)功能,可以讓商家統(tǒng)一管理與操作店鋪消息,及時(shí)掌握學(xué)員的最新情況,通過反饋及時(shí)調(diào)整產(chǎn)品策略。
迭代建議
在新建「消息推送」的模塊,“發(fā)送人”的語(yǔ)義不夠準(zhǔn)確,這會(huì)讓商家對(duì)這個(gè)字段搞混淆,不知道這個(gè)表格填入什么信息。其次也缺少了推送給指定用戶組,不夠完善。
6.1.5 體驗(yàn)小結(jié)
作為一個(gè)知識(shí)付費(fèi)的從業(yè)者,在體驗(yàn)完「用戶」這個(gè)版塊以后,幾乎放棄了傳統(tǒng)模式定制開發(fā)的念頭?!缸詣?dòng)標(biāo)簽」的設(shè)計(jì),讓我大開眼見,原來小鵝通的系統(tǒng)可以根據(jù)用戶的行為來生成標(biāo)簽,這可以讓你快速知道哪些用戶才是愿意為你的知識(shí)付費(fèi)的重視人群。「運(yùn)營(yíng)計(jì)劃」這個(gè)功能設(shè)計(jì)得太好了,官方不僅提供了五個(gè)常見的運(yùn)營(yíng)場(chǎng)景幫助商家提升運(yùn)營(yíng)效率,而且傻瓜式的權(quán)益配置極大降低了商家的學(xué)習(xí)成本?!赋?jí)會(huì)員」更是完善了知識(shí)付費(fèi)的其他場(chǎng)景,比如按月收費(fèi)、年費(fèi)會(huì)員等。
6.2 圈子
「圈子」就像一個(gè)知識(shí)星球(一款社群工具),主要為商家提供一個(gè)老師和學(xué)員進(jìn)行日?;顒?dòng)交流和高質(zhì)量?jī)?nèi)容沉淀的社區(qū)工具?!溉ψ印沟墓δ芊浅XS富,支持設(shè)置群主、成員管理、發(fā)布及精選圖文動(dòng)態(tài)、置頂群公告等功能,其次還支持在圈子內(nèi)添加學(xué)習(xí)任務(wù),滿足訓(xùn)練營(yíng)場(chǎng)景,學(xué)員可直接在圈子內(nèi)學(xué)習(xí)課程、交流與互動(dòng),最終幫助商家打造一個(gè)高品質(zhì)的學(xué)習(xí)型社群,提高學(xué)員的忠誠(chéng)度和留存率。
6.2.1 創(chuàng)建圈子
「圈子」的創(chuàng)建比較簡(jiǎn)單,填入基本信息以后,需要在「售賣設(shè)置」選擇入圈方式,支持免費(fèi)、付費(fèi)模型,還可以關(guān)聯(lián)專欄、超級(jí)會(huì)員和設(shè)置入圈截止時(shí)間,「圈子」就創(chuàng)建成功。
6.2.2 圈子詳情頁(yè)
「圈子」創(chuàng)建成功以后,在列表頁(yè)可以對(duì)「圈子」進(jìn)行管理操作,包括管理、編輯、分享、刪除和轉(zhuǎn)讓圈主等功能。
6.2.2.1 內(nèi)容管理
「內(nèi)容管理」是針對(duì)圈子發(fā)布內(nèi)容的管理,包含動(dòng)態(tài)列表、待回答和圈子標(biāo)簽三個(gè)欄目。管理員在這個(gè)頁(yè)面發(fā)布圈子動(dòng)態(tài),對(duì)圈子發(fā)布的動(dòng)態(tài)進(jìn)行審核、編輯、刪除和加精。
6.2.2.2 售賣設(shè)置
「售賣設(shè)置」是指對(duì)圈子的加入方式進(jìn)行編輯,支持付費(fèi)和免費(fèi)兩種模式,但付費(fèi)方式僅支持從“免費(fèi)”改成“付費(fèi)”,其他功能和「圈子」新建無區(qū)別。
6.2.2.3 應(yīng)用管理
「應(yīng)用管理」包含三種應(yīng)用類型,課程、日歷打卡和商品櫥窗。這三個(gè)應(yīng)用其實(shí)對(duì)應(yīng)「圈子」前端的一級(jí)欄目,添加以后學(xué)員在圈子首頁(yè)就能訪問,幫助商家提升付費(fèi)轉(zhuǎn)化和用戶活躍度。
6.2.2.4 運(yùn)營(yíng)設(shè)置
「運(yùn)營(yíng)設(shè)置」包含信息采集、CRM分配、續(xù)費(fèi)通知、私域引流和圈子展示五個(gè)欄目,主要幫助商家結(jié)合其他營(yíng)銷工具提升用戶的運(yùn)營(yíng)效率,比如可以開通「信息采集」工具,高效精準(zhǔn)搜集用戶的信息,還有CRM線索分配,可以把潛在用戶分配給其他員工。
6.2.2.5 激勵(lì)設(shè)置
「激勵(lì)設(shè)置」為商家提供了「成長(zhǎng)任務(wù)」和「勛章」兩個(gè)營(yíng)銷工具。在「成長(zhǎng)任務(wù)」,商家可以針對(duì)用戶的互動(dòng)、課程學(xué)習(xí)以及打卡設(shè)計(jì)排行榜,比如發(fā)帖數(shù)、評(píng)論數(shù)、分享等;商家開啟「勛章」以后,可以建立「圈子」的勛章體系,不僅可以對(duì)活躍用戶進(jìn)行獎(jiǎng)勵(lì),還能有效刺激用戶參與度,最終提升用戶的活躍度。
6.2.2.6 成員管理
「成員管理」是對(duì)加入圈子用戶的統(tǒng)一管理,可以查看用戶的詳情頁(yè),了解用戶的詳細(xì)信息和活躍度;可以給用戶貼標(biāo)簽,鎖定精準(zhǔn)用戶;還可以給用戶延長(zhǎng)有效期、加入黑名單和移除圈子。
6.2.2.7 數(shù)據(jù)分析
「數(shù)據(jù)分析」包括交易數(shù)據(jù)、活躍數(shù)據(jù)、學(xué)習(xí)數(shù)據(jù)和打卡數(shù)據(jù)這四個(gè)維度,在這個(gè)欄目可以查看到圈子所有的數(shù)據(jù)信息,比如累計(jì)支付金額、今日加入成員、課程學(xué)習(xí)完成率、任務(wù)完成率等,有效幫助商家提升圈子的運(yùn)營(yíng)效率,及時(shí)調(diào)整運(yùn)營(yíng)方案。
6.2.3 體驗(yàn)小結(jié)
如同前面的比喻,「圈子」就像一個(gè)知識(shí)星球,為商家提供了一個(gè)功能強(qiáng)大的社群工具,幫助商家打造一個(gè)高品質(zhì)的學(xué)習(xí)型社群。和「知識(shí)星球」相比,「圈子」更能幫助商家提升付費(fèi)轉(zhuǎn)化率,比如商家可以通過「應(yīng)用管理」就可以添加商品和課程,從而提升付費(fèi)商品的曝光度。再加上CRM分配、私域引流等工具,「圈子」可以通過用戶的日常行為數(shù)據(jù)幫助商家獲取用戶的付費(fèi)意愿、偏好和消費(fèi)能力,提升店鋪的業(yè)績(jī)。
感謝閱讀,小鵝通產(chǎn)品拆解的第三部分就到這里,下一篇是小鵝通后臺(tái)拆解的最后一篇,我們將會(huì)拆解企微CRM這個(gè)核心功能以及對(duì)小鵝通的后臺(tái)設(shè)計(jì)進(jìn)行總結(jié)。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://bouu.cn