欧美videos另类精品-欧美videos另类极品-欧美vide-欧美va在线视频-欧美va在线观看-欧美va在线播放免费观看

首頁

移動端UI設計流程和規范-從0到1的設計移動端UI設計工作方式

資深UI設計者


一、獲取原型圖

從產品經理處獲取項目原型圖,當獲取到原型圖后不要盲目的去進行設計,要先分析了解整個項目的功能、特性、用戶群體、項目的定位等等,特別是對功能的疑惑處一定要找產品經理溝通,只有做到對項目了熟于胸才能做出優秀的設計。

二、競品分析

當我們對項目的功能、特性、用戶群體、項目的定位都有所了解后,還是不能馬上進入設計環節。我們需要先對市面上同類型的產品進行分析和對比,包括設計風格、配色、排版、功能樣式等等,了解其優劣勢,做到取長補短,思考如何讓我們的產品更加的完善,這時候我們的腦海里面基本上對自己要設計的東西已經有了一個大概的雛形。

三、設計UI界面

1、界面設計規范

這篇文章內所有的數值均以2倍圖為例,使用1倍圖的同學請自行除以2。

現在UI設計通常使用的是全面屏的設計規范,全面屏的設計稿更加美觀,且做作品集的時候搭配全面屏樣機視覺效果也更加突出。通常只設計一套蘋果全面屏的設計稿,不需要另外設計安卓端設計稿,安卓端由安卓工程師自行適配。

界面尺寸:

界面:750px1624px

狀態欄:750x88px

導航欄:750x88px

菜單欄:750x98px

指示器:750x68px

左右邊距:32px或24px

*其中狀態欄和指示器不需要進行額外的設計,是系統默認控件,除顏色外不可改變。



常用圖標尺寸:

頂部功能:48x48px



底部菜單欄(有文字):48x48px



底部菜單欄(無文字):64x64px




文字:

尺寸:36px、32px、28px、24px



顏色:正常(#333333)、輔助(#999999)、未輸入提示(#CCCCCC)



*利用文字尺寸對比和顏色對比可以得到不錯的效果。也可以給文字顏色添加少量的藍色,讓顏色不那么呆板。

2、組件控件系統

組建控件系統可以讓我們的設計稿更加的規范,也便于修改,可以極大的提高我們的工作效率。

所有的圖標都需要做成控件,方便我們切圖。然后就是會重復使用的狀態欄、導航欄、菜單欄、指示器、列表、彈框、按鈕等控件。

除了我們常用的控件以外,顏色、投影等特殊效果、文字大小都可以保存樣式,把項目的配色、特殊效果、文字尺寸都保存下來,不同的設計工具有不同的保存方式,大家可以根據自己使用的設計工具進行設置。



3、設計風格

我們需要讓項目保持一個統一的設計風格,讓項目更加的整體、統一、協調。不同的風格有不同的優勢,選對與項目屬性相符的設計風格可以讓項目更加的出彩。

傳統UI風格:

這種風格沒找到合適的名稱,我個人一般叫它傳統風格。這種設計風格使用分割線分割小的模塊,用背景色塊分割大的模塊,特別適合列表信息。雖然給人感覺沒有特別強烈的設計感,但簡單實用、樸實無華,層級劃分清晰明了。



卡片式風格:

卡片式風格是借用現實世界中卡片的特征和概念,將一個模塊或同類型元素放到一個卡片容器類,可以增加內容的獨立性,讓模塊劃分關系變得非常的清晰,是現在非常常用的一種設計方式。

常用做法是采用淺灰的背景+白色卡片的方式,卡片都帶有一定的圓角,類似于將撲克牌一張張的放在桌子上,桌面是灰色背景,每一張撲克牌就是一個卡片。也不排除暗夜模式的卡片式設計,背景會更暗一些,卡片略亮。




大標題去線段化:

在傳統UI風格的基礎上去除背景色塊和分割線,單以間距來區分模塊和元素,對親密性的應用有較高的要求。有時候單以間距來區分模塊和元素時,可能會導致模塊層級不分明,所以會使用將標題加大的形式,讓模塊與模塊之間的區分更加明顯。因為去除了分割線,留白就更多,會顯得界面更加的干凈、清爽。



新擬態設計風格:

新擬態是19年底在追波開始出現的一種設計風格,特點是使用統一的光源做出立體的浮雕效果,元素有厚度但沒有紋理和材質的輕擬物風。

常規做法是假設一個統一的左上方光源,給元素分別添加一個左上角和右下角的投影,左上角(被光源照射的一側)投影使用亮色,右下角投影使用暗色,讓元素可以浮起來。而在按下或選中狀態時則使用兩個內陰影,左上角暗色右下角亮色讓元素凹下去。需要注意的是界面模塊和背景色一般是同一個顏色,所以顏色不能使用純白或純黑,否則有一側的投影就會看不見,通常是使用藍灰色或深灰色背景。

新擬態風格視覺效果新穎、柔和,對比度低,看得久了會產生一定的視覺疲勞,研發成本也較高,所以現在更多的還是處于概念稿,實際項目中應用較少??梢宰鳛橐环N練習或部分功能的使用。





四、交付

1、切圖

設計稿完成之后我們需要將圖標等元素切圖導出交付給開發,IOS和安卓需要根據要求導出不同倍數的png格式切圖文件。


切圖套數

IOS:現在通常是輸出2套,以@2x、@3X為后綴,也就是2倍圖、3倍圖;

Android:現在通常是輸出3套,xhdpi(超清,對應IOS的2倍圖)、xxhdpi(超超清,對應IOS的3倍圖)、xxxhdpi(超超超清),安卓切圖不需要將倍數加到切圖命名內,而是每種尺寸單獨建立一個文件夾。




輸出格式

png:最常用的切圖文件格式,背景無底透明,所以在導出切圖文件時需要先去掉背景色(figma將畫板填充色隱藏,sketch畫板不要勾選“包含于導出項”);


svg:矢量切圖,需要背景無底透明,部分網頁端項目可能需要svg格式的切圖文件;


bmp:部分硬件機器的項目需要使用的圖片格式,需要注意的是bmp無法實現背景透明,如果背景是透明的會自動帶上白色,需要切圖文件把背景帶上一起切,而且figma和sketch等UI設計軟件無法直接導出bmp格式,需要先導出為png或jpg格式,再使用ps或其他工具轉換一次。


切圖命名

只能使用英文、下滑線、數字進行命名,不要使用中文和特殊字符。命名方式一般是類別_位置_功能_狀態(有些切圖沒有多種狀態則不需要添加狀態命名)。

以蘋果端舉例:如底部菜單欄的首頁圖標命名則是ico_bottom_home_nor@2x(圖標_底部_首頁_未選中狀態)和ico_bottom_home_sel@2x(圖標_底部_首頁_選中狀態)。



頂部的搜索圖標沒有多個狀態,命名是ico_nav_search@2x(圖標_頂部_搜索)。



類別一般只有3種:圖標(icon)、圖片(image)、按鈕(button),我們通常會簡寫為ico、img、btn。




狀態一般只有4種:正常(normal)、按下(press)選中(selected)、禁用(disabled),我們通常會簡寫為nor、pre、sel、dis。pc端會多一種狀態:懸停(hover)。




sketch和figma等UI設計軟件可以同時導出多個尺寸的切圖文件和前綴/后綴,所以我們只需要設置圖標本身的命名如ico_bottom_home_sel,而不需要每個切圖都去手動的添加IOS后綴的@2x和@3X,以及安卓的前綴xhdpi等,在導出設置中設置好每個尺寸的文件夾名稱和后綴,再統一導出即可。




切圖輸出

軟件內部導出:現在的UI設計軟件Sketch、Figma、Mstergo等都可以直接導出切圖文件,只需要設置好相應的倍數和前綴、后綴,就可以快速的導出切圖文件;


上傳第三方:最常用的就是將設計文件上傳至藍湖,研發人員可以在藍湖上下載自己需要的切圖文件,但在上傳藍湖之前需要把設計稿中需要切圖的元素設置為切片。


2、標注

和切圖文件一起交付給開發的還有設計稿的標注文件,讓研發人員可以清楚地知道界面內元素的顏色、尺寸、對齊方式、距離、透明度,文字的字體、字號、行高等。


輸出到藍湖

很多設計文件都可以安裝藍湖插件,再通過插件將設計稿導出到藍湖,研發人員就可以便捷的查看界面的標注。


軟件內部標注

Figma、Mastergo等在線設計軟件都可以切換為開發者模式,只需要將研發人員邀請到自己的設計文件所在團隊內,研發人就可以查看到界面的標注;


插件導出

有部分公司有一定的保密措施,會禁止設計師使用第三方平臺或是聯網操作,這種情況設計也無法使用Figma、Mastergo等在線設計軟件,只能使用Sketch等客戶端,輸出標注就需要使用相應的插件,Sketch可以使用Sketch Measure導出HTML格式的標注文件。


五、上線

在項目上線的階段UI設計需要輔助研發提供上線應用商店需要的項目預覽圖、啟動LOGO,也需要設計補充出APP的啟動頁、閃屏頁等。


1、項目預覽頁

上線應用商店需要的預覽圖,通常是使用項目中比較有特色的幾個UI界面加以設計。


2、啟動LOGO

上線應用商店必須提供的LOGO,手機中啟動APP的入口,但不同的應用商店有不同的尺寸,華為、蘋果、小米、三星、應用寶等所需要的啟動LOGO都有所不同,所以輸出多個尺寸。以蘋果App Store為例,需要以下尺寸:




3、啟動頁、引導頁

啟動頁和引導頁一般是和UI界面一起設計,不過需要項目上線后才會有其價值,所以可以先設計完項目的界面,在研發開發的過程中再去設計啟動頁和引導頁,只要在項目上線前提供給研發就可以。


六、持續跟進和優化

當一個項目上線后,只能代表我們的現階段的工作已經全部完成。每個項目上線后都會收集用戶反饋,根據用戶反饋的信息優化功能和界面設計,通過持續不斷的優化、迭代讓我們的產品越來越好,這個過程中也需要我們UI設計不斷的去進行調整和優化。


作者:Mu姜子
鏈接:https://www.zcool.com.cn/article/ZMTQxMDY1Ng==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。



藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


藍藍設計www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

如何評判一個設計的好壞

資深UI設計者

作為設計師,要對自己的設計有一個檢驗標準,明白什么設計才是好的設計。這一篇簡單,有點枯燥,但是非常重要。

              什么是好的設計?好設計,就是不改稿的設計,甲方買單的設計,這句話多大多數設計師來說是沒錯的。因為設計師也要吃飯的、要生活。只要客戶買單了,我們就能達到經濟上的收益。

       但是僅僅客戶買單就足夠了嗎?我覺得對于一個想要提升自己的設計師來說并不足夠。這個客戶買單了說明你在一定程度上,在當前滿足了這個需求層次或者審美的客戶群體。

       當客戶發現設計并沒有在實際宣傳中達到目的,買完單的客戶也沒辦法回頭再找設計師退款,但是,可想而知這個客戶就流失了。而且如果只滿足于應對這一需求層次的客戶,當面對要求更高的客戶的時候,我們也會變得無能為力。只能看著客戶流失,或者勉強接下項目,卻在不斷的改稿中疲于奔命。

 

       想了解什么是好的設計,首先需要要了解什么是設計,設計的目的是什么。

       設計是有目的的策劃,平面設計是這些策劃將要采取的形式之一,在平面設計中你需要用視覺元素來傳播你的設想和計劃,用文字和圖形把信息傳達給受眾,讓人們通過這些視覺元素了解你想表達的信息,這才是我們設計的定義。平面設計的目的不僅是視覺表層的美觀度,更重要的、最根本的是信息的傳達。

       所以好的設計就是,能準確直觀的傳播設計目的,被受眾更有效、更愿意接收信息的設計。簡單來講,信息(包括內容信息和情感信息)傳達的是設計的基礎,是設計中一切行為的第一準則,是對的設計。在此基礎上具備良好的美感傳達就是好的設計。

      我們可能在設計學習過程中學到了很多的設計法則,形式美法則、創意思維、排版原則、色彩原則、字體運用原則。但是很多時候用到的時候就想不起來,用了也沒達到效果?

       我理解更多的是因為沒有從根本上理解這些法則存在的意義、運用的目的。設計師應該做最吝嗇的人,過程中每一個視覺元素的運用都要有其目的性。這個目的性就應該是信息傳達和美感傳達。以此為標準反復檢驗自己的設計作品,相信我們能做出好的設計。

(一)客戶對設計的期待信息準確有效傳遞,受眾對信息要求直觀、易讀。

       這是一個高效時代,時間就是金錢。同時是一個信息大爆炸的時代,每天我們會面對各種不同媒介的信息,不斷沖擊這我們的視覺。我們不能要求受眾有時間和耐心完整仔細的觀看閱讀整個設計。這就要求我們的設計,即便一眼,就能判斷設計究竟在表現什么信息,而不被其他不重要信息干擾。當客戶對表達信息有一個直觀的概念后,希望繼續閱讀下去的話,我們就要在易讀方面進行深化。

       明確最重要的信息

       對于設計需求的分析得出最重要的信息,最想傳達的信息

       突出最重要的信息

       將它擺放在突出的位置,整體的烘托,對比的凸顯,合適的構圖

       次要信息

       相對最重要的信息較弱

       信息的篩選

       設計中包含的信息必須有明確的效用,而不被不必要的信息干擾導致失去閱讀興趣

       設置重要等級

       針對內容設置重要性等級,然后根據相應等級進行設計。

       信息分組

       這是受眾感知多條信息的前題,將相關的信息放置或整合為一體,這樣就可以實現分組。大多數情況下三至四個信息組已經足夠了。

       閱讀性文字排版 (閱讀性文字指的是需要受眾閱讀的,而非裝飾性、不需要識別性的)

       在文字排版當中易讀是必須追求的。

       對齊:為了達到易讀效果,首先要從對齊開始。

       檢索:易于檢索目標內容,精心處理檢索方式。(依據版式設計原則中的對比,重復原則實現)

       記憶:要點便于記憶,突出主要內容。(依據版式設計原則中的對比,重復原則實現)

       文字:文字大小、字間距、行距、字體、文字的排布五個方面。過小的字體、過大的字體,過度裝飾的字體,不符合視覺流程,不合理的版式布局。都是會影響閱讀的易讀性。

 

(二)客戶對設計的期待能引人注意、獲得好的反饋,受眾希望從設計中收到某種刺激、有所收獲。

       人們每天沒數量驚人的信息淹沒,面對潮水涌來的信息。我們的頭腦中會形成一個過濾器,只會對能引發我們興趣的信息,能夠得到某種刺激的信息,才能順利通過并留下清晰的印象。因此,想要設計從眾多信息中脫穎而出并抓住受眾的實現。就必須引人注目、傳遞刺激,讓受眾在你的設計上逗留。

       美的視覺效果比較容易給人帶來刺激

       這時候我們學習的各種原則知識,構成知識(點線面,平衡、對比、調和、節奏、變異.....)、版式知識(位置、比例、分割、留白、網格.....)等都可以充分發揮作用了。 

       滿足期待

       人們希望沖設計只能夠得到收獲,包括有用的文字信息和情感上的。反過來如果已經知道了,沒有興趣,無我無關的信息,是無法吸引受眾的。選用一種能夠傳達設計內容及主題思想的吸睛元素就很有必要。可以是文字(禮物、服務、免費、抽獎、限時、折扣等)或者圖形元素、圖片。

       吸睛元素與設計需求要匹配 

       選取吸睛元素必須與設計主題信息密切相關。例如,在定位是高品質的項目設計中,放置一個花哨刺眼的打折;在畫面中一個無關的美女。這確實很可能在短時間內贏得受眾的注意,但是當文字或圖片與設計需要傳達的信息完全無關的情況下。也會很快的失去他們的關注。

       情感刺激

       一個好的吸睛元素往往能激發受眾的情感——受眾會覺得驚喜,感覺自己的情感獲得了認可,也可能會對設計產生共鳴。一旦感情上拉近了受眾與設計的距離,就有可能增加受眾良好的反饋行動達到商業目的(購買產品、產生消費等)。

       消極情感    

       人們被設計激發的情感并非總是積極正面的。更重要的是有針對性的激發觀眾的情感。應該根據不同的設計目的,激發觀眾內心相應的情感。例如一個減肥中心的宣傳設計,畫面營造一種胖人失落的畫面(沒有偏見我自己也是個胖子~),從而激發受眾不安的消極情緒。這也可能引起受眾的關注,并愿意深入了解。

       受眾反應的不確定性    

       視覺會給人帶來一連串的生理上的、心理上的、情感上的、行動上的反應,設計是視覺經驗的科學。他包括兩個方面,一個是不以人為而改變的即生理感受的人的基本反應,另一個是隨即的或不確定因素構成。如個人喜好,性格等等、等等,導致我們無法完全確定受眾在面對設計時候的情感等反應。

       相對穩定的方面: 主要是生理上的視知覺,人們的一些視覺習慣、視覺流程、視覺邏輯,如從上到下,從左到右,喜歡連貫的、重復,喜歡有對比的,還有在顏色方面人們最喜歡的其實是有對比的互補色等等。這都是跟人們的生理上的習慣有關,都是人生理機能的本能反應。作為設計師應該對這些知識能充分了解、靈活運用,設計是對人本的關注,首先應對文化與人的感知方式這些相對穩定的方面進行研究,并且需要我們在實踐中去總結。
       不穩定的方面: 不穩定的方面主要是指情感、素質、品位、閱歷上的不同,在設計過程中你需要具備一定的判斷和把握能力,你需要客觀和克制,才能完成卓越的設計。
       設計思維的科學: 設計是必須具有科學的思維方法,能在相同中找到差別,能在不同當中找到共同之處,能掌握運用各種思維方法,如縱向關聯思維和橫向關聯思維以及發散式的思維,善于運用科學的思維方式找到奇特的新的視覺形象,才能不斷發現新的可能。 

 

  設計學習過程中的總結和整理,有些內容來自網絡,如有冒犯請聯系我刪改!僅為自身學習提升的記錄,如果對內容有更好的理解,歡迎交流探討。


作者:藝修行者
鏈接:https://www.zcool.com.cn/article/ZMTAyNDQyMA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


藍藍設計www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

用戶體驗設計流程

資深UI設計者

用戶體驗設計流程


雖說用戶體驗是主觀的,但對于一個界定明確的用戶群體來講,其用戶體驗的共性是能夠經由研究實驗來認識,并通過良好設計去改善的。用戶體驗設計(User Experience Design,通常簡稱UX Design)就是以提升用戶體驗為目標的一套設計流程。為什么用戶體驗設計如此重要呢?因為隨著科技進步,當功能的實現不再成為挑戰時,產品的設計和體驗就成為了贏得市場競爭的關鍵因素。



由于系統軟件糟糕的UI設計(菜單排布問題)所導致的誤操作,美國居民受到導彈襲擊的驚嚇



· 美國Forester的一項研究發現,針對UX投入的每1美元,能夠帶來2~100美元的收益。


· Amazon把按鈕文字從“注冊(register)”改成“繼續(continue)”之后,銷售增長了3億元。


· McAfee重新設計UI之后,客服電話減少了90%。· Airbnb的Mike Gebbia認為,公司從接近失敗到獲得100億美元市值,最大因素要歸功于UX


UX究竟在設計些什么 

廣義的用戶體驗設計,是包含了內容功能設計,信息架構設計,用戶界面設計,交互設計,視覺設計,語言設計,動效設計,音效設計,在一定程度上涵蓋了產品物理外觀設計(工業設計),平面/包裝設計,空間設計,服務流程設計等。它意味著一個高度交叉綜合的領域,涉及到人與產品系統或服務發生關系并產生體驗的所有觸點。一般或狹義的UX Design,則主要作為與UI Design區分,多用于互聯網軟件(或消費電子等)行業基于屏幕的設計,包含信息框架設計,用戶交互設計,可用性研究等。這里的UI Design偏重于視覺上的設計。而在現實中我們也經常把UX等同于“交互”。





用戶體驗設計的核心和本質,就是研究目標用戶在特定場景下的思維方式和行為模式,通過設計提供產品或服務的完整流程,去影響用戶的主觀體驗。可見用戶研究在整個UX流程當中的重要性。而認知心理學(Cognitive Psychology)則是用戶體驗設計的理論基礎和科學依據。它是一門研究認知及行為背后之心智處理(包括思維、 決定、推理和一些動機和情感的程度)的心理科學。這門科學包括了廣泛的研究領域,旨在研究記憶、注意、感知、知識表征、推理、創造力,及問題解決的運作。相關的還有人體工學(Ergonomics)與人因工程學(Human Factors Engineering),是研究人和機器、環境的相互作用及其合理結合,使設計的機器和環境系統適合人的生理及心理等特點,達到提高效率、安全、健康和舒適目的的一門科學。可用性(Usability)的概念最早出現于1979年,遠比唐·諾曼在1993年提出的“用戶體驗”概念要早??捎眯缘腎SO定義是“用戶在特定環境下完成指定目標的效果、效率和滿意度”(ISO 9241-11),而用戶體驗指“用戶與產品、服務、設備或環境交互時各方面的體驗和感受”。可用性的范疇比用戶體驗窄,它聚焦于任務完成。而用戶體驗是外觀呈現、功能組合、系統性能和交互行為等因素的綜合結果。




上圖將用戶體驗細分為工具性(Utility)、可用性(Usability)、合意性(Desirability)和品牌體驗(Brand Experience),最內部的圓代表最基礎的用戶體驗。


用戶體驗 / 產品設計的流程與方法


以用戶為中心的設計(User-Centered Design,簡稱UCD)概括了用戶體驗設計的典型流程和方法學。以用戶為中心的設計思想非常簡單:在設計開發產品的每一個步驟中,都要把用戶列入考慮范圍。從前期的用戶研究需求挖掘,到后期的用戶測試設計驗證,都要圍繞目標用戶群來進行。



在UCD設計流程的每個階段,都有多種不同的方法來幫助我們達到目的。

用研分析:


· 單獨訪談(Individual Interviews):一對一的用戶討論,讓你了解某個用戶是如何工作,使你知道用戶的感受,想要什么和他的經歷。


· 焦點小組(Focus Groups):組織一組的用戶進行討論,讓你更了解用戶的理解、想法、態度和想要什么。


· 關鍵利益人訪談(Stakeholders Interview)


· 情境訪談(Contextual Inquiry or Field Study):走進用戶的現實環境,讓你了解你的用戶的工作方式,生活環境等等情況。


· 日記研究(Diary Study):日記研究可以讓用戶記錄自己的進程,研究者以非打擾的視角探查用戶的體驗。


· 問卷調研(Questionnaire Study):利用網上或紙張的問題list對用戶進行發放填寫,從而收集用戶對產品的需求建議。


· 任務分析(Task Analysis):通過任務分析了解用戶使用產品時的目標和操作方式,習慣(GOMS模型)。


· 用例分析(Use Case Analysis)


· 卡片分類(Card Sorting)、樹形圖測試(Tree Testing):觀察用戶是如何理解內容和組織信息,用來幫助你的產品更合理地組織信息。· 競品分析(Competitive Analysis)、標桿分析法(Benchmarking)· 桌面研究(Desktop Research)、市場研究(Market Research)· 用戶角色模型(Personas):構建一個虛構的人來代表特定目標用戶群組,設計團隊圍繞這個虛擬人物設計開發產品。


· 用戶體驗旅程圖(User/Customer Journey Mapping or Experience Mapping):從用戶角度出發,以敘述故事的方式描述用戶使用產品或接受服務的體驗情況,以可視化圖形的方式展示,從中發現用戶在整個使用過程中的痛點和滿意點,最后提煉出產品或服務中的優化點、設計的機會點。


· 態度研究(Attitudinal Research)和行為研究(Behavioural Research)


· 定性研究(Qualitative Research)和定量研究(Quantitative Research)



設計階段:


· 腦力風暴(Brainstorming Ideation)


· 概念草圖(Concept Sketching)


· 思維導圖(Mind Mapping)· 交互流程(User Interaction Flow)


· 信息架構(Information Architecture):對功能內容進行高度概括的統籌規劃、設計安排。


· 情景與故事版設計(Scenario & Storyboard Design):情景是指特定用戶如何使用產品完成特定目標的簡短故事。故事板是連續的一系列草圖,用視覺的方式表現用戶如何使用產品,形式上類似漫畫分鏡。


· 線框圖(Wireframing)


· 低保真原型與高保真原型(Lo-fi & Hi-fi Prototyping)


· 紙質原型(Paper Prototype)


· 視頻原型(Video Prototype):通過視頻來演示用戶如何與產品系統進行交互。


· 綠野仙蹤原型(Wizard of oz Prototype):使用角色扮演來模擬用戶如何與產品系統進行交互。


· 可交互原型(Interactive Prototype)


· 視覺設計(Visual Design)


· 設計模式(Design Patterns)、設計語言(Design Language)、設計規范(Design Guidelines)與設計體系(Design System)


· 標注文檔(Design Spec)


· 動效設計(Animation Design)


· 參與式設計(Participatory Design):將終端使用者或利益相關者帶入設計流程中。


· 共情/移情/同理心設計(Empathic Design):將設計師帶入使用者情境中進行觀察設計。


· 平行設計(Parallel Design):對同一個產品進行分開的設計,從而比較選擇一個最佳方案。



評估驗證:


· 啟發式評估(Heuristic Evaluation):由一組行內專家依據尼爾森十大原則對產品進行可用性檢查。


· 專家評審(Expert Inspection)


· 可用性測試(Usability Testing):邀請用戶來試用你的產品,有任務性的完成測試,從而達到評估的目的。分為Moderated和Unmoderated,In-person或Remote。


· 組內測試(Within-Subject Testing)與組間測試(Between-Subject Testing)


· 游擊式調研(Guerrilla Research):便宜、快速地得到大致的用戶反饋。


· 問卷調查(Surveys):利用網上或紙張的問題list對用戶進行發放填寫,從而收集用戶對產品的反饋意見。


· CSAT(Customer Satisfaction Score)與NPS(Net Promoter Score)


· 眼動追蹤(Eye Tracking)和熱力圖(Heat Map)


· 點擊流分析(Clickstream Analysis)


· 產品漏斗(Product Funnel)和使用情況分析(Usage Analytics)


· 統計學分析(Statistical Analysis)


· A/B測試:在同一時間維度,分別讓相似的目標人群隨機的訪問產品的不同版本,收集各群組的用戶體驗數據和業務數據,最后分析、評估出最好版本,正式采用。




藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計( www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

游戲角度談體驗設計

資深UI設計者

游戲角度談體驗設計




作者:老笨

鏈接:https://www.zhihu.com/question/23131149/answer/2454205665

來源:知乎

著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。


抽象\具象、理性\感性 的思維能力的自由切換,是用戶體驗設計師必備的能力。抽象而理性的思維能力,用于扮演“設計師”的角色,自上而下的看待產品;具象而感性的思維能力,用于扮演“小白用戶”的角色,自下而上的看待產品?!臼裁唇凶陨隙碌目创a品?】----將游戲\產品的目標、規則、反饋,透過抽象思維將它進行歸納。制作導圖是其中一種很好的方法,透過制作的過程,我們可以對游戲\產品的元信息進行梳理;理解各項功能之間的定位與模塊劃分,有必要的話將它們進行重新組織;用戶與產品之間,用戶與用戶之間,是怎樣進行互動的。將以上幾個環節想清楚、弄明白,這些就是作為設計師角色需要明晰的業務框架,它能在漫長的開發過程、諸多的決策中,指導我們決策,使我們不至走偏。



在接到某游戲項目需求后,對其元信息進行梳理【那什么叫自下而上的看待產品呢?】----本質上是將用戶的需求具象化。

聽起來很簡單,實際上卻非常難:什么叫用戶?我們的目標用戶是哪些人?他們具有怎樣的特點?他們所處的環境、生活習慣、消費能力、設備特性、網絡速度等等因素決定了他們偏好的內容,甚至是操作習慣。就算借助用研團隊進行用戶調研,收集回來的大量需求中,怎么判斷哪些是真實需求,怎么判斷真實需求中各項需求的優先級。

最多用戶反饋的需求,為什么有可能不是優先級最高的需求呢?因為能夠被大量用戶反饋得出的需求,幾乎必然是眾所周知的、普通的、缺乏獨特性的、難以被傳播的需求,這類型需求即使被實現了,大家也只會覺得理所當然,它完全不會提升你游戲\產品的口碑和傳播度。誰會跟朋友說:“來玩xxxx游戲啊,它有好友系統誒~”?誰都不會!對數據的分析能力和決策能力,是產品經理\游戲策劃\交互設計師的核心能力之一。

事實上,作為設計師,我們大部分的設計由于制作周期的原因,根本不可能每次都先進行調研再去設計,那怎么才能讓我們的感受與用戶盡可能一致呢?其實用一句很簡單的話就能概括----不要讓你的用戶思考。講真產品感這種事,多看書固然很有必要,書本能幫助你更系統化的將你的經驗體會歸納成結構化的知識,但比這更重要的是,要堅持體驗大量熱門應用\游戲,如果你有明確的在研游戲\產品的品類,那就加上大量同類產品的體驗,分析它們在交互設計上的異同點,為什么要這樣或那樣設計,分析下他們的產品團隊是基于什么原因做出那樣的選擇。


拿到需求后不要著急設計,先看看別人都是怎么做的所謂的人性化,其實不過是很淺顯的東西,只要你用心感受生活,就能有所收獲的,比如說:用戶很懶、沖動、貪心、注意力往往不集中、耐心只有幾秒、不想費腦子......


【舉一個很現實的栗子】----很多策劃喜歡把自己設計的系統構架得非常復雜,他們認為樂趣就是依系統給出的信息進行抉擇,通過一次次的抉擇,逐漸找到游戲的規律,最終贏得比賽。但如果我們采用與策劃相同的思路來進行設計,那毫無疑問會把認知門檻拔得太高了,策略點是好東西,但你一口氣把它們全部推給用戶的話,用戶根本學習不過來,關注不到,況且就算他們發現了,也未必愿意費腦子去琢磨,更現實環境中跟我們的游戲\產品一同爭奪用戶注意力的外部因素實在太多了,用戶難免會被打斷,注意力很難做到高度集中,加上耐心的極其缺乏,會使得他們中的絕大部分根本沒法get到策劃的所謂爽點。一個好的交互設計師,應該評估需求,跟策劃充分討論,清楚闡述你所分析出當下設計的優劣點所在,盡可能將產品往簡潔(不等于簡單)的方向進行設計。


最好的設計就是讓用戶感覺不到設計,能夠自然順暢的使用,不存在障礙與困惑的設計。至于硬核用戶,我們可以采用其它方式來滿足他們,切記老祖宗留下來給我們的真理----曲高和寡!這種分析需求的能力,為用戶體驗服務的意識,是需要大量訓練才能形成的思維習慣。在面對每個需求的時候,我們都應該這樣,自上而下,自下而上,兩方面去思考辯證,找到能夠滿足雙方需求的重合區間后再進行設計。


提煉幾個在做交互設計\體驗設計時的要點:


【簡練的架構】


我們應該持續不斷的追求「盡量」簡練的架構,強調「盡量」的原因是我們應該時刻提醒自己,優化方案的目的是為了幫助用戶更方便的在游戲中實現他們的需求,而不是為了讓我們陶醉在自己極致簡練的方案中暗爽的。

----切記,記住我們的根本目的是滿足用戶的需求。


【擴展性預留】


與不過分追求簡練的原則一樣,我們在設計過程中應該對擴展性預留有充分的考慮,也應該符合實際業務的需求(需要與項目組拉齊他們的計劃)。千萬不要為了在設計上的自我滿足而忽略實現成本和業務目標。尤其在項目初期,方案迭代速度很快的情況下,不宜過分地追求架構之美,也不應該在未曾沉淀的策劃案上作過多的視覺表達方面的設計----畢竟當設計師正沉浸于表現細節的思考中,一而再的被告知方案又改了,是一件非常惱人的事情。


【符合用戶心智】


比起邏輯合理,「用戶易理解」才是我們在設計的過程中應該首要考慮的點。如果一個設計不符合用戶的認知,不管它有多合乎邏輯、也不管它有多少優點,都很可能都是沒有用的。

----一開始用戶很可能就會因為無法理解而流失了,根本體驗不到后面的那些優點。


【細節即是品質】


從最近幾年的市場環境不難發現,玩家對游戲品質的要求越來越高。用戶對手游產品的敏感度是延伸到體驗末梢的,比如對畫面呈現細節超級敏感,對數值曲線的設置超級敏感,對操作反饋的精確度超級敏感,對交互環節中的流暢要求超級敏感......很多時候,細節甚至會被挑剔的意見領袖經由多次傳播后放大到令人難以想象的地步。(eg:近期上線的韓國手游《月光雕刻師》,其實本質上只是一個掛機泡菜游戲,但在很多細節上的處理還是做到非常驚人的。)【階段性review】階段性review是至關重要的工作習慣,無論你所處的項目是否成功。畢竟,失敗的經驗也并不是沒有用的,前提是你需要深入地去思考、分析、歸納、找到問題背后的原因,它能幫助我們避免掉一些不該犯的錯誤,從而遠離最壞的結果。事實上,游戲研發充滿未知數,市場變化非常快,即使是當紅制作人也幾乎沒有人敢說自己的下一款產品依然能成為爆款,成功的經驗價值并沒有它看起來那么大,倒是失敗的教訓可以匯總起來成為教科書。


所謂的游戲設計方法論,無非就是在做兩件事情:1.避免重大失誤;2.找到有可能成功的方向。review的價值在于歸納:做得好的地方,讓它沉淀下來,幫助我們未來走得更穩;做得有遺憾的地方,哪些是本可避免的,哪些教訓是值得吸取的?世界是越來越紛雜的,鬧中取靜不容易,越復雜的世界,簡單就越可貴。交互設計的價值就在這里。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計( www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


【達達快送】騎士IP形象|達哥

資深UI設計者

本次分享的項目是達達快送品牌IP達哥,這個項目是由@寶箱 @Masaya @小劉三人合作完成。
希望通過分享能打響達哥的知名度,并且通過沉淀的方法論能夠幫助大家應用于日常工作中。
【達達快送】騎士IP形象|達哥
收藏
【達達快送】騎士IP形象|達哥
收藏
【達達快送】騎士IP形象|達哥
收藏
【達達快送】騎士IP形象|達哥
收藏
【達達快送】騎士IP形象|達哥
收藏
【達達快送】騎士IP形象|達哥
收藏
【達達快送】騎士IP形象|達哥
收藏
【達達快送】騎士IP形象|達哥
收藏
【達達快送】騎士IP形象|達哥
收藏

作者:DXC設計體驗中心
鏈接:https://www.zcool.com.cn/work/ZNjM1NTc5NjQ=.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


藍藍設計www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

花百億買來的經驗:百度FEED營銷活動設計方法

資深UI設計者

前言


15年開始,紅包大戰占據了春節營銷的重要位置,各家互聯網平臺紛紛“發錢”搶占用戶,紅包總額曾在2021年一度達到120億元的峰值。不過近兩年開始,過往簡單粗放的紅包大戰逐漸失去熱度。平臺不再追求短時間用戶增長,這次春節活動就是百度FEED年底以運營手段打造的內容營銷活動。設計團隊以“有福氣 趣新春”為主題提出了內容場景化的營銷策略,整體圍繞如何把“內容做的有趣”來分享設計思路。



一、心智建立內容護城河


1、心智占領:

提到內容營銷,先不說老掉牙的腦白金、可口可樂。我們先說說產品和用戶的關系。我們通過各大平臺的定位,提供了信任背書,但產品只是流量的承載地,最終讓目標用戶到達目的地的還是我們的品牌、內容、形象。所以我們在做內容營銷活動的時候,究竟應該怎么做?


2、你的產品容易記住么?

海的味道你知道,是波力海苔。提到藍瓶的鈣,腦海會浮現產品的藍色包裝。說到這里,我們就明白了,內容營銷的核心是圖形和口號。營銷活動的核心是品牌符號和Slogan。

品牌符號拆解

以春節項目舉例,提取中國傳統團扇形,象征著大團圓。引申為家家戶戶的心愿,全家團圓、福氣滿滿。以FEED產品愿景「看更多有趣有用的內容」為使,結合「新年要有福氣」的新年祝福,推出品牌Slogan【有福氣·趣新春】的活動理念,開啟活動篇章。




有了主要的符號傳達,其它輔助元素的提取從桂花造型和錢幣上做了簡化,寓意吉祥富貴財源滾滾,應用在頁面細節裝飾中。



用顏色表達個性

提起品牌符號,我們首先想到的可能是 Logo,但有些時候色彩卻是第一印象。春節是中國傳統文化的傳承。因此嘗試從中國傳統色彩體系中象征“福氣、福來、富貴”的海棠紅作為會場主顏色。



為了更好的區分內容場景以及增加色彩豐富度,受到“一年四季輪回”的啟發,延伸品牌輔助色。一年的圓滿在于四季的圓滿,在色彩表現上,從春到人間萬物鮮到春雪滿空;對應綠、紅、黃、藍給人煥然新生的視覺感受。



用字體豐富品牌基因

字體,不僅可以指代文字內容含義和字形美學價值,還能透過字體設計的初衷洞察到品牌濃縮其中的理念和哲學。利用彎曲讓作品動感有張力。利用圓角處理增加趣味性,呼應“有趣”的品牌理念。用傾斜的樣式營造出視覺張力,形成視覺焦點。




3、洞察產品的「生命力」

定形象-品牌基因的獨特形象

角色、品牌、用戶必須是一個標簽,清晰可見。以IP角色與用戶互動溝通,建立信任關系,擁有獨立人格和魅力。通過更具人格化的形象,使品牌變得更溫暖。本次活動的主IP,在設定上采用FEED字母演變不同性格IP角色,作為不同維度的形象代表,豐富B/C端的內容場景。



情感鏈接-圍繞人設講故事

如何通過「IP角色」讓用戶對產品產生情感呢?首先賦予他們性格,他們分別是福氣、財富、快樂和有趣的化身。為用戶帶來財、富、樂、趣是他們的責任。IP的人格化能很好的與用戶建立品牌好感度。同時「持續曝光+情感鏈接」的品牌策略,在活動中貫穿內容場景、物料推廣、分享轉發等,反復強調品牌。



二、你的差異點是什么?


1、化繁為簡,強化內容

由于春節活動周期長、內容多的特點,使得頁面呈現龐大復雜,會造成用戶的理解成本影響留存,因此把內容有效呈現、提升屏效、優化體驗路徑是交互的重點。我們通過“框架分層”“減少活動步長”對所有活動進行了框架升級。提升活動易用性,讓用戶快速參與活動。在設計表達上簡化頭圖背景,讓用戶聚焦場景,引入內容。



2、創意場景,引爆內容

洞察設計策略

百度FEED不同于其他矩陣,我們的產品內核是“內容”;作為春節活動,濃濃的“年味”是活動外核。如果只去介紹我們自己產品的功能、種種好處,這種干巴巴的內容無法在這個時代獲得關注和認同,因為無法與用戶建立切身聯系。所以在不同層次的內容上,我們可以通過故事化、場景化來把內容做的更有趣,最終實現業務互動轉化提升。



年俗互動-故事型敘述 增強產品代入感

抓住用戶情緒洞察,采用年俗的理念打造場景,營造用戶代入感。在視覺表現上,根據時間推移,場景也隨之變化;以回家團圓吃年夜飯、到走親訪友云拜年、看煙花賞燈會,實現了場景從年三十到十五的視覺呈現,釋放出情緒共感的疊加效應。引發用戶“過年”的心理共鳴。



場景設定

場景一:花樣團圓飯。圍繞“三十吃餃子”的年俗為主要點切入,通過具象的關鍵詞構思場景,結合品牌符號,融入中國風建筑表達“家”,并將餃子、房子、人的比例重構,增加畫面沖擊力,在配色上摒棄大面積的紅黃配色,加入蔻梢綠和淡曙紅作為輔色,為整體添加了一絲春天的氣息。



場景二:神評云拜年,發評送好禮。圍繞“云拜年”的年俗為主要點切入,過年的時候拜年是人們辭舊迎新、互相表達祝愿的一種方式。創意表達上,除了沿襲以往“登門”的拜年方式外,在畫面表現上加入代表新興禮儀“云拜年”的概念,讓視覺吸引眼球,同時又很接地氣。



場景三:猜燈謎送吉祥。以元宵賞燈會的年俗為切入點,夜色旖旎,花燈璀璨,在一片流光溢彩之下,鬧元宵、賞花燈、迎新春。"玉兔東升、鯤鵬萬里”,用最美好的祝福為用戶開啟新年新篇章。



人文互動-內容聯想 強化產品特點

我們為什么要把小組內容關聯到人文上?我們需要給產品定義一個標簽,讓內容進入一個優勢的心智賽道,用設計手段具像化演繹出來,讓目標用戶最快對號入座,提升產品的認知效率。而人文包羅萬象,與小組內容分類不謀而合。



內容聯想

在視覺表現上,圍繞“小組發布內容”的類比聯想,場景選取攝影、養花、命理、詩詞、鄉村等七大不同人文場景,著力刻畫“小組內容”強關聯的人文元素,以此映射產品的特點,激發用戶參與意愿。借助想象放大或夸張內容特征,更鮮明的強調內容本質。



3、豐富體驗

為了維護用戶粘性,讓用戶每天都來“玩”。加入2級活動,用“獎勵”“成就”“抽簽”形成驅動用戶雷達地圖,多維度持續牽引,增強互動體驗。


如何讓用戶玩下去?

【抽簽活動-新年福氣簽】
活動玩法:用戶每天進入活動可抽福氣簽,隨機發放簽文以及紅包獎勵,中獎+祝福的滿足感驅動用戶回流。


洞察&創意

新的一年,人們對美好生活都有向往和期盼,“討彩頭”是每位用戶對生活的新追求。在活動的設計上要吉祥滿滿,自帶好彩頭。用福袋作為容器承載簽文,以抽幸運球、得獎勵贏福氣作為情感驅動,刺激用戶玩下去。



在簽文設定上用團扇的品牌符號作為基礎形狀,加持“祥云”“吉祥話”讓活動不止驚喜,更是平臺對用戶的祝愿。



如何讓用戶“回來”玩?

【激勵玩法-我的成就】

洞察&創意

在成就玩法中,勛章作為精神激勵直接授予用戶,提升用戶在活動內的成就感和價值。另一方面,勛章也作為主活動物質激勵的間接載體,用戶通過解鎖勛章來獲得終極大獎。從設計角度,采用三維立體視覺風格,結合IP形象,使勛章更年輕有趣,讓用戶形成記憶點。強化視覺沖擊,滿足用戶的成就感和榮譽感,刺激用戶回流和分享。



驚喜彩蛋,拉升互動體驗

除了視效的打磨外,營造“驚喜感”是在體驗中非常重要的一環。無論是抽獎還是成就,除了在視覺上有抽獎的儀式感。在活動中增加互動彩蛋,用戶在投票以及點贊后會有對應的動效,讓整體體驗更加細膩。


精彩視頻,點擊可看





結語


總結一下本篇文章關于內容場景化營銷的設計要點:

心智占領:前置化思考品牌打法,從品牌符號、Slogan、色彩基因、字體設計到IP的設定,全鏈路反復強調品牌。

設計創意:用故事性、場景化演繹設計創意,差異化視覺呈現。

互動體驗:用“驚喜感”拉升互動體驗。


希望以上的設計思考,可以給大家一些啟發。


作者:百度MEUX
鏈接:https://www.zcool.com.cn/article/ZMTUyMzYyMA==.html
來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


藍藍設計www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

。                           

百度APP年輕化-個性裝扮之路

資深UI設計者

2022年新建裝扮中心整合各類裝扮的分發入口。搭建皮膚商城、主頁背景商城、頭像商城、掛件商城4大裝扮基建;高效擴充皮膚、掛件、個人主頁封面和頭像等個性化裝扮資產,受到年輕用戶的喜愛,佩戴裝扮用戶迅速增長數以百萬計。

0-1搭建拓裝扮資產規模的經驗,今日與大家分享。

一 整合升級四大裝扮基建,搭建系統裝扮能力

拓新裝扮場景,提升裝扮曝光:百度APP個性化裝扮場景已覆蓋首頁皮膚、個人中心皮膚、個人主頁封面、個性化掛件和頭像。

我們將百度APP原有的裝扮能力整合升級,新建“裝扮中心”統一分發,并在個人中心增加了一級入口,為更多的裝扮形式與玩法創造更多可能。通過裝扮中心、皮膚商城、個人主頁背景商城、掛件商城、頭像商城“四大裝扮基建”支撐百度APP個性化裝扮的分發和佩戴操作。

提供易用的裝扮佩戴體驗,增強裝扮展現的吸引力,是裝扮基建方向的設計目標。

1. 易用性

我們在全場景提供實時預覽能力,裝扮預覽所見即所得;按裝扮類型統一界面布局,降低理解成本。

2. 增強裝扮吸引力

2-1 提升裝扮展現豐富度:

裝扮中心作為裝扮聚合展現核心場景,提供套裝裝扮,界面內融入豐富動效、定義刷新策略持續推薦新內容,增加對裝扮運營展現能力。

2-2 串聯互通增強可逛性:

各裝扮能力之間串聯互通,通過分發場景間跳轉進行交叉推薦增強裝扮吸引力。我們從三條路徑上為裝扮拓展了分發入口。第一條:裝扮功能內的場景,在裝扮商城之間增加相關功能跳轉、在皮膚和套裝的預覽頁底部拓展更多推薦入口。第二條:在用戶的非裝扮使用路徑上拓展入口,如在頭像預覽頁、個人主頁背景預覽頁引導用戶設置頭像和個人主頁背景。第三條:以非常駐的彈窗形式,推薦裝扮活動,吸引用戶體驗裝扮功能。

2-3 豐富裝扮玩法:

a. 限時免費裝扮:精品套裝裝扮包括動態皮膚、動態頭像、掛件、個人主頁封面,支持一鍵佩戴四項個性化裝扮,是百度APP的付費裝扮功能。我們探索限時開放給用戶免費使用玩法,效果超預期,收獲了一大波裝扮新用戶。

b. 結合任務活動:將“佩戴裝扮”作為運營任務,幫助用戶獲取任務金幣,也把熱門裝扮作為任務獎勵。

c. 與大型運營活動結合:與世界杯大型運營活動結合,設計度曉曉世界杯16強球隊套裝皮膚,通過限免使用,提升裝扮滲透。

二 持續擴充皮膚/掛件/個人主頁封面/頭像等個性化裝扮資產

裝扮資產擴規模,重點考量通過提升設計質量增加裝扮吸引力和快速擴規模的效能如何提升。

1. 精細化打磨,打造百度APP裝扮套裝

1-1 表現手法-本能層:

深入研究畫面風格,在年輕化現代審美指導下,選擇偏東方的設計風格,如國風、二次元風格等,因為這類風格多用圖形、線條、顏色來處理空間關系,畫面不會過于厚重,既迎合年輕用戶喜好,又不過多打擾APP內容區域閱讀消費。

舉例:七月中元節的裝扮設計中,整體配色偏暗、低飽和度的深紫色、偏灰的藍色,可以傳達出靜謐、神秘的氛圍。在色彩構圖中沒有用過多的色彩搭配,使用高明度差來刻畫畫面結構,因為明度反差處于人視覺的最底層。如果能用黑白反差區分層次,會首選黑白。在周圍環境色中使用偏灰的藍、紫色,并且與人身上的暖色對比,讓人物更加突出。而在畫面元素的刻畫上增加飄帶、魚尾的流動感,這種帶有東方感的元素,這種留白、平衡構圖和俠氣感,也有很強的東方特征,同時通過厚涂風格中常用的使用飽和度差異、大透視效果營造場景的空間感,增加畫面的細膩程度。

1-2 內容-行為層:

在裝扮具體的內容繪制中融入共情元素,吸引用戶注意。比如結合節日、大事件推送套裝,并在繪制中增加洛麗塔、國風、JK等年輕用戶感興趣的元素。

1-3 內涵-反思層:

通過積極情緒引導、激發思考,讓用戶感到心之向往或心生愉悅,可使用神情、動作、裝飾花的花語等多種手段進行情緒暗示。

2 單品擴量,保證各類裝扮的更新頻率

與套裝制作不同,單品的更新需要更加短、頻、快,需要更加直接解決Z世代用戶痛點。

2-1 協助用戶搭建社交符號:

頭像,作為用戶在網絡世界身份的象征,我們從橫向團隊項目中大量引入能代表身份狀態、游戲愛好等方面的資源,快速補充頭像單品資源庫,我們也根據用戶調研了解到有76%用戶愿意和朋友使用“閨蜜/情侶頭像”,我們在頭像庫中上線情侶頭像,并將完善“頭像分享卡”等功能形成體驗閉環。

2-2 幫助用戶表達自我:

百度APP頭像掛件和游戲、社交、直播場景中的頭像框不同,并不為了彰顯關系、體現出社交關系中的尊貴感,百度APP用戶更希望借助頭像掛件來表達觀點,為自己的主張、個性貼標簽。

2-3 結合用戶興趣引起關注和共鳴:

在羅盤大數據中,我們發現,王者榮耀、和平精英、元神等游戲中,25歲以下年輕用戶的占比都非常大,并且都愿意花錢購買皮膚裝扮。二次元的游戲、動漫內容不僅僅受Z世代喜愛,且Z世代的滲透率最為突出。各大手游設計中也在不斷的融入二次元元素,我們借力百度AI畫圖技術-文心大模型快速補充了二次元、游戲等風格方向的裝扮。

三 建立規范平臺,提物料輸出效率

為了展現更好的效果、適配更多的裝扮場景,且兼顧歷史與開發成本等原因,裝扮物料規則復雜,且種類繁多。《百度APP裝扮體系設計規范平臺》應運而生,它涵蓋 5 項裝扮能力、2項運營能力;每項能力均配有一鍵預覽及導出物料模板。隨功能迭代及時更新,保障了裝扮物料的高效輸出。

結語

目前百度APP裝扮已經完成了第一階段的建設,沉淀出一批受用戶喜歡的裝扮資產,未來我們也將不斷探索、創新更多裝扮玩法,未來也將探索出共創平臺,成為一個裝扮生態。


作者:百度MEUX
鏈接:https://www.zcool.com.cn/article/ZMTUyMTA3Ng==.html
來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


藍藍設計www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

。                           

4萬字B端產品拆解丨從0到1拆解小鵝通后臺設計(三)

資深UI設計者

通過前面兩篇的拆解,小鵝通的后臺功能內容已經拆解過半,接下來我們來看看「數據統計」和「用戶運營」這兩個部分的內容,它對商家的運營來說,真是如虎添翼,讓我真正感受到一款SaaS產品對商家的運營價值。





5. 數據統計


當我的店鋪開始運營起來以后,我最關心的就是店鋪的數據統計分析了,因為我需要了解每天有多少新用戶來訪問,又成交了多少個訂單,其次我還需要精準的數據分析來為我的運營提供支持。
5.1 概況
「概況」其實是小鵝通的后臺默認首頁,通過這個頁面,商家可以第一時間查看整個店鋪經營的狀況。




5.1.1 實時概況
「實時概況」提供店鋪的每日最新的實時數據,在這個欄目可以看到今日店鋪訪客數、今日新增用戶數、今日支付金額、今日訂單數、待付款訂單、待發貨訂單等數據。這對運營者來說,打開后臺就能第一時間查收到店鋪當日的實時數據。




5.1.2 最近內容
「最近內容」展示店鋪最近更新內容的數據,比如瀏覽量、訂閱量和學習人數。不過這個欄目的設計讓我陷入焦慮,我不太明白這個欄目內容排序是按照商家最近更新的商品排列,還是按最新有訂閱和學習人數的商品排列,官方也沒有給出詳細的說明。




5.1.3 平臺動態
在這個版塊,商家可以獲取小鵝通最新的平臺動態、資訊、新功能預告和熱門話題。在小鵝通的知識生態池里,店鋪不是一座座孤島,而是可以通過小鵝通的鏈接,可以一起學習交流知識付費的獲客、激活、變現、推廣的方法。這也是一個SaaS軟件最大的魅力,用科技設計工具,用工具幫助企業成功。




5.2 交易
「交易」匯總了商家知識店鋪的所有訂單交易,在這個版塊,商家可以查詢整個店鋪的交易數據,其次還提供了訂單工具、售后管理和資產管理的功能。
5.2.1 訂單管理
5.2.1.1 全部訂單
①「全部訂單」主要為商家提供店鋪產生的訂單的查詢統計,這個欄目主要包含兩個內容,頭部是檢索(包含了交易單號、訂單時間、商品類型、核銷狀態、支付方式等多種檢索條件),底部是訂單列表(包含待付款、待成交、待發貨、已發貨、已完成、已關閉、售后中和待核銷8個狀態)。




②「訂單詳情」包含訂單信息、支付信息、買家信息、發票信息和商品信息,可以查詢訂單號、訂單類型、下單時間、支付時間、支付方式、渠道來源、買家信息等數據??梢钥闯觯δ茉蕉?,訂單詳情的字段就越復雜。




迭代建議
訂單的檢索框占據了屏幕的一大半,雖然設計了「收起」功能,但卻不是默認,這影響了商家的操作體驗。其次訂單列表的設計排版略顯混亂,字段太多,訂單與訂單之間的層級沒拉開,有視覺干擾。
5.2.1.2 評價管理
「評價管理」主要為商家提供用戶評價的查詢和管理,當用戶購買商品發表評論以后,商家可以在這個欄目進行審核、回復、刪除以及設為精選。




5.2.2 物流管理
「物流管理」主要針對實物商品,包含「批量發貨」和「配送管理」兩個欄目。在配送管理,可以設置商家的運費模版、到店自提信息和發貨地址等信息,商家可結合自己的實際情況進行操作。




5.2.3 訂單工具
5.2.3.1 核銷工具
「核銷工具」可以查詢到店自提、服務類商品的核銷碼,還可以查詢店鋪的核銷記錄。




5.2.3.2 電子合同
「電子合同」是一個第三方工具,由「法大大」提供。它可以幫助商家解決高價知識商品學員不敢下單,紙質合同效率低、成本高等痛點,通過在線合同簽約,快速完成簽約,降低客戶流失率。(這個功能需要開通旗艦版,并進行企業認證才能試用)
5.2.4 售后管理
「售后管理」包含「售后維權」和「批量退款」,主要為商家提供用戶退款申請的查詢和管理。




5.2.5 資產管理
5.2.5.1 支付設置
「支付設置」包含收款設置和付款設置,商家可以選擇綁定自己的微信支付、支付寶和抖音小程序的支付賬戶,綁定后,店鋪才能正常收款。




5.2.5.2 賬戶管理
「賬戶管理」為商家提供對收款賬戶管理、更改和查詢的功能,如果商家需要更改收款賬戶,從這個欄目就能進行操作。




5.2.5.3 交易管理
「交易管理」可查看商家店鋪的所有訂單交易明細,包括待結算、交易成功、交易關閉和退款的交易記錄,在「交易賬單」,還可以按月、按季度查看匯總。




5.2.5.4 分賬管理
「分賬管理」包含「線上分賬」和「線下付款」兩個欄目。在「線上分賬」可以查詢到店鋪商品通過推廣分銷的分賬記錄;「線下付款」包含應付賬單、提現申請和付款記錄三個內容,這個欄目主要處理分銷商的提現申請。




5.2.5.5 提現管理
商家開通知識店鋪以后,用戶支付的費用是支付到小鵝通官方,商家需要在這個版塊發起提現申請才能到賬。小鵝通也支持用戶自動提現到賬功能,商家開通后,賬戶余額自動打款到商家賬戶。




5.2.5.6 體驗小結
「資產管理」這個版塊,對于新手商家來說,學習成本太高了,特別是分賬管理和提現管理這兩個功能,就像是一場體驗災難。我找了系統客服才弄清楚「分賬管理」的「提現申請」是針對C端的傭金提現申請(在訂貨商-業績管理欄目,并沒有提現申請審核功能,所以我一度認為這是訂貨商的提現申請管理),這花費了我的很多時間。其次我也沒弄懂「提現管理」這個功能,我一直以為店鋪交易的金額都是自動進入我的賬戶,后面才發現需要在這個欄目像平臺發起申請才能收到費用,這個版塊的功能語義給新手商家造成了太高的學習成本。
5.3 數據
數據是支撐商家運營最重要的指標,通過對店鋪及用戶的數據分析,可以為商家提供準確的運營策略參考。
5.3.1 數據概況
「數據概況」包含實時概況、核心指標、流量看板、轉化看板、商品看板和用戶看板7個內容,是對整個店鋪數據的實時監控和概覽,包括監控訪問和訂單等核心指標的當天實時情況和近期趨勢,并通過流量、轉化、商品、用戶,四個看板的核心指標反映店鋪昨日運營狀況。




5.3.2 流量分析
「流量分析」包含了「流量趨勢」和「流量分布」,提供了每日訪客數、訪問量等流量指標及其趨勢,并支持查看流量的終端系統、渠道和地域分布情況。這個功能可以幫助商家監控店鋪每天的訪問規模及變化情況,通過流量的終端系統、渠道、地域分布了解流量的主要來源。




5.3.3 交易分析
「交易分析」包含「交易概況」和「交易構成」,提供了與店鋪交易相關的訪問、下單、支付轉化及各個環節的轉化率,并支持查看新老付費用戶的占比構成、訂單金額的分布情況等。這個功能可以幫助商家分析訪客從進入店鋪到最終成交各步驟的轉化率,定位用戶轉化路徑中的主要流失環節,并對比交易核心指標的趨勢,評估運營措施是否有效。




5.3.4 商品分析
「商品分析」包含了「商品概況」和「商品效果」,這個欄目統計了店鋪的所有商品銷售數據,根據商品的訪客和支付進行排行,為商家提供一個全面的商品數據概覽。其次還支持對商品進行「單品分析」,從銷售、流量和客群三個角度全面統計,為商家精細化運營提供策略建議、數據依據。




5.3.5 直播分析
5.3.5.1 全店概況
「全店概況」可以查看商家所有的直播數據,包括近期直播、直播趨勢,系統還根據流量、觀看人數和市場為商家生成紅榜(人數多、人氣火爆)和黑榜(流量和關注人數低),幫助商家找到直播效果優秀與表現欠佳的直播。




5.3.5.2 直播效果
「直播效果」是針對每一場直播的詳細的數據統計,比如直播間瀏覽量、訪客數、最高在線人數等,其次還有兩個非常強大的功能——實時大屏和單場分析。




5.3.5.3 實時大屏
「實時大屏」就是系統可以根據直播間的數據實時生成數據可視化大屏,實時展示直播人氣、觀眾、帶貨等數據,滿足多場景數據展示需求,提升直播效率,這個功能可以應用到大促活動、品牌宣傳等場景(此功能僅支持旗艦版使用)。
5.3.5.4 單場分析
「單場分析」包含數據概覽、實時趨勢、觀眾畫像、評論分析和帶貨分析,通過實時數據、用戶畫像、評論詞云分析、帶貨分析等分析能力,對單場直播進行深度診斷,幫助提升直播效率。這個功能對于商家對單場直播的復盤總結有非常大的幫助(此功能僅支持旗艦版使用)。
5.3.6 用戶分析
「用戶分析」包含用戶概況及趨勢和付費用戶,幫助商家了解店鋪用戶的增長、活躍及轉化情況,及時調整用戶運營策略。




5.3.7 學習分析
「學習分析」包含學習概況及趨勢、學習詳情和學員排行三個內容,幫助商家了解學員學習的真實數據,比如學習人數、課程完課率、學習時段分布,從而為課程內容的優化提供數據參考。




5.3.8 下載中心
「下載中心」主要是幫助商家管理臺文件導出的統一管理和成功率監控,實現下載的文件可追溯、下載記錄可查詢,同時優化查詢和搜索體驗,實現下載管理的權限控制,避免重要數據外泄。




設計思考
最初我對這個功能不理解,感覺很雞肋。不過查看了官方的「幫助文檔」以后,我才發現這個功能為商家的運營安全性考慮得很周到。這讓我聯想到銀行的企業對公系統也有類似的「下載中心」,當用戶申請電子回單后,用戶需要跳轉到下載中心才能下載。這樣的路徑跳轉看上去繁瑣,但事實上是為了實現下載的文件可追溯和下載記錄可查詢,避免重要數據泄露。
5.3.9 體驗小結
小鵝通的「數據分析」幾乎覆蓋了商家從引流、激活、變現到留存的所有階段,不僅有對店鋪流量、交易這樣宏觀的數據分析,還有對商品、直播這樣的單品和單場微觀分析,這些精準、全面、真實的店鋪數據,幫助商家可以不斷優化調整運營方案,獲取成功。


6. 用戶運營


對用戶的研究和運營是一個知識店鋪的重中之重,只有對用戶有了充足的了解才能知道用戶到底需要什么,從而不斷調整優化運營方案。
6.1 用戶
「用戶」這個版塊,主要為商家提供一個清晰直的運營助手,通過這個版塊,可以為我的用戶打標簽、制定運營計劃等,讓我對他們的學習行為數據全面了解。
6.1.1 用戶概況
「用戶概況」是對店鋪用戶的統計概覽,可以查看店鋪實時用戶數據(包含累計用戶、今日新增用戶等),其次還有店鋪重點運營人群的數據統計,比如企微用戶、超級會員等。




6.1.2 用戶管理
6.1.2.1 用戶列表
「用戶列表」包含「全部用戶」和「用戶學習統計」兩個內容。在用戶列表,商家可以查看店鋪用戶的詳細數據,比如用戶來源渠道、賬戶綁定手機號(還有一個最近采集手機號,以防用戶更換手機號碼)、消費次數、消費總額等,其次還可以直接聯系用戶(支持店鋪消息和發短信)、給用戶貼標簽、增減積分和設置黑名單(禁止評論、購買和訪問)。




6.1.2.1.1 用戶詳情頁
每一個用戶都有詳情頁,「用戶詳情頁」包含了用戶資料、用戶標簽、超級會員權益、用戶資產(包含積分、優惠券數量、兌換碼數量等)和行為統計(包含學習數據、課程進度、用戶評論和訂單記錄等)。通過對用戶多維度的數據統計,可以幫助商家對用戶有更全面的了解,從而可以對用戶進行分類,推出更精準的商品服務。




6.1.2.1.2 用戶學習統計
「用戶學習統計」包含匯總數據、課程數據和考試數據?!竻R總數據」是「課程數據」和「考試數據」的數據匯總,可以查看用戶的累計學習時長、累計學習天數、提交考試、提交作業的信息,這個功能可以幫助商家了解用戶真實的學習情況,從而進行課程優化調整。




6.1.2.2 標簽管理
「標簽」可以幫助商家快速定位目標用戶,并依據標簽進行定向運營,從而提高運營效率。小鵝通的標簽分為兩種形式,一種是「手動標簽」,輸入關鍵詞就可以自動生成;另一種是「自動標簽」,可以通過設置用戶行為和學習行為的條件,當符合條件的用戶出現時自動生成。
①「用戶行為」是根據用戶在店鋪的消費行為來設置,包含注冊時長、最近訪問商品(可選擇用戶訪問的指定商品)、收藏商品、下單商品、購買商品、消費總額和消費次數7種類型;




②「學習行為」是根據用戶的課程學習行為來設置,包含累計學習時長、打卡次數、完成的課程、加入的打卡、提交的考試、提交的作業和加入的社群7種類型;




③自動標簽的生效規則支持滿足任一條件生效和滿足全部條件同時生效,非常靈活。
設計思考
「自動標簽」這個功能的設計實在是太贊了,不僅可以根據「用戶行為」和「學習行為」的14種類型進行設置,還可以根據這些用戶行為進行組合生成不同的標簽。比如你想快速判斷哪些用戶是你的忠誠用戶,你可以建立一個「忠實用戶」的標簽,然后設置「消費總額」超過1000元和「累計學習時長」超過10小時這兩個行為,當用戶滿足這兩個條件以后,系統就會為他自動生成「忠實用戶」的標簽。
6.1.3 用戶運營
6.1.3.1 用戶分群
「用戶分群」和「自動標簽」有點相似,通過設置用戶行為和學習行為,把用戶進行快速分組。這樣的好處是方便商家對不同的用戶人群進行定向運營。
①「新建人群」和「自動標簽」一樣,需要設置用戶行為和學習行為,相比「自動標簽」,「新建人群」的用戶行為更多,包含了15種類型,內容更豐富。
②當「用戶人群」建立以后,商家可以查看人群分析、導出數據以及定向開展運營活動。




6.1.3.2 運營計劃
「運營計劃」是一個以提高商家運營效率和效果為目標的工具,商家可以針對指定的人群發放權益和活動通知,用高頻的外部觸發來實現活動目的。官方設計了五種智能運營,對應了五種不同的場景,比如流失客戶召回,主要針對那些在店鋪有過消費但30天未回放過店鋪的用戶。
6.1.3.2.1 新建計劃
①「新建計劃」包含三個內容,在基本信息,商家可以選擇目標人群,然后選擇計劃方式,包含長期計劃(商家可選擇起始時間,系統會在這個時間段內向用戶發送營銷通知)和定時計劃(在商家設定的時間內進行營銷通知)。
②在「權益禮包」,商家可以選擇運營計劃贈送給用戶的權益,可選擇優惠券、超級會員和積分。
③在「通知設置」,商家可選擇向用戶發送營銷通知的形式,比如發短信、發送店鋪信息、企業微信發送等。




6.1.3.2.2 智能運營
「智能運營」是小鵝通官方給商家設計的五個場景,分別是興趣轉換(激活7天內未付款訂單)、新客復購(促進成交過1次的客戶在30天內復購)、維系高活躍用戶(對近7天訪問商鋪的用戶進行維護)、流失客戶召回(召回在店鋪有過消費記錄但已經30天未訪問店鋪的用戶)和激勵喜好用戶(對收藏過店鋪商品的用戶進行激勵)。這五個場景,可以極大降低商家的學習成本,一鍵開啟運營計劃。




6.1.3.2.3 數據分析
在運營計劃開啟后,商家可以通過「數據」查看計劃的詳細數據。從覆蓋人到付款人數,通過轉化漏斗,多維度向商家統計出各步驟的轉化率,幫助商家可以靈活調整計劃,實現運營目標。




6.1.3.3 超級會員
「超級會員」可以簡單理解為店鋪的VIP會員,商家可以建立不同的會員規格,以商品的形式進行售賣,比如季度會員、半年會員和年費會員等。這個功能不僅是商家的用戶運營利器,還可以提高忠實用戶客戶量、留存率和活躍度。
6.1.3.3.1 添加會員卡
會員卡的添加包含基本信息、會員權益、展示設置和會員說明四個部分。通過可視化的設計,用戶可以實時預覽「超級會員」的頁面效果,體驗非常好。
①在「基本信息」,可以設置會員卡的規格,比如1個月、3個月、6個月的有效期,還可以限定用戶購買的次數;
②在「會員權益」,可以設置會員卡的折扣權益(支持指定特定商品)、免費權益(支持對圖文、音頻等欄目統一設置)以及和優惠券、優惠碼進行權益疊加;
③在「展示設置」,可設置會員卡的界面風格,支持自定義上傳,還可以加入權益商品的展示。




細節偵查
小鵝通這個產品,幾乎所有核心頁面都支持商家自定義配置,幾乎是傻瓜式的操作,雖然犧牲了一些個性化的設計,但極大降低商家的運營成本。
6.1.3.3.2 會員卡詳情頁
會員卡建立以后,可以從會員卡列表進入會員卡詳情頁?!笗T卡詳情頁」包含了會員列表、數據分析和運營設置三個內容。
①在「會員列表」,可以查看購買超級會員的用戶詳細信息,可以給用戶貼標簽、延長有效期等;
②在「數據分析」,可查看超級會員詳細的用戶數據,比如累計會員數、新增會員數、用戶轉化漏斗、會員地域分布等數據,通過多維度的數據分析幫助商家提升運營效率;
③在「運營設置」,可以對用戶的信息進行采集(調用店鋪的信息采集微頁面)、CRM分配和私域引流的設置,幫助商家獲取新用戶的信息,拉新轉化。




6.1.3.3.3 全局設置
「全局設置」是為商家提供對「超級會員」統一設置的功能,,比如是否支持換購其他會員卡、是否支持用戶分享獲益等。




設計思考
「超級會員」是一個非常好的營銷工具,它可以滿足商家按月、按年的收費場景,相較于單個課程一次性的買賣,「超級會員」更適合打造高質量內容知識店鋪,也能幫助商家拓展一批忠實付費會員。
6.1.3.4 積分商城
「積分商城」是一個非?;A的營銷功能,作為用戶留存的重要手段,小鵝通的「積分商城」以消費、任務兩種積分發放方式,抵現、兌換兩種消耗方式,構建起了基礎的積分體系,幫助商家維系存量用戶,提高店鋪的用戶留存率。




6.1.3.4.1 積分發放
①「積分發放」包含「消費發放積分」和「任務發放積分」兩種類型?!赶M發放積分」是指商家可以設置用戶在店鋪的消費任務獎勵積分,有效刺激用戶消費,這個功能支持商家自定義配置,非常靈活。




②「任務發放積分」包含基礎任務(綁定手機號、完善個人信息)、學習任務(可設置學習時長等)和助學任務(連續打卡獎勵等),用戶完成對應任務后可獲取積分,有效提高用戶留存率和活躍度。美中不足的是,這個功能不支持自定義配置,靈活性較低。




6.1.3.4.2 積分消耗
①「積分消耗」包含「積分抵現」和「積分兌換」兩個功能。「積分抵現」是指用戶在購買指定商品時候,商家可以自行設定積分抵扣的比例,從而刺激用戶消費。
②「積分兌換」是指用戶可以通過積分兌換指定的商品,這是一種常見的會員權益。




6.1.3.4.3 用戶列表
「用戶列表」主要提供查詢店鋪用戶使用積分的情況,比如給用戶增減積分、查詢積分明細等等。




6.1.3.4.4 通用規則
「通用規則」為運營者提供積分規則的設置,比如積分有效期、積分凍結期,其次還支持手動設置積分規則的頁面內容。




6.1.3.4 信息采集
「信息采集」是一個非常靈活的用戶信息采集工具,通過自定義配置(包括手機號、微信號、姓名、聯系方式等字段),可以幫助商家在店鋪的運營中有效搜集用戶的資料,清晰刻畫用戶畫像,搭建思域流量池。其次「信息采集」作為一個公共組件,關聯了很多使用場景,比如超級會員、拼團等,它就像一個微頁面一樣,商家可在指定功能版塊進行靈活配置。
6.1.3.4.1 新建流程
①「信息采集」包含三個步驟,第一步是「編輯表單」。商家可根據自己的需要拖曳左側的組件庫(包含聯系人組件和基礎組件兩個分類,比如姓名、年齡、公司、證件號、電話號碼、生日、行業等)。
②第二步是「采集設置」,可以填寫采集表的引導信息(包含標題和提示文字),可以開啟重復采集(若信息關聯多個場景,支持用戶單獨填寫,商家無需重復建立)和獨立采集。
③第三步是「選擇采集場景」,包含指定商品購買、優惠券領取、活動打卡等,這一步非必選項,商家可結合店鋪運營實際操作。




迭代建議
「信息采集」這個采集工具真的非常方便,可以幫助商家高效地搜集精準用戶信息,從而提升運營效率。不過「信息采集」的用戶數據只支持導出到本地,而不像其他欄目有詳情頁和數據分析,這降低了信息采集的效率,效果大打折扣。
6.1.4 消息互動
「消息互動」是指商家可以為用戶發送消息通知,用戶也可以通過這個功能向商家提供反饋?!赶⒒印拱ā赶⒘斜怼?、「用戶反饋」以及「評論管理」三個模塊,通過這個功能,可以讓商家統一管理與操作店鋪消息,及時掌握學員的最新情況,通過反饋及時調整產品策略。




迭代建議
在新建「消息推送」的模塊,“發送人”的語義不夠準確,這會讓商家對這個字段搞混淆,不知道這個表格填入什么信息。其次也缺少了推送給指定用戶組,不夠完善。
6.1.5 體驗小結
作為一個知識付費的從業者,在體驗完「用戶」這個版塊以后,幾乎放棄了傳統模式定制開發的念頭?!缸詣訕撕灐沟脑O計,讓我大開眼見,原來小鵝通的系統可以根據用戶的行為來生成標簽,這可以讓你快速知道哪些用戶才是愿意為你的知識付費的重視人群?!高\營計劃」這個功能設計得太好了,官方不僅提供了五個常見的運營場景幫助商家提升運營效率,而且傻瓜式的權益配置極大降低了商家的學習成本?!赋墪T」更是完善了知識付費的其他場景,比如按月收費、年費會員等。
6.2 圈子
「圈子」就像一個知識星球(一款社群工具),主要為商家提供一個老師和學員進行日常活動交流和高質量內容沉淀的社區工具?!溉ψ印沟墓δ芊浅XS富,支持設置群主、成員管理、發布及精選圖文動態、置頂群公告等功能,其次還支持在圈子內添加學習任務,滿足訓練營場景,學員可直接在圈子內學習課程、交流與互動,最終幫助商家打造一個高品質的學習型社群,提高學員的忠誠度和留存率。




6.2.1 創建圈子
「圈子」的創建比較簡單,填入基本信息以后,需要在「售賣設置」選擇入圈方式,支持免費、付費模型,還可以關聯專欄、超級會員和設置入圈截止時間,「圈子」就創建成功。




6.2.2 圈子詳情頁
「圈子」創建成功以后,在列表頁可以對「圈子」進行管理操作,包括管理、編輯、分享、刪除和轉讓圈主等功能。


6.2.2.1 內容管理
「內容管理」是針對圈子發布內容的管理,包含動態列表、待回答和圈子標簽三個欄目。管理員在這個頁面發布圈子動態,對圈子發布的動態進行審核、編輯、刪除和加精。




6.2.2.2 售賣設置
「售賣設置」是指對圈子的加入方式進行編輯,支持付費和免費兩種模式,但付費方式僅支持從“免費”改成“付費”,其他功能和「圈子」新建無區別。




6.2.2.3 應用管理
「應用管理」包含三種應用類型,課程、日歷打卡和商品櫥窗。這三個應用其實對應「圈子」前端的一級欄目,添加以后學員在圈子首頁就能訪問,幫助商家提升付費轉化和用戶活躍度。




6.2.2.4 運營設置
「運營設置」包含信息采集、CRM分配、續費通知、私域引流和圈子展示五個欄目,主要幫助商家結合其他營銷工具提升用戶的運營效率,比如可以開通「信息采集」工具,高效精準搜集用戶的信息,還有CRM線索分配,可以把潛在用戶分配給其他員工。




6.2.2.5 激勵設置
「激勵設置」為商家提供了「成長任務」和「勛章」兩個營銷工具。在「成長任務」,商家可以針對用戶的互動、課程學習以及打卡設計排行榜,比如發帖數、評論數、分享等;商家開啟「勛章」以后,可以建立「圈子」的勛章體系,不僅可以對活躍用戶進行獎勵,還能有效刺激用戶參與度,最終提升用戶的活躍度。




6.2.2.6 成員管理
「成員管理」是對加入圈子用戶的統一管理,可以查看用戶的詳情頁,了解用戶的詳細信息和活躍度;可以給用戶貼標簽,鎖定精準用戶;還可以給用戶延長有效期、加入黑名單和移除圈子。




6.2.2.7 數據分析
「數據分析」包括交易數據、活躍數據、學習數據和打卡數據這四個維度,在這個欄目可以查看到圈子所有的數據信息,比如累計支付金額、今日加入成員、課程學習完成率、任務完成率等,有效幫助商家提升圈子的運營效率,及時調整運營方案。




6.2.3 體驗小結
如同前面的比喻,「圈子」就像一個知識星球,為商家提供了一個功能強大的社群工具,幫助商家打造一個高品質的學習型社群。和「知識星球」相比,「圈子」更能幫助商家提升付費轉化率,比如商家可以通過「應用管理」就可以添加商品和課程,從而提升付費商品的曝光度。再加上CRM分配、私域引流等工具,「圈子」可以通過用戶的日常行為數據幫助商家獲取用戶的付費意愿、偏好和消費能力,提升店鋪的業績。



感謝閱讀,小鵝通產品拆解的第三部分就到這里,下一篇是小鵝通后臺拆解的最后一篇,我們將會拆解企微CRM這個核心功能以及對小鵝通的后臺設計進行總結。



作者:設計大偵探
鏈接:https://www.zcool.com.cn/article/ZMTUyMzU0MA==.html
來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


藍藍設計www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

日歷

鏈接

個人資料

藍藍設計的小編 http://www.73404.com.cn

存檔

主站蜘蛛池模板: 国产一二在线观看视频网站 | 欧美黑人成人免费全部 | 欧美精品超清在线播放 | 国产麻豆成91 | 免费成人在线观看视频 | 欧美性高清另类videosex死尸 | 免费看美女被靠到爽的视频 | 日韩风月片 | 欧美胖逼| 丝瓜视频黄色在线观看 | 91尤物在线播放 | 波多野结衣无码 | 亚洲福利一区二区三区 | 色综合天天网 | 亚洲成色爱我久久 | 亚洲男人的天堂视频 | 色噜噜国产精品视频一区二区 | 搡60一70岁的老女人小说 | caopren免费视频国产 | 国产自拍视频一区 | 暖暖的韩国免费观看 | 精品国产自在现线拍400部 | 亚洲spank男男实践网站 | 亚洲精品无码不卡 | 国产精品美女福利视频免费专区 | 青青国产成人久久激情91麻豆 | 日本福利网 | 国产绳艺在线播放 | 69japanese日本100 6969精品视频在线观看 | 国产精品露脸国语对白99 | 国产小嫩模好紧 | 国产精品资源在线观看网站 | 99人中文字幕亚洲区 | 欧美 变态 另类 人妖班 | 国产一区二区三区毛片 | 国产资源免费观看 | 欧美日韩亚洲综合久久久 | 亚洲国产福利精品一区二区 | 高h生子双性美人受 | 日本sss在线高清观看 | 国产a免费观看 |