以下是碳水Sir在App Store發現的幾款“寶貝”,之所以稱為“寶貝”是因為產品中可學到的東西太多了,每個產品視覺UI以及動效都有其獨特風格(當然網上也有別人總結過的產品,我這里就不拿出來重復說了)我僅針對未總結的大廠產品,進行設計細節拆解,看看優秀的產品設計到底好在哪里,請君細細品味。
(淘寶 - 屋顏 - 一站式潮流家居平臺)
(字節 - 抖音盒子 - 潮流時尚電商平臺)
(騰訊 - doX多克斯 - 生活碎片視頻社交)
(淘寶 - 吃貨筆記 - 記錄美食好生活)
(得物旗下 - 95分 - 奢潮二手平臺)
(騰訊 - PODO漫畫 - 獨特交互體驗漫畫閱讀平臺)
(荔枝 - 皮玩 - 語音社交平臺)
(陌陌 - 咔咔 - 實拍互動交友平臺)
排名不分先后,從以上幾款產品logo中不難看出,圖形設計都偏向于具像化,傳遞出正向的情緒,顏色方面使用熒光黃、青綠、漸變粉等凸顯年輕、大膽,富有朝氣。
第一眼看到這個名就有被驚艷。首先屋顏是屋檐的斜譯,檐變成顏,中華文字博大精深,讀起來也不違和,同時也直觀呈現出產品定位屬性。logo采用字體設計手法,“屋”字經過設計手法使線條呈現出立體空間感,也間接體現出產品是和房屋軟裝相關,同時為屋內添置“顏色”(軟裝)相關的產品。一個logo兩層含義,通過字體設計以及諧音表現,巧妙的融入其中。
直觀來看,頁面大量留白,圖片質量高級且風格統一,均采用素底作為產品首圖,很好的提升產品整體調性。
圖形方面均采用直角元素,配圖、banner、按鈕、icon無一例外;細線風格設計使產品極具品質感,有種無印良品的現代極簡主義風潮。也叫MUJI風。
瓷片區的配圖采用線性+2.5D風格,使畫面富有空間層次,能撐住頁面頭部重要位置,且再次突出產品極簡主義風格。當然還有空狀態、無網絡環境下的配圖等等都很統一。
動效方面最值得關注的是下拉刷新,使用吊燈作為下拉效果,當向下滑動時電線被拉扯長,但斷不了,給人以安全可靠的產品透傳,也算是通過創意設計助力產品體驗的手段之一。釋放刷新時,輪播不同的家居icon圖標,再次強化定位產品屬性,且刷新時不至于乏味。
加載狀態采用+號線條旋轉表現,同時在結尾變成一個方形,這么極簡的設計之前其他產品從未出現過,同時它也符合屋顏的產品調性(新家軟裝要做加法,僅個人理解)也算是一個設計亮點。
最新穎的是產品特有的【3D實景逛店】功能,進一步強化家具與室內的強相關性,為什么這么說,單從買家具上,線上買前只能靠照片來間接聯想買后填入家中的情況,并不能按照自己習慣多角度查看家具。又或者因為忙,沒時間去線下家具館,或者怕白去一趟,通過【3D實景逛店】快速解決這部分用戶需求。同時,也給線下家具館增加了更多曝光度的可能性。
至此,屋顏的設計細節講解就結束了,希望產品體驗越做越好。
抖音旗下的電商平臺,整體風格清爽直觀,綠色與紫色搭配也是一種時尚風。相比其他電商產品,抖音盒子沒有金剛區圖標設計以及營銷類的占位圖,相反金剛區僅展示奢侈品實物圖,產品圖大小做了統一,視覺呈現很高級,同時下列瀑布流商品中首圖沒有活動促銷等信息干擾,只展示商品圖,突出其時尚潮牌好物的特性,同時也與當前清爽、高級的設計風格相一致。
幾處設計細節值得參考,首先是底部Tab欄點擊動效,承載抖音logo的故障風效果,黑色+紫色故障效果一來告知與抖音具有相關聯性,是旗下電商產品;二來黑色Tab圖標能很好的壓住“紫綠主色調”的跳躍感,不至于太過俏皮脫離電商屬性。
并且圖標的整體性與統一性都做得很好,“小紅點”的設計采用品牌色“小紫點”呈現(小小的顏色改變),更加強化了產品風格與調性的統一,(小紅點并不是只能用紅色)這點值得學習。
最后想告訴大家,產品在每個階段設計形式都會發生改變,比如1.0.1-1.0.2可能是輕微調整,1.0.0-2.0.0就是大的視覺升級??赡芤驗楫a品發展或用戶變化,使得產品設計風格發生改變, 但要知道每個上線版本一定是當前方案的最優解。就如你看到的“抖音盒子”現在是1.9.0版本號,或許在不久的將來就會全新升級。這就不得而知了。
是一款短視頻社交平臺,與其他社交產品不同,doX主打短視頻內容社交,用戶通過拍攝上傳有趣的短視頻內容,來認識志同道合的朋友。雖然與抖音同為短視頻平臺,但抖音更側重視頻分發,而doX側重于通過視頻與用戶建立聯系,一個視頻下可以跟拍多條,有點像qq以前的漂流瓶,只是換種呈現方式。這種陌生人視頻交友有一絲“探探”的味道。
設計上面單看logo以為會沿用手繪線稿類似的風格。整體使用下來,僅在我的頁面頂部背景中用到,其余均采用斷線像素風icon設計,綠+白的設計風格,可能也是為了營造出一種陌生人交友的科幻感覺吧。
發起拍攝頁,背景會有噪點動效,也是營造一種拍攝前無鏡頭的感覺,引導用戶隨手記錄。
最后產品的切入方向很新穎,但是否能在短視頻風口分出一杯羹就不知道了,但目前來說整體設計風格框架已搭建起來,剩下的就是不斷填補及完善設計,使其更加統一,希望doX越來越好。
第一次接觸“吃貨筆記”就被頁面整體設計風格吸引。粗線圖標+擬物圖標形式空前新潮,給人眼前一亮的感覺。它類似于“大眾點評”,是個寶藏探店美食分享的平臺。通過線上探店選擇報名-自行到店-發表動態-上傳票據-提取飯票,來獲得優惠消費的同時提高平臺UGC內容的產出??上У氖悄壳皟H支持【廣州】店鋪(可能是先做小范圍本土化嘗試然后再逐漸擴大地域),外地用戶只能看看界面并不能真實使用,這點很遺憾。
動態布局也很有創意,第一張大圖,其他小圖呈現,五宮格的樣式使布局統一,且更好突出第一張圖的主視覺層級。
如今本地餐飲服務平臺已經做得很好了,“吃貨筆記”在嘗試從優化福利流程、視覺表現、設計手法等多維度探索新的操作形式,這種身先士卒的精神值得尊敬,單說設計表現的細致,就以超過了大部分產品。當然,每一款好的產品離不開設計,更離不開產品功能是否真實滿足用戶需求,讓用戶使用輕松、解決需求后是否帶來爽點。
圖標用色很鮮明,均采用3D質感表現形式,能看出設計上面下了很多功夫。底部Tab欄選中圖標也采用3D質感表現,與金剛區和空狀態圖標形成呼應,增強產品風格記憶點。產品目前的評論和下載量都不像沒推過一樣,可能產品分享度不高導致很多一部分人不知道,所以增加徽章模塊評價打卡獲得獎勵,并以此成就來滿足用戶心里預期,從而增加使用黏性和傳播分享。
最后這款產品設計表現都特別出眾,通過空狀態文案等內容也能看出產品的個性特征。例如:“蝦米都沒有,快看看其他的”,還有很多小的設計細節,這里就不一一說了,大伙兒自行下載體驗一下吧。
95分是得物旗下的分離出來的全新App,主打潮流閑置交易平臺,而得物定位是新一代潮流網購電商,兩者還是有所區別。但從UI設計角度,還是能看到得物的影子,潮流前線,并且整體風格時尚統一,很多細節值得在這里展開說說。
整個設計清爽直觀、沒有多余裝飾元素,這就要求圖標必須做到極致,才能撐住整個頁面。我羅列了一下可能出現的圖標,輕質感毛玻璃效果,結合統一的漸變元素使得每個圖標都精致耐看,值得研究。線性圖標也是一樣,整體配套,這套圖標應該下了不少功夫。
在二手平臺存量競爭的時代,能有一款產品嘗試新的設計風格,并且把近幾年火起來的毛玻璃風格相融合,這種走在設計前線的作風與95分產品潮流前線的調性一致,單說設計嘗試這種做法就已經超越了大多數產品了。
毫不夸張,這款產品打開了我對交互表現與實現的新認知。我看了一下最早發布是去年9月27日,到目前為止短短8個月時間,就能讓PODO這款產品的交互設計做到如此優秀,背后依靠騰訊,也有游戲元素的影子,這就不足為奇了。
使用下來基本沒有太多圖標元素,更多是把屏幕空間分給了動漫封面,一行三個動漫排列,背景與主體人物分開,滑動時二者在空間層進行錯位,營造一種錯層的空間感,使原本扁平的圖像瞬間立體了許多很是新奇。
點開動漫詳情,圖文信息依次從上到下展開,引導用戶視覺享受,并且頭圖中的動漫人物也做了動效設計,全覽下來很是細致。除此之外,還有三個明顯的交互細節,分別是:設置頁展開交互、閱讀頁底部導航交互以及目錄頁的交互樣式,都以新的表現形式呈現出來,作為設計師的我們現在不能再說:“設計已經玩不出新的花樣”這樣的說法了。
太多的交互動效就不一一列舉了,趕緊收入囊中吧!
通過了解得知“皮玩”是荔枝App旗下控股產品,同樣也在入局陌生人社交領域。但值得注意的是該產品上線1個月,內部框架及UI界面已相對完整,卡片、插圖、動效、圖標、以及一些趣味設計都已上線,應該是一個成熟團隊孵化的項目,上線前的測試應該沒少下功夫,才能在產品初期做的如此完善。logo采用漸變黃底+吐舌頭表情相結合,搞怪趣味要用嘴說話這樣的印象。定位:更好玩的語音社交算說得過去 。
初次體驗,第一感受就是采用貼紙風的設計元素,icon與元素都具有較強的設計感,飽和度較低的配色加上白色描邊,就如產品說的“玩一下、皮一下”相呼應,產品的整體顏色采用漸變黃和漸變綠,配色很大膽,同時體現出該產品用戶所代表的具有興趣多元化、喜歡嘗鮮這樣一個群體。同時產品也是想通過這種設計吸引用戶使用。
產品中處處都能看到微動效,使靜態的畫面變得活潑許多,這種做法也是為了給用戶營造一種活躍的氛圍,增加平臺活躍度。
咔咔是陌陌孵化的一款社交產品,最近發現一些大廠旗下產品都在獨立運營,目的也是為了和主產品脫離關系,防止激烈競爭導致產品停止運營。年前很火的“啫喱”想必就是吃虧在這方面。回歸正題,首頁是以視頻為主圖片為輔的瀑布流形式呈現,停到某一位置則直接循環播放該視頻,排版方式極具新穎,當體驗下來眼球左右移動總是會打斷我信息的獲取,有點強制引導用戶看大圖視頻內容的感受。點開則可以與對方進行互動點贊評論。
看看模塊,采用類似“探探”卡片交互左滑不喜歡右滑喜歡來讓用戶進行操作,但與“探探”不同的是此互動是開放的,用戶選擇滿意的動態內容添加到卡片后,陌生人可看到展示內容,并且她被多少人喜歡都會展示出來,相當于是個人名片,有種抖音+探探的味道。并不具有一對一的個人隱私性,這是與探探最直接的區別。
看看模塊中,“打招呼”是與對方建立私聊的唯一方式,如果該用戶已關注但未打招呼,把卡片劃走,那再也不能與對方建立私聊,除非對方通過“看看”模塊與你打招呼。這個產品細節很容易因為用戶不理解或者手滑就無法與上個用戶進行“打招呼”私信,且私信功能僅在觸發“打招呼”后才能交流,入口少、且不易理解,不知道是產品經理的有意為之還是被遺漏掉的地方。
消息頁的添加入口,用折疊手法展示,降低頻繁跳頁的割裂感,同時縮起時也不會占用消息列表。
消息列表是通過“打招呼”保存下的私密消息,聊天形式極具特色,黑色背景加上紅紫漸變列表有種夜店嗨皮的即視感觀,這里就不過多評價,大家領悟吧。
設計中還值得關注一點,就是個人主頁中的個性標簽,我羅列出22個,當用戶發表三個同類動態即可點亮一個標簽,此標簽也會代替文字描述承載動態內容的作用,用戶選擇已點亮 的icon即展示對應標簽內容了,相當于動態中的標簽分類,但前提發表動態時選擇對應你標簽,不然發表后的動態不能二次修改。這種通過標簽點亮的功能也是為了讓用戶UGC內容更加多元化,同時也想通過標簽來吸引用戶多多發動態的。創意點是好的,但是否能達到好的效果,還是要拭目以待。
相比其他產品,咔咔是我一直關注的產品,同時也是特別喜歡的產品之一,所以我分享給你們。
設計師要有發現美的眼睛。美不僅是視覺,還有好的體驗流程。不要讓用戶思考,這是每個設計師所追求的。
認真記錄產品細節,了解背后的思考,也是不斷提升自己邏輯思維和表達能力的一種方式。
本期產品細節分析結束,點擊原文鏈接查看更多,我們下期再見!
作者:碳水Sir;公眾號:草蓉三石
作者:碳水sir
鏈接:https://www.zcool.com.cn/article/ZMTQwMzM4OA==.html
來源:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
WWDC22 全球開發者大會結束,有太多小眾產品脫穎而出。無形中有一股巨大的力量,在慢慢崛起,那便是來自世界各地的小型開發團隊和獨立開發者。他們的產品小而美,小到僅靠一個功能撐起產品,美到完全忘記這是工具產品。那么具體都有哪些產品細節,不妨聽我細細道來~
其中,我精挑細選出一個海外和三個國區優秀產品進行產品設計細節分析,一探小眾產品究竟好在哪里!
(專注面條 - 輕松重獲專注力)2022年Apple設計大獎入圍名單之一
(謎底時鐘 - 讓時間看得見)2022年Apple設計大獎入圍名單之一
(Waterllama - 開啟喝水時間)2022年Apple設計大獎入圍名單之一
(OffScreen - 自律番茄鐘,不做手機控)Apple Store精品推薦64次
排名不分先后,從以上幾款產品logo中可以看出產品之間設計風格基本不一樣,不存在借鑒抄襲,各自都在細分領域深耕播種。
也正是因為開發者的敬業、精益、專注、創新的“工匠精神”,才能讓產品突出重圍,優秀的呈現在用戶面前使用。
Slogan:專注,可以做出一碗好面條。
你以為這只是讓人做泡面的App!那就錯了。這是用“煮一碗好面條是需要時間的”為理念,讓用戶專注工作,類似番茄工作法。
有趣的是,這款效率工具被插畫元素完美包裹起來,一點感受不到工具給人帶來的疏遠感。相反,極具趣味性的畫面讓工具使用起來也充滿樂趣充滿愛。
正因這上乘的設計質感,《專注面條》曾數次登上 App Store 推薦頁,至今收獲 7000+ 個評價、4.9 的評分。
想象一下你正在烹飪一碗面條。
在烹飪時間結束前.不要試圖拿起你的手機,這樣會讓水蒸汽流失,面條就不好吃了。日后,你可以使用專注面條完成你希望專注的任何事情。
它把工作比喻成煮面,煮面要專心,把控火候,合適時間放入主料和調料;工作同樣要專心,遵循自己的方法論,把每個步驟和流程都執行到位。工作完成了,一碗面也就煮好了。
專注力在哪里,效率就在哪里。
「專注面條」希望輔助你以一種詼諧有趣的方式,重獲這個時代最稀缺的專注力。放下你的手機,煮一碗面,我們一起對抗手機成癮!
時間一到,你的面條就做好了,你也完成了一次有意義的專注。
打破常規,不用系統默認蘋方字體,而是選擇手寫體風格的「素材集市康康體」字體(文末領取可商用字體包)作為通篇文字載體。
這也是為統一界面風格做的一個優化嘗試。
不得不說,這個選擇是非常適合的。(體量較小的產品可以適當選用設計字體,一旦產品功能做多做大還是乖乖用默認字體規范靠譜些)。
打開App,你能明顯看到簡潔的手繪風格元素,使整個產品透傳出清新可愛的一面。這也是Alex作者受到女兒啟發,畢竟小孩子總有天馬行空的想象,但大人們卻很難跳脫現實產生有趣想法。
App界面極其簡潔,只有黑白灰三種顏色,搭配手繪風格的設計元素,使產品整體清新脫俗,與眾不同。
圖標設計脫離設計規范,采用更加符合產品氣質的手繪風格,這樣使得界面統一性極高,氛圍感十足。
這也間接告訴設計師們圖標設計上一定要跟著產品形態去做設計,而不要一味以第三方規范為唯一衡量標準來設計,結果就是同質化泛濫。
計時是產品核心功能,點擊首頁左上角專注時長,會出現不同的煮面方案。
可設置5分鐘-180分鐘之內任意時長的專注時間,同時為5、10、15、20、25、30、35、40、45、50、55、60、180分鐘,這13個時間段繪制了專屬面條配方。你不用手機的時間越長,你煮的泡面配料就越豪華越高級。設計元素也越豐富。當你碰到手機,就會震動十閃光。
面條設計方案與功能的完美呈現是產品最吸引人的地方。
根據累積的專注時長還可以獲得相應的稱號,配合幸苦工作后汗水落下動畫,很是生動有趣。
不僅如此,專注面條還特意為女性男性做了兩套插圖設計方案,充分考慮不同群體的使用體驗,僅僅是效率型產品就做到如此細節,不好才怪。
這也是除了故事卡片第二種用總時長配圖來增加產品使用黏性產生記憶點的設計之處。
1.永久買斷制
【專注面條】一次買斷制,面條價格¥18。購買后產品內的功能都可使用。但“故事卡片”需要鑰匙來解鎖,¥6.00=鑰匙*6,不想付費那就乖乖完成計時任務來隨機獲得故事卡片。
作為一個功能單一的產品,賣點在哪里?核心競爭力在哪里?依碳水Sir來看付費用戶大多在為品牌理念買單。
就是產品自身的品牌調性,區別于市面上任何一款產品,不隨波逐流,用全新的面條理念代替時間,并且有其鮮明的手繪風格和插圖元素,即使被抄襲也只能抄到“外殼”,內在的東西是偷不走的。
2.購買鑰匙
專注完成后,靠概率獲得鑰匙,用來解鎖故事卡片以及 “腦洞大開” 的結局作為獎勵。緩解你專注后的緊張感,增加趣味互動性,同時為下一次專注做好準備。
故事中皮諾曹、烏鴉喝水、長發公主等雖然都是我們耳熟能詳的童話,但作者( Alex )給他們加上了一些彩蛋。譬如在《猴子撈月》的卡片里,解謎前三個猴子看到河流中有一個圓圈,當我們找到面條的位置時,會發現猴子們看到的不過是一個香菇都大為震驚,畫面里充滿奇妙的想象力。
當用戶看到未解鎖的故事會出于好奇點進去,這時就需要鑰匙來解鎖,畢竟不是靠專注獲得的卡片就要用別的辦法(購買鑰匙)打開,這就是第二個商業轉化點。
目前已有的27張故事卡片,每一個都與面條結合進行故事綁定,讓用戶在效率軟件中也能感受到游戲的樂趣,把故事卡片當成解鎖過關元素,引發用戶對故事卡片更多的渴望。這也是通過獎勵機制提高用戶參與感進而提高使用黏性以及提升付費轉化的一種方式。
一個動作,一堆腦洞,組成了一個能量滿滿的 app。
6 月 1 日,蘋果發布了 2022 年度設計大獎入圍名單,在「創新思維」類別中出現了中國區《專注面條》的身影,雖然止步于決賽圈,但我覺得這并不是結束,而是全新的開始。
優秀的產品總有其相似之處,也有其不同。要想做一款好的小眾產品,除了把產品本身所解決的用戶痛點做好做精外,植入產品理念,與用戶產品某種關聯。
就如它把專注計時比作烹飪時間,當完成專注,你將獲得一碗香噴噴的泡面一樣,給用戶感受并不是冷冰冰的機器“?!钡母嬖V用戶專注結束,而是通過巧妙的設計與用戶之間產生真實聯系,這或許就是成功的秘密。
借用「專注面條」Slogan說的:專注,可以做出一碗好面條。
各位設計師們不妨學習一下背后的思考。
謎底時鐘是一款設計精美的時鐘應用。
Slogan:陪伴你學習、工作與生活。
你沒看錯!它僅有時間和計時功能。
作為一款時鐘App,UI設計有什么不同,才被入選2022 蘋果設計大獎!成為中國開發者之光!我們一起來看看。
第一次下載,就會啟動引導流程,切換頁面時配合錯幀動畫,使設計細節更加突出明顯,強化品牌調性。產品中的引導頁都可以嘗試這種表現形式。
進入首頁,展示文字+動效的引導流程,統一的表現形式,讓使用者更容易理解。首頁交互引導,讓用戶對產品隱藏的交互功能得到二次記憶,具有增強產品記憶的作用。
2-1.設計元素
品牌風格設計很前沿,采用2020年大火的新擬態設計風格,也能看出設計表現緊跟市場潮流走,是一款個性且年輕的App。
整體使用下來,印象最深的就是模塊列表、圖標的微質感設計,以及彈窗布局的規范化設計,還有部分組件采用毛玻璃設計手法等。
值得注意的是,產品對iOS原生組件進行大量重新設計,結合新擬態風格繪制了一套更符合產品調性的組件出來。讓人使用一次就記憶猶新。
2-2.核心力-交互感知
我分別羅列出計時切換器、計時完成動效、時間選擇器、鬧鐘動效、刪除交互、浮窗切換交互這六個來簡單談談看法。以下幾個動效交互基本涵蓋市面上的多半產品的基礎功能,之所以展示出來,是因為「謎底時鐘」在原有的基礎組件上大膽創新,摒棄原生組件。
這樣做對于功能簡單的產品來說絕對是錦上添花有助于產品形成記憶點的設計細節。這也從側面反映出市面上的部分產品,只注重功能堆疊而完全忽視原生組件還可以二次設計的方向。
什么是好的交互,操作時無感知是一種,操作時有記憶點也是一種。顯然「謎底時鐘」是后者。要知道優秀的交互自成一派,把單一的功能做到極致,你的產品就不會差到哪里。
時鐘就是要長時間靜默展示,除了極簡、擬物、科技、馬賽克、霓光、積木、微質感、電子屏、睡眠屏、卡通風、各類鐘表材質等等19種風格高顏值時鐘外,霓光時鐘具有不一樣的功能。
當你早晨使用它文案“早安晨之美”中午“午安好心情”下午“飲啖茶食個包”,除了文案變化,圖標也跟隨名稱而變,又一個用美食來拉近與用戶距離的設計細節。
不僅如此,在低電量情況下,霓光效果不顯示,底部會持續閃爍電量不足的指示燈,告訴用戶手機沒電信號,請及時充電。當用戶插上電源,霓光時鐘會重新啟動亮光模式,給予用戶通電感知。
雖然很小的設計點,但誰又能想到時鐘與電量不足產生聯系。看來開發者對時鐘的創意聯想是豐富多彩的。
無意間觸碰手機時發現積木零星掉落下幾個,在好奇的驅使下又晃動了一下手機,所有積木都掉落下來了。
具有數字屬性的積木依然不斷變換數字,并且配合手機陀螺儀可以模擬現實空間進行移動,交互玩法趣味十足,讓我忍不住多玩了幾次。
這種用到iOS系統功能做的大膽嘗試,有時會給產品帶來意想不到的好處,各位總監們不妨試試。
采用終身會員與月會員模式,月會員很好理解,為了產品能持續做下去,而推出的付費模式,目的是能持續有營收。終身會員是一個很有意思的模式。
據了解,產品前期功能相對單一時,推出的一種買斷制,但隨著新功能不斷增加,原有¥25定價相比較低,早期買斷的用戶獲利更大,為了商業與產品平衡,使其具備良性發展空間,于是又推出月會員模式。
這也牽扯到另一點,凡是未上線新功能都可以輕松決定是否開發上線,一但功能上線,想要取消或抹掉功能,就沒那么輕松簡單了。這也是早期App都一次買斷,后期改為訂閱模式也必須有終身買斷的內購入口。
如果我們是“匠人”就會把 App 當藝術品,雖然只有也僅有一種功能,但只要花費了大量的時間去想創意,去做到設計、交互的完美融合,甚至一遍一遍地優化各種細節部分,埋設彩蛋,最后的最后呈現出來讓自己滿意。那么它就很可能成為一款小而美的產品。
烏克蘭開發團隊出品。讓喝水變成一件快樂輕松的活動。僅有的喝水記錄功能,卻用大量動物角色來獎勵喝水后的你,讓你欲罷不能。保持水分保持快樂!從截圖中不難看出,該App內置大量動物插圖,通過喝水來解鎖小動物,解鎖前僅展示動物輪廓,讓用戶產生好奇從而保持喝水好習慣,這個概念很好,產品很棒,那我們一起來看看吧。
產品中icon展示較少,更多是用小插畫來代替,頁面中大量的banner以及動物卡片,豐富產品的同時營造一種輕松的感覺。并沒有很多圖標干擾用戶操作。與水相關的插圖用動效來承載,讓簡單的元素變得趣味橫生,很是新穎。除了普通的水以為,Waterllama還為各種飲料酒水做了全套icon,共計48+之多,可見產品對于水的核心功能做足了努力,才有如此多的類型與選擇供用戶記錄。
無論您是想休息一下咖啡因,還是想通過果汁和冰沙來增強免疫系統 - 選擇任何挑戰,盡情享受吧!
遠離含糖飲料和酒精,或者在 10 天內只喝水補充水分。看看你的進展如何,別忘了與朋友分享你的結果。
Waterllama 應用程序中已有超過 45 個可愛的動物角色,我把解鎖與隱藏的都羅列到上放品牌元素中,可以看下總有一款是你的菜。你也可以使用隨機模式,讓每一天都變得不同。當天喝水目標達成就會解鎖一個動物,精美的插圖讓人賞心悅目,期待第二天繼續喝水打卡挑戰。
首頁下方的動物挑戰卡片,交互形式采用App Store卡片點擊交互,無論是轉場過度,還是下拉放大主體都給畫面賦予趣味性操作體驗。一邊體驗交互細節,一邊了解喝水的各種好處,娛樂加學習兩不誤,很是輕松。
內購頁面采用icon輪播的動效展示,優點是在一小塊區域通過消失漸現可以展示所有內容,使內購頁面干凈清爽能更好的閱讀頁面信息。按鈕通過循環放大,引導用戶進行付費操作,雖然很刻意,但絲毫沒有感受到強制性選擇。
當產品想要在內購頁強化品牌背書,給到用戶可靠穩定感,可以選出具有代表性的優質評價,展示在內購頁下方,通過左右切換查看更多評價。
每年¥28,終身買斷制¥48.00。兩個價格是利用價格差來制造價格錨點,引導用戶購買終身會員,這對用戶來說最實惠劃算的方案,同時也是產品所希望的。大量的終身用戶長時間使用產品,成為核心用戶群體,助力產品越做越好。
現在不難看出,優秀的產品往往更關注細節表現,用動態展示內容,讓玩法更具趣味性,頁面簡約而不簡單。并不是頁面元素越多越好,相反把簡單的功能做到極致就會帶來正向有價值的反饋。
這款產品雖然沒出現在WWDC22上,但與「謎底時鐘」是同一家公司。無論設計或功能使用都相媲美。
手機已成為人人必備的物品,內置的各種App占有著人們的生活,手機依賴已成為這個時代普遍的一種現象。雖然人們都知道長時間看手機不好,下意識的克制看手機行為,以為這樣脫離手機依賴患者這個稱號。往往碎片化看手機,一天下來使用手機的時長不降反增。「OffScreen」通過細分時間屬性為用戶直觀呈現各種場景下使用手機的詳細數據,通過數據展示以及專注時間,防止用戶沉迷手機無法自拔。
「OffScreen」背景色使用極其大膽。
淺色模式下采用暖橘色作為品牌主色調,暗色模式下采用海藍色作為主色調,相比Apple設計規范中的顏色,這種帶有傾向性的色彩更容易營造一種產品氛圍,強化產品感知度。
圖標方面,具有操作屬性的圖標采用線性(相對好理解),具有展示屬性的圖標采用面性風格(設計表現更強且有文字描述相對好理解)。
引導流程專場用了大量位移、漸變效果,使原本單調的靜態頁賦予生動表現力。吸引用戶眼球,達到品牌傳播效果。
動效貼合操作效果,用戶還沒使用就能一眼明白產品如何使用,這就是引導動效的好處。
當你專注番茄鐘時,只需在番茄上滑動標尺選擇準確時間,就能開始專注。
當完成專注會提供統計數據,并且有彩帶飄落效果,營造打卡勝利的儀式感,強化產品感知,為用戶下一次專注做準備。
內購頁采用依次呈現的交互方式,頭圖是一個人在看手機,采用線性風格手法,這種形式區別于其他產品,會給人以眼前一亮的感覺,加深用戶對產品的記憶。
付費按鈕吸附與頁面底部,根據菲茨定律,起始于目標位置越近,到達目位置的時間就會越短,從而用戶更容易點擊。
一次買斷制,¥30.00解鎖終身會員。
作為一款時間統計、番茄鐘、專注時間與一身的產品,對于時間管理有強需求的用戶來說價格還算不錯。流暢的交互呈現以及有趣的配圖描述,間接感受到Off Screen產品的細膩之處,用戶為此買單也不是說。
OffScreen的成功在于能把單一的屏幕使用時間進行多維度分析呈現,就說“呆呆的看”與“邊走邊看”這兩項數據,就是調用系統運動數據來判斷使用屏幕的場景。
況且每項數據都支持時間軸可視化圖表的方式呈現,細節之處方見專業,這也是好產品所要具有的垂直領域專業度。
想要產品脫穎而出,一定要嘗試將軟件與硬件結合,可以是陀螺儀、眼動追蹤、閃光燈等等,總之系統推出新的功能,就盡量把它用到產品里去。
不僅如此,看以上幾個產品,截圖模塊內容都頂滿了,說明App想要展示的細節還有很多,從側面也能看到開發者們不留一塊“空白”的用心。
大廠產品固然很好,做法更符合大眾市場符合消費者需求,隨著不斷新增功能,產品變得越來越普適大眾,無產品獨特風格可言。因為背后有龐大的員工要養活。
相反小團隊獨立開發者們沒有太多顧慮,一心想把一個點做好做緊致,哪怕只是計時,也要做的自己滿意為止,才會交卷,時代在變,匠人之心從未改變。值得致敬這些開發者們。
跳脫大廠的產品,來看看獨立開發者和小型開發團隊,一人即團隊,遇到各類問題都要獨自進行解決,可想而知工作量會有多大。
他們的產品或許沒有龐大的生態體系來滿足大眾用戶使用需求,但App Store十余年的發展,建立起細顆粒的開發環境,正是這種良性生態,讓那些有光的開發者,隨心所欲讓心中的想法變成現實,讓夜里的小路燈照亮了整片街道。
就連開發者們都這么拼搏,作為設計師的我們哪還有抱怨之說,這么多好的產品擺在眼前,真是難得的學習機會,習他人之處,補自我之短。一起加油一起進步。
設計師要有發現美的眼睛。美不僅是視覺,還有好的體驗流程。不要讓用戶思考,這是每個設計師所追求的。 認真記錄產品細節,了解背后的思考,也是不斷提升自己邏輯思維和表達能力的一種方式。
本期產品細節分析結束,點擊原文鏈接查看更多,我們下期再見!
作者:碳水Sir;公眾號:草蓉三石
本文由 @碳水Sir 原創發布。未經許可,禁止轉載。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
眾所周知,B站是一個二次元、鬼畜、學習、娛樂等等于一身的綜合視頻社區。近82%的用戶是Z世代用戶(90-09年出生的人群),他們也是生長在互聯網下的一代人。用戶規模與活躍度都持續高位,除了其產品側的發力,設計中的體驗感知也功不可沒,本次分享bilibili中用戶最常能感知到的產品設計細節,幫助你豐富B站玩法的同時,學習產品中的過人之處,以便了解設計發力點。
越往下看你越驚嘆,總有一個你不知道的彩蛋設計細節。
1.【防偷窺】登錄頁 - 2233娘遮眼
1.使用場景
再熟悉不過的頁面了吧。登錄頁面是除首頁外,每個用戶大概率要進入的頁面。如何給予用戶安全感知,同時增強產品記憶點。
2.設計思考
設計目標:提升用戶登錄B站時的安全感知。
設計方案:當用戶在輸入驗證碼或者密碼等較為敏感的信息時,2233娘會遮住眼睛,暗示隱私信息我們是不會偷看的。強化B站對安全隱私的重視度。增強用戶信任感。同時B站的品牌IP2233娘從兒時到成年產品中都有體現。用戶登錄注冊賬號時,兒時Q版的2233娘呈現在眼前,暗示著2233娘未來的一路陪伴,共同成長的愿景。這是第二層含義。
1.使用場景
作為一個二次元發展起來的視頻社區,用戶對于產品品牌具有親切感。但B站發展至今二次元內容逐漸被多元生態所代替,類目占比逐漸變小,老用戶的情感記憶那里體現。
2.設計思考
設計目標:提升品牌IP傳播,讓用戶享受更加豐富的開屏頁,從而滿足用戶情緒。
設計方案:在「設置」-「開屏畫面設置」中,你可以隨機展示或者自定義選擇畫面,總共為用戶提供20張圖片,每一個都是2233娘和B站重要日子的組合插畫,其中不乏幾張經典頁面。當用戶選擇特定畫面時,不僅能強化IP記憶點,同時也體現出產品對用戶的重視程度。
1.使用場景
B站彈幕是出了名的有趣,當彈幕狂熱者看一個熱門爆款視頻,很可能彈幕全程霸屏,氣雖然氛感十足,但也會存在遮擋用戶查看所關注的內容,從而錯過精彩瞬間。如何解決?
2.設計思考
設計目標:優化彈幕開關的便捷操作,給予用戶優質的交互體驗。
設計方案:在視頻播放頁面,常規開關彈幕的方式是點擊左下角彈幕按鈕。想要在便捷一些,你可以雙指點擊屏幕,觸發開關彈幕功能,相比常規「先點擊屏幕」「再關閉彈幕」兩步操作,雙指點擊屏幕更加高效,雖然多指操作學習成本高,但這種隱藏交互會大大提升觀感體驗。如今的產品功能不斷堆疊,有時候常用的功能要進入3個層級才能使用,何不換種思路,運用多指交互來提升用戶操作體驗,未嘗不是一種好的體驗升級。
1.使用場景
一個產品除了空狀態、界面元素外,如何在視頻頁中給予用戶品牌感知,增加趣味體驗。
2.設計思考
設計目標:提升視頻頁進度條的趣味性,從而強化B站品牌透傳。
設計方案:在視頻頁中,當你對視頻進度進行左右拖拽時,進度條的指示圖標「小電視」的眼睛會左右移動,當你向左滑動眼睛跟隨左邊,向右滑動小眼睛跟隨右邊,很是有趣,通過IP結合進度條的交互設計讓原本單一的形態變得趣味橫生。當然,進度條的樣式不止一種,還有很多彩蛋視頻也有不同的樣式,快去找一找吧。(對了,最近在使用【優酷】時也發現進度條的微設計,感興趣的朋友不妨看看。)
1.使用場景
一鍵三連最早的發源地,或許你此時才知道這個功能吧。
2.設計思考
設計目標:提升在同質化產品中的特殊功能點設計,強化產品一鍵三連功能。
設計方案:在視頻頁瀏覽時,看到超級喜歡的UP主視頻,激動到想要一鍵三連,可以長按點贊按鈕,你會看到右邊投幣和收藏顯示進度條占比,當一圈走完,點贊、投幣、收藏同時完成,這就是一鍵三連的激活功能。不僅如此,移動端、網頁端、以及接下來的「寫筆記」中都可觸發一鍵三連功能,產品特有的功能感知滿滿。
1.使用場景
想聽周董的歌,網易云音樂沒有,QQ音樂又要付費聽,好難受啊~
2.設計思考
設計目標:解決用戶聽歌時視頻彈幕干預,將視頻切換音樂模式,專注聽歌。
設計方案:在視頻頁,點擊「更多」選擇「聽視頻模式」,當前視頻會切換成音樂頁面,這難道不就是音樂軟件嘛。常用的循環、上一首、下一首功能都有、收藏、評論、轉發也有,簡直不要太棒。因為B站是UGC(用戶生產內容)、PGC(專業生產內容)視頻平臺的獨特性,自身就不會太擔心侵權問題。難怪B站中Z世代的用戶更多,一款產品,滿足多場景多人群使用,怪不得能俘獲民心,有它的道理。
7.【視頻放大】雙指移動 - 放大縮小畫面
1.使用場景
當你用B站學習時,小小的手機屏幕很難看到細節,該怎么解決?
2.設計思考
設計目標:提升細節放大展效果,讓用戶看清具體信息,提高學習效率
設計方案:在視頻頁,除了上面說的雙指點擊觸發彈幕開關,你可以通過雙指拉伸把視頻任意放大,當然你也可以捏和把視頻縮小。當改變了原始視頻尺寸,底部會有一個「還原屏幕」的按鈕,點擊即可快速矯正視頻。還不快快用起來~
1.使用場景
是不是還在邊看英文電影邊學英語,這樣雖然是個辦法,但遇到不懂得單詞或是語法你還要在第三方翻譯軟件中翻譯,效率性大打折扣。
2.設計思考
設計目標:提高音樂學習效率,在視頻中增加實時英文解析,幫助快速學英語。
設計方案:目前已知在「老友記」中,用戶可以通過點擊左側「學音樂」進入到英文學習分欄中,演員的每段對話,以及出現時間,都清晰羅列出來,你可以重復收聽某段對話,也可以針對當前對話中不理解的單詞或語法進行學習,簡直就是學習英語者的福音。
1.使用場景
一起刷B站、一起看視頻、一起聊天等等這樣的場景可能只在現實中存在。真的是這樣嗎?
2.設計思考
設計目標:解決異地分開刷B站的阻隔感,提升隨時隨地一起刷劇學習的幸福感。
設計方案:在視頻頁,點擊「一起看」進入放映廳,你可以自己新建放映廳,也可以進入別人的放映廳,總之可以多些朋友一起看視頻,一起交流,完美解決異地或者獨處的孤獨感~
1.使用場景
同樣是看視頻學習,當你身邊只有手機時,需要做筆記,還在通過備忘錄等形式在App之間來回切換記錄嗎?
2.設計思考
設計目標:解決看視頻時難以記錄重點知識的情況,提升記錄筆記效率,從而高效學習。
設計方案:在公開課等教學類視頻中,通過點擊「更多」找到「筆記功能」就能解決一邊看視頻一邊記錄的痛點了。不僅如此,還能查看其他用戶的筆記內容并且可以一鍵三連進行互動,具有雙向學習性,簡直不要太棒。筆記做完還可以一鍵復制,粘貼到你的知識庫中,解決內容遷移問題。在B站學習的用戶不妨快來試試~
1.使用場景
B站是個彈幕網,很多時候觀看者頭腦一熱隨意發表的彈幕言論,會給其他用戶帶來觀影不適以及平臺污染,如何解決。
2.設計思考
設計目標:為用戶增加彈幕刪除功能,從而提升彈幕評論的綠色言論,凈化彈幕內容。
設計方案:在視頻頁發送了一個彈幕,用戶可在視頻中看到自己的彈幕,鼠標進入,選擇撤回,要注意只能在2分鐘內進行撤回,并且一天之內只能撤回5次彈幕。目的也是為防止用戶頻繁撤回的操作。手機端可點擊彈幕列表,找到自己的彈幕,長按會出現撤回選項,點擊撤回即可。
1.使用場景
人們總對好奇的事物產生興趣,尤其是在自己不知道的前提下。
2.設計思考
設計目標:增加鬼畜區彈幕彩蛋功能,提升此類目視頻曝光。
設計方案:在鬼畜區頻道,長按10s右下角的返回頂部按鈕,會激活底部黑色輸入列表,文案寫著:“嘗試輸入字母,發現鬼畜秘密...”帶你進入另一個神秘空間。
1.使用場景
文案的引導會激發用戶好奇產生嘗試。
2.設計思考
設計目標:引導用戶進行隨機字母輸入,提升彩蛋互動玩法。
設計方案:在搜索框隨機輸入英文字母,會出現提示輸入的字母,當你輸入完點回車,網頁會出現經典的一句話彈幕。如果你長按AAAAAAAA...,網頁彈幕伴隨音效不斷出現,很是鬼畜。當你對某個彈幕頭像產生好奇,可點擊進入視頻頁,進行視頻瀏覽,同時可以后評論區同樣是彩蛋進來的伙伴一起交流,很是熱鬧。
1.使用場景
當B站上傳視頻以及評論不加以管制和制度教育,會帶來流失用戶的風險。
2.設計思考
設計目標:為了建立良好的視聽環境和用戶體驗,規范產品的內容形式。
設計方案:在社區中心,小黑屋中,可以查看已經被關小黑屋用戶的案情,針對案情的嚴重程度,進行封禁時間限制,相比長篇文章的制度規范,這種實際案例,更能讓用戶了解平臺規則,防止關進小黑屋出不來。
15.【代碼良言】小黑屋 右箭源代碼 - 金石良言
1.使用場景
程序員在小黑屋頁面,想要越獄查看代碼等行為。
2.設計思考
設計目標:告知程序員,開發者們小黑屋不僅是用來規范視頻用戶做出的行為,同樣也是針對開發者以及程序員的。
設計方案:在「小黑屋」頁面,右鍵「顯示 網頁源代碼」,在一行代碼中間,你會看到一句話:“一朝耍流氓,十年掛南墻;不乖的孩子統統都要打屁股;越獄是不可能越獄的,這輩子是不可能越獄的”極具搞笑的語言讓本就是嚴肅的事情變得輕松許多,同時增強小黑屋的準則態度,讓B站用戶做一個遵守準則的好用戶。
設計師要有發現美的眼睛。美不僅是視覺,還有好的體驗流程。不要讓用戶思考,這是每個設計師所追求的。
認真記錄產品細節,了解背后的思考,也是不斷提升自己邏輯思維和表達能力的一種方式。
本期產品細節分析結束,點擊原文鏈接查看更多,那我們下期再見!
作者:碳水Sir;公眾號:草蓉三石
本文由 @碳水Sir 原創發布。未經許可,禁止轉載。
參考文獻:
B站2022第一季度財報:https://mp.weixin.qq.com/s/ctzbvBqPxtbQxCV2_XAGDQ
MikuFans彈幕視頻網 :https://www.bilibili.com/read/cv14244675/
Advertising:https://mp.weixin.qq.com/s/831jX19aq8cfI_WU7RQubw
時趣研究院:https://mp.weixin.qq.com/s/BUZoVle8ByLQjAFrCMm4ag
眾所周知,B站是一個二次元、鬼畜、學習、娛樂等等于一身的綜合視頻社區。近82%的用戶是Z世代用戶(90-09年出生的人群),他們也是生長在互聯網下的一代人。用戶規模與活躍度都持續高位,除了其產品側的發力,設計中的體驗感知也功不可沒,本次分享bilibili中用戶最常能感知到的產品設計細節,幫助你豐富B站玩法的同時,學習產品中的過人之處,以便了解設計發力點。
越往下看你越驚嘆,總有一個你不知道的彩蛋設計細節。
1.【防偷窺】登錄頁 - 2233娘遮眼
1.使用場景
再熟悉不過的頁面了吧。登錄頁面是除首頁外,每個用戶大概率要進入的頁面。如何給予用戶安全感知,同時增強產品記憶點。
2.設計思考
設計目標:提升用戶登錄B站時的安全感知。
設計方案:當用戶在輸入驗證碼或者密碼等較為敏感的信息時,2233娘會遮住眼睛,暗示隱私信息我們是不會偷看的。強化B站對安全隱私的重視度。增強用戶信任感。同時B站的品牌IP2233娘從兒時到成年產品中都有體現。用戶登錄注冊賬號時,兒時Q版的2233娘呈現在眼前,暗示著2233娘未來的一路陪伴,共同成長的愿景。這是第二層含義。
1.使用場景
作為一個二次元發展起來的視頻社區,用戶對于產品品牌具有親切感。但B站發展至今二次元內容逐漸被多元生態所代替,類目占比逐漸變小,老用戶的情感記憶那里體現。
2.設計思考
設計目標:提升品牌IP傳播,讓用戶享受更加豐富的開屏頁,從而滿足用戶情緒。
設計方案:在「設置」-「開屏畫面設置」中,你可以隨機展示或者自定義選擇畫面,總共為用戶提供20張圖片,每一個都是2233娘和B站重要日子的組合插畫,其中不乏幾張經典頁面。當用戶選擇特定畫面時,不僅能強化IP記憶點,同時也體現出產品對用戶的重視程度。
1.使用場景
B站彈幕是出了名的有趣,當彈幕狂熱者看一個熱門爆款視頻,很可能彈幕全程霸屏,氣雖然氛感十足,但也會存在遮擋用戶查看所關注的內容,從而錯過精彩瞬間。如何解決?
2.設計思考
設計目標:優化彈幕開關的便捷操作,給予用戶優質的交互體驗。
設計方案:在視頻播放頁面,常規開關彈幕的方式是點擊左下角彈幕按鈕。想要在便捷一些,你可以雙指點擊屏幕,觸發開關彈幕功能,相比常規「先點擊屏幕」「再關閉彈幕」兩步操作,雙指點擊屏幕更加高效,雖然多指操作學習成本高,但這種隱藏交互會大大提升觀感體驗。如今的產品功能不斷堆疊,有時候常用的功能要進入3個層級才能使用,何不換種思路,運用多指交互來提升用戶操作體驗,未嘗不是一種好的體驗升級。
1.使用場景
一個產品除了空狀態、界面元素外,如何在視頻頁中給予用戶品牌感知,增加趣味體驗。
2.設計思考
設計目標:提升視頻頁進度條的趣味性,從而強化B站品牌透傳。
設計方案:在視頻頁中,當你對視頻進度進行左右拖拽時,進度條的指示圖標「小電視」的眼睛會左右移動,當你向左滑動眼睛跟隨左邊,向右滑動小眼睛跟隨右邊,很是有趣,通過IP結合進度條的交互設計讓原本單一的形態變得趣味橫生。當然,進度條的樣式不止一種,還有很多彩蛋視頻也有不同的樣式,快去找一找吧。(對了,最近在使用【優酷】時也發現進度條的微設計,感興趣的朋友不妨看看。)
1.使用場景
一鍵三連最早的發源地,或許你此時才知道這個功能吧。
2.設計思考
設計目標:提升在同質化產品中的特殊功能點設計,強化產品一鍵三連功能。
設計方案:在視頻頁瀏覽時,看到超級喜歡的UP主視頻,激動到想要一鍵三連,可以長按點贊按鈕,你會看到右邊投幣和收藏顯示進度條占比,當一圈走完,點贊、投幣、收藏同時完成,這就是一鍵三連的激活功能。不僅如此,移動端、網頁端、以及接下來的「寫筆記」中都可觸發一鍵三連功能,產品特有的功能感知滿滿。
1.使用場景
想聽周董的歌,網易云音樂沒有,QQ音樂又要付費聽,好難受啊~
2.設計思考
設計目標:解決用戶聽歌時視頻彈幕干預,將視頻切換音樂模式,專注聽歌。
設計方案:在視頻頁,點擊「更多」選擇「聽視頻模式」,當前視頻會切換成音樂頁面,這難道不就是音樂軟件嘛。常用的循環、上一首、下一首功能都有、收藏、評論、轉發也有,簡直不要太棒。因為B站是UGC(用戶生產內容)、PGC(專業生產內容)視頻平臺的獨特性,自身就不會太擔心侵權問題。難怪B站中Z世代的用戶更多,一款產品,滿足多場景多人群使用,怪不得能俘獲民心,有它的道理。
7.【視頻放大】雙指移動 - 放大縮小畫面
1.使用場景
當你用B站學習時,小小的手機屏幕很難看到細節,該怎么解決?
2.設計思考
設計目標:提升細節放大展效果,讓用戶看清具體信息,提高學習效率
設計方案:在視頻頁,除了上面說的雙指點擊觸發彈幕開關,你可以通過雙指拉伸把視頻任意放大,當然你也可以捏和把視頻縮小。當改變了原始視頻尺寸,底部會有一個「還原屏幕」的按鈕,點擊即可快速矯正視頻。還不快快用起來~
1.使用場景
是不是還在邊看英文電影邊學英語,這樣雖然是個辦法,但遇到不懂得單詞或是語法你還要在第三方翻譯軟件中翻譯,效率性大打折扣。
2.設計思考
設計目標:提高音樂學習效率,在視頻中增加實時英文解析,幫助快速學英語。
設計方案:目前已知在「老友記」中,用戶可以通過點擊左側「學音樂」進入到英文學習分欄中,演員的每段對話,以及出現時間,都清晰羅列出來,你可以重復收聽某段對話,也可以針對當前對話中不理解的單詞或語法進行學習,簡直就是學習英語者的福音。
1.使用場景
一起刷B站、一起看視頻、一起聊天等等這樣的場景可能只在現實中存在。真的是這樣嗎?
2.設計思考
設計目標:解決異地分開刷B站的阻隔感,提升隨時隨地一起刷劇學習的幸福感。
設計方案:在視頻頁,點擊「一起看」進入放映廳,你可以自己新建放映廳,也可以進入別人的放映廳,總之可以多些朋友一起看視頻,一起交流,完美解決異地或者獨處的孤獨感~
1.使用場景
同樣是看視頻學習,當你身邊只有手機時,需要做筆記,還在通過備忘錄等形式在App之間來回切換記錄嗎?
2.設計思考
設計目標:解決看視頻時難以記錄重點知識的情況,提升記錄筆記效率,從而高效學習。
設計方案:在公開課等教學類視頻中,通過點擊「更多」找到「筆記功能」就能解決一邊看視頻一邊記錄的痛點了。不僅如此,還能查看其他用戶的筆記內容并且可以一鍵三連進行互動,具有雙向學習性,簡直不要太棒。筆記做完還可以一鍵復制,粘貼到你的知識庫中,解決內容遷移問題。在B站學習的用戶不妨快來試試~
1.使用場景
B站是個彈幕網,很多時候觀看者頭腦一熱隨意發表的彈幕言論,會給其他用戶帶來觀影不適以及平臺污染,如何解決。
2.設計思考
設計目標:為用戶增加彈幕刪除功能,從而提升彈幕評論的綠色言論,凈化彈幕內容。
設計方案:在視頻頁發送了一個彈幕,用戶可在視頻中看到自己的彈幕,鼠標進入,選擇撤回,要注意只能在2分鐘內進行撤回,并且一天之內只能撤回5次彈幕。目的也是為防止用戶頻繁撤回的操作。手機端可點擊彈幕列表,找到自己的彈幕,長按會出現撤回選項,點擊撤回即可。
1.使用場景
人們總對好奇的事物產生興趣,尤其是在自己不知道的前提下。
2.設計思考
設計目標:增加鬼畜區彈幕彩蛋功能,提升此類目視頻曝光。
設計方案:在鬼畜區頻道,長按10s右下角的返回頂部按鈕,會激活底部黑色輸入列表,文案寫著:“嘗試輸入字母,發現鬼畜秘密...”帶你進入另一個神秘空間。
1.使用場景
文案的引導會激發用戶好奇產生嘗試。
2.設計思考
設計目標:引導用戶進行隨機字母輸入,提升彩蛋互動玩法。
設計方案:在搜索框隨機輸入英文字母,會出現提示輸入的字母,當你輸入完點回車,網頁會出現經典的一句話彈幕。如果你長按AAAAAAAA...,網頁彈幕伴隨音效不斷出現,很是鬼畜。當你對某個彈幕頭像產生好奇,可點擊進入視頻頁,進行視頻瀏覽,同時可以后評論區同樣是彩蛋進來的伙伴一起交流,很是熱鬧。
1.使用場景
當B站上傳視頻以及評論不加以管制和制度教育,會帶來流失用戶的風險。
2.設計思考
設計目標:為了建立良好的視聽環境和用戶體驗,規范產品的內容形式。
設計方案:在社區中心,小黑屋中,可以查看已經被關小黑屋用戶的案情,針對案情的嚴重程度,進行封禁時間限制,相比長篇文章的制度規范,這種實際案例,更能讓用戶了解平臺規則,防止關進小黑屋出不來。
15.【代碼良言】小黑屋 右箭源代碼 - 金石良言
1.使用場景
程序員在小黑屋頁面,想要越獄查看代碼等行為。
2.設計思考
設計目標:告知程序員,開發者們小黑屋不僅是用來規范視頻用戶做出的行為,同樣也是針對開發者以及程序員的。
設計方案:在「小黑屋」頁面,右鍵「顯示 網頁源代碼」,在一行代碼中間,你會看到一句話:“一朝耍流氓,十年掛南墻;不乖的孩子統統都要打屁股;越獄是不可能越獄的,這輩子是不可能越獄的”極具搞笑的語言讓本就是嚴肅的事情變得輕松許多,同時增強小黑屋的準則態度,讓B站用戶做一個遵守準則的好用戶。
設計師要有發現美的眼睛。美不僅是視覺,還有好的體驗流程。不要讓用戶思考,這是每個設計師所追求的。
認真記錄產品細節,了解背后的思考,也是不斷提升自己邏輯思維和表達能力的一種方式。
本期產品細節分析結束,點擊原文鏈接查看更多,那我們下期再見!
作者:碳水Sir;公眾號:草蓉三石
本文由 @碳水Sir 原創發布。未經許可,禁止轉載。
參考文獻:
B站2022第一季度財報:https://mp.weixin.qq.com/s/ctzbvBqPxtbQxCV2_XAGDQ
MikuFans彈幕視頻網 :https://www.bilibili.com/read/cv14244675/
Advertising:https://mp.weixin.qq.com/s/831jX19aq8cfI_WU7RQubw
時趣研究院:https://mp.weixin.qq.com/s/BUZoVle8ByLQjAFrCMm4ag
事先聲明 /attention 。
1. 強烈建議使用電腦查看,用戶體驗更佳。
2. Gif 體積較大,請耐心查看。
3.為了讓設計細節更容易被看到,用GIf來呈現展示。
碳水Sir|5年村齡|聽過上萬首歌|發布過幾首翻唱歌曲|黑膠·伍級|LV.9,眾多身份都不能表達我對網易云的喜歡程度。因為它不僅是一款音樂播放器,更像是一個有血有肉、有情感的虛擬人一直陪伴在我身邊,治愈著我~ 你很好奇它具有什么力量,能使用戶粘性如此持久,那么我不妨帶大家看看網易云音樂中情感化驅動的魅力所在。
一首【成都翻唱】送給在座的看官,請不要嫌棄~
在聽歌頁面,呈現貓頭鷹送信環節,帶領粉絲回憶那個魔法學院,重溫經典音樂。
設計目標:通過增加彩蛋,紀念《哈利波特40周歲暨電影重映》,提升歌曲二次曝光度。
設計方案:首頁搜索哈利波特 第二首 【海德薇變奏曲】,當音樂播放到 第43s時,黑膠唱片中會突然飛出一只叼著通知書的貓頭鷹,重現海德薇送入學通知書的經典橋段。貓頭鷹飛過,你會看到評論區圖標變成了一封信。用極具創意的動畫手法,引導用戶進入評論區進行后續操作。
這也給做產品設計同學一些靈感,當有合作方時,嘗試著換種設計思路(例如:當前影視與音樂結合的彩蛋),來綁定產品與合作方之間的聯系。形成高級記憶點,從而達到用戶主動傳播的裂變效應。
在上一個場景中,點擊信件進入評論區,通過評論區用戶引導繼續彩蛋探險之旅。
設計目標:為了使上個彩蛋具有連續性,提升彩蛋引入玩法達到評論話題熱度。
設計方案:點擊通知書- 在評論區找到第9-10評論,在中間空隙位置雙擊兩下,出現一個縫隙隨后逐漸放大,映入眼簾的是魔法站臺,隨后飛速而來一輛通往霍格沃茨的列車,當門打開時,又一個強光出現,隨后穿梭回評論區。整體動畫一氣呵成,仿佛真的穿梭了一回。
當用戶不知情下進入評論區,會看到其他用戶都在以“彩蛋”為話題,展開激烈討論,這時就激發出你的評論欲望,以及彩蛋入口探索,為彩蛋話題持續供熱發光。
該手法也是利用“圈內梗”標志事物,再結合穿梭般的動畫體驗,給【哈迷圈】用戶體驗了一波驚喜感,同時為后續【哈利波特魔法覺醒】游戲做好引流鋪墊。
正式入學前,怎么能少了入學典禮這么重要的儀式。
設計目標:提升歌曲傳播性以及記憶度,通過彩蛋強化音樂儀式感。
設計方案:點擊【分院帽之歌】評論區 輸入學院名稱如格蘭芬多,,院旗降落,迎風飄揚,出現代表學院的旗幟,分院儀式就完成啦!儀式感是不是瞬間拉滿。
沒看過哈利波特的用戶,我這里為大家收集好了四個學院名稱,分別是赫奇帕奇,格蘭芬多,斯萊特林,拉文克勞,想體驗的用戶快去試試吧~
用戶進入CEO丁磊的主頁可以看到99999粉絲,在強迫癥驅使下為丁磊增加粉絲。
設計目標:通過99999粉絲,來“騙取”新粉絲關注,提升粉絲量。
設計方案:可能是程序員們被產品或CEO的各種需求堆壓的透不過氣,想著拿CEO來整活一下,這就有了上面的神奇一幕。進入首頁,搜索【網易CEO丁磊】進入主頁,第一次和CEO這么近距離接觸,當你看到99999粉絲時,心想我原來就是那幸運的第10萬粉絲,心中很是激動,當你點擊關注后,返回首頁再一次進去時,你會發現,粉絲數從新回到了99999粉絲,你以為是有人取消關注!其實這是程序員寫的一個欺騙代碼。利用這種仿制數字,來為CEO騙粉。這是程序員想到的點還是CEO丁磊的陰謀。就不得而知了~
這么細小的改動,確實讓用戶對網易云音樂產生神秘感,或許還有很多彩蛋沒有發現,從而激發用戶探索欲望~
感興趣的同學快去試試吧~
網易云音樂與雪碧達成的深度合作,要通過(音樂+設計)手段探索跨界營銷方式。
設計目標:傳播品牌主張, 通過彩蛋提升品牌新主張“透心涼、渴釋放”。
設計方案:在播放【無渴不爽】時,在特定位置會激活雪碧動效,你能看到右上方一個雪碧瓶開啟,并傾倒而出,上深到一半高度清爽檸檬炸開效果,不仔細看還以為換手機進水了。
通過對設計的高度還原,模擬真實世界汽水反饋,例如二氧化碳氣體等極具細節的動畫效果,以及開瓶時“呲”的音效聲讓用戶更好投身于音樂背后的情境中,以及緊扣歌名【無渴不爽】的“透心涼、渴釋放”理念。用“音樂彩蛋”來賦予用戶“視覺+聽覺+味覺”三覺的沉浸式體驗,讓品牌主張成為用戶切身感受。
這種營銷方式,作為用戶的我都很難拒絕,心里暗暗道:“這樣的營銷手段,多給我來一些,真的不錯,喜歡~”。換做是你,也同樣喜歡,對嘛~
17年的一個遙遠的往事,網易云團隊為了紀念【音樂人-三畝地】給【城南花已開】ID用戶專門寫的音樂。
設計目標:緬懷用音樂紀念的骨癌【南城花開時】用戶,放大產品人情世故的高度,從而提升品牌對于用戶的重視程度。
設計方案:在每年3-4月時,收聽【南城花開時】這首歌,在播放頁就能看到滿屏花瓣飄落,點擊最亮的一瓣,會看到花海中有一個少年。對于老用戶來說無疑勾起了往日回憶,通過彩蛋動畫來強化音樂緬懷的力量。同時吸引圍觀用戶的好奇,引導查看評論區,翻找彩蛋根源,進而提升評論區活躍度以及產品情感關聯。
畢竟產品本身是冰冷的,用產品本身的功能來安撫用戶以達到共鳴效果那就太棒了。這也正是網易云音樂依靠評論區獲得業界影響力的重要體現。即使版權少的可憐但依然穩居前3寶座的原因之一。
面對疫情,網易推出【光援行動】通過【Light The Light】歌曲【LTL】功能,給用戶傳遞音樂的治愈力量。
設計目標:結合硬件生態,提高閃光燈與音樂的多重組合玩法,用音樂與光傳遞希望給到用戶。
設計方案:網易團隊通過歌曲《Light The Light》歌詞”每個人都是一處微光,每當我們閃爍一次燈光,也許某處黑暗就會被我們照亮”中獲得靈感,配合歌曲中的鼓點來不斷閃爍節奏光,營造氛圍感的同時,傳遞出即使是一顆小小的微光,凝聚起來依然可以照亮一片天地。
同時表示面對防疫,人民團結一致,互相幫助的社會凝聚力。宣揚音樂的力量以及對未來美好生活的祝福。
為響應 “云村評論治愈計劃”,設計“抱抱彩蛋”,傳遞溫暖的社區氛圍。
設計目標:通過彩蛋玩法,提升社區情感鼓勵,凈化社區良好氛圍。
設計方案:再任意歌曲評論區,對著評論雙指向中間捏和的方式,去“抱”一個用戶的評論給予情感撫慰。視覺方面呈現兩個可愛的白、紅小人相互擁抱安撫的畫面,評論者的頭像也會出現“收到抱抱”的提示,以達到與陌生人之間互相鼓勵溫暖的目的。
這種方式挺暖的,通過音樂平臺送出抱抱以及接受抱抱的形式,更加體現出音樂無邊界的魅力所在。
以上是我第二次使用的感受分享。這個抱抱彩蛋設計,早在第四篇【產品細節洞察分析】中有寫道,但觀點已經完全不同,感興趣的朋友可以回溯一下~
每年高考時,【銀河赴約】都會收到來自音樂人以及網易的各種祝福,祝旗開得勝。
設計目標:在高考前夕,通過孔明燈來收集用戶的祝福語錄提高評論話題統一性。,為用戶提供高考話題入口。
設計方案:在2020年疫情期間的高考階段,網易云音樂制作了助力高考自制【銀河赴約】曲目,用戶在聽歌時,能看到評論區占位符變成了孔明燈。要知道,孔明燈是中國特有的手工藝術,又叫天燈,俗稱許愿燈、祈天燈。它的作用是祈福,許愿,保佑。用這種視覺效果,引導暗示用戶評論區特殊的意義,真誠的祝福,高考加油!帶話題輸入祝福,還能獲得“網易云音樂高考助力buff”。形式拉滿,意義非凡有沒有~
音樂是人心靈深處的對白,很多抑郁的用戶都有溝通障礙不想與人交流,唯有音樂可以獨自傾聽。
設計目標:解決抑郁用戶危險的心理活動,通過治愈所提高用戶對生活的美好追求。
設計方案:在首頁搜索“自殺”等敏感詞匯,會立即跳出云村治愈所頁面,標題寫著“生活沒有那么奇妙,但有你才會變得更好”。讓抑郁用戶感受到自我的重要性。
(2.1)開頭用生活中的美好事物來告訴用戶真實世界值得回味。
(2.2)精選了四類治愈歌單來溫暖用戶的心情。
(2.3)羅列了一線城市心理咨詢熱線,間接體現出在一線城市生活壓力指數。
(2.4)精彩評論,云村村民的八方支援,感受到網絡中溫暖純良一面。
以治愈的文字、音樂推薦、心理咨詢熱線、熱心評論來喚醒抑郁用戶,既有文字的力量也有音樂的力量,多維度努力,一起幫助云村用戶積極生活,健康快樂。
最后,當我看到閱讀總人數863.7萬時,心情還是無比復雜,雖然很多都是聞聲前來,但大部分還是真實抑郁用戶搜索而來,衷心希望音樂的力量可以幫助他們戰勝困難,也感謝網易云音樂平臺用特殊的方式來治愈用戶。這真是很珍貴的用戶洞察點。
在聽歌時,播放頁用視頻展示歌曲背后的故事,聽覺視覺雙重享受。
設計目標:滿足用戶“邊聽邊看”需求,通過視頻拉近用戶與音樂人的距離。
設計方案:在特定曲目中,對黑膠播放界面雙指下滑,激活“黑膠故事”,黑膠內將自動播放30s的無聲視頻,再次點擊即可跳轉至完整的音樂視頻播放頁面。形成快速切換的視音交互鏈路。
這種嘗試,也是進一步把音樂延伸,每首音樂都有屬于自己的故事,很多都是在聽音樂時才會引發共鳴,再去搜索音樂背后的故事,鏈路長、操作不便捷,網易推出的黑膠唱片,音樂人只需自主上傳,審核通過后,便可以最低成本,進行歌曲宣傳,同時用戶能極大的節約時間,從而更加沉浸在音樂世界中。
想要體驗,直接搜索【黑膠故事】找到歌單就可以啦~
計算上班摸魚聽歌的時間,看看朋友群里誰是摸魚之王。
設計目標:通過熱點話題并結合數據分析,來提高H5活動玩法,達到裂變傳播。
設計方案:只需要在活動頁中輸入自己的名稱,就能分析出,摸魚總時長和具體流量。這個功能的開發,起因網絡熱點話題吐槽包含網易云音樂等產品消耗10GB以上流量為基礎,發掘出可結合產品自身做的測試嘗試,【摸魚計算器】依靠平臺數據流量分析,根據【上班聽歌時間在工作時間的占比】估算出全年的【摸魚流量】。來滿足用戶獵奇心。
雖然此活動只是休閑放松的形式,并非真的宣傳摸魚有多好。但為了說明一下,還是文字提醒:“摸魚”雖好,可不要貪摸哦,正確聽歌有助于提升工作效率!告訴用戶,正確的價值觀。
在網易云大約需要聽上千首新歌,看很多故事,明白許多道理才是個好男孩??梢詫ν夥窒?。
設計目標:創造【網易云八級】梗,通過活動提升產品熱度。
設計方案:只需要在活動中,選擇性別,依靠聽歌數據分析,總結網易云等級段位。當時也有女孩說,找男朋友就找網易云八級,因為懂得很多很沉穩。當然女孩子也是同理。
據了解,這個活動也是因為有網友曬出等級截圖,并且上了熱搜,而這一事件瞬間被網易云團隊看到,迅速整活。同時間上線【8級證明書】,8級以上的用戶可獲愛好聽歌的“好男孩”“好女孩”認證。
沒錯,看到配圖的朋友都知道了吧,我是8級哦~
七夕節,表白日,語言組織不行,說不了浪漫的情話。
設計目標:結合音樂,提升表白語言的趣味呈現,為用戶提供浪漫語言幫助。
設計方案:在搜索框輸入名字,就會隨機推薦表白歌詞,都是心動的感覺,幫助不會說情話的你。當然我也可以輸入你的的名字,因為你的名字本身,也足以吸引我。有沒有被甜到~
除此之外,搜索特定名稱,會出來特殊的表白,一語中的。例如搜索蘇炳添,出來的是“我會用9秒83的速度出現在你面前”完全整活了,有木有~
不僅如此,頁面配圖,繪制了大量精美小線稿,在我嘗試了很多名稱后都沒遇到重復的圖形,可見這個小細節做了N個圖形出來,很是用心。是一個很棒的設計細節。
早期受到“網抑云”的負面沖擊,評論區中存在太多抑郁情緒發言,導致很多用戶看到后都同情憐憫隨后一起陷入抑郁。
后來網易云音樂推出各種【治愈計劃】包括【云村治愈所】【抱抱功能】【治愈專輯】等等設計手段。
最終,越來越多的用戶用正能量回懟喪文化【網抑云】變成了【網愈云】,把人間美好給到大家。
這也是產品從用戶情感訴求出發,反向驅動設計。或許這才是網易云音樂取勝的重要法寶。
設計師要有發現美的眼睛。美不僅是視覺,還有好的體驗流程。不要讓用戶思考,這是每個設計師所追求的。
認真記錄產品細節,了解背后的思考,也是不斷提升自己邏輯思維和表達能力的一種方式。
本期產品細節分析結束,點擊原文鏈接查看更多,我們下期再見!
作者:碳水Sir;公眾號:草蓉三石
本文由 @碳水Sir 原創發布。未經許可,禁止轉載。
參考文獻及鏈接:
1.https://www.sohu.com/a/506317507_120099902
2.https://baijiahao.baidu.com/s?id=1667366524064453555&wfr=spider&for=pc
3.https://www.zhihu.com/question/404810159/answer/1326228938
4.https://xw.qq.com/cmsid/20210328A0A1JB00
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
2022卡塔爾世界杯已經拉開帷幕,相信大家從這周開始,都已經陷入四年一次的狂熱的足球氛圍中。那你有聽過懂球帝這款足球APP嗎?作為國內用戶規模和影響力最大的足球社區,據官方統計,懂球帝在全國足球迷中的滲透率高達83%,甚至有這樣一句口號——十個足球迷,八個用懂球帝。本期設計大偵探,全面拆解體育行業的獨角獸懂球帝,看看一款足球類APP是如何設計的!
一、導讀
1. 內容結構
全文8517字,分為五個部分,分別是導讀、產品畫像、內容服務、變現服務和設計總結,你可以通過下面的思維導圖對本文內容結構有全面的了解。
2. 適合人群
第一類,UI/交互設計師,可以跳出執行層,去思考懂球帝的產品設計策略,提升產品分析能力;
第二類,產品經理/運營,通過全面的產品設計拆解、策略推導,獲取產品設計參考;
第三類,體育產品行業從業者,通過對懂球帝的全面拆解,獲取競品設計參考。
3. 分析模型
我們主要運用三種模型對產品的功能、設計進行拆解,由于沒有權威的官方數據,所以我們更多以推導的形式去思考懂球帝為什么這樣設計。
第一個,增長模型。由戴夫·麥克盧爾提出,包含用戶獲取、用戶激活、用戶留存、獲取收入、用戶推薦,分別對應用戶生命周期中的5個重要環節,主要用于分析產品的功能價值。
第二個,上癮模型。由尼爾·法埃爾提出,通過對上千種習慣類產品的調研,總結出一款產品如果要讓用戶習慣、上癮,可以按照觸發、行動、多變的酬賞和投入四個步驟去設計,主要用于分析產品的功能價值和推導產品的策略設計。
第三個,社會心理學。主要結合西奧迪尼的社會心理學《影響力》六大說服力原則——互惠、承諾和一致、社會認同、喜好、權威和稀缺,去推導產品設計的用戶心理設計,主要用于推導產品的策略設計。
二、產品畫像
1. 產品介紹
懂球帝是一款體育類APP,首個版本發布于2013年12月5日,根據易觀千帆2022年8月的最新數據,懂球帝月活躍用戶人數301.8萬。懂球帝持有中超、德甲、足協杯等賽事直播版權,靠著多年的積累,吸引了眾多國內外豪門俱樂部、足球媒體和運動員在懂球帝開通官方懂球號,目前是全國用戶規模和影響力最大的足球內容平臺和社區。
2. 商業模式
2.1 客戶細分
懂球帝的客戶群體主要以足球迷為主,年齡區間在24-35歲,男性居多。據官方數據,在足球球迷群體中,懂球帝APP的滲透率高達83%。從這些數據可以看得出來,懂球帝是一個覆蓋大眾足球用戶群體的產品,不僅為用戶提供專業的足球資訊、直播、競彩和游戲等服務,還滿足了很多小眾用戶群體的需求,比如球星卡交易、賽事舉辦曝光等。
2.2 價值主張
懂球帝以懂足球,更懂你為價值主張。
2.3 渠道通路
懂球帝主要通過網絡媒體平臺進行拉新引流,比如微信、微博(56.6萬)、抖音(110萬粉絲)、知乎和小紅書(3.7萬)等平臺,其次還會通過贊助線下足球比賽活動進行宣傳,比如懂球帝足球星火公益計劃等,還有會直接投入廣告進行宣傳,比如在世界杯、歐洲杯、歐洲五大聯賽投入廣告,邀請世界巨星為產品代言等。
2.4 客戶關系
懂球帝主要通過社區、圈子和粉絲群等方式和用戶建立緊密的關系。
2.5 收入來源
懂球帝的收入來源主要通過會員VIP、商城、競彩、游戲和廣告等方式實現營收。
2.6 核心資源
懂球帝在足球領域深耕已有十年,無論是技術、數據、資源、口碑還是球迷用戶,都已經有了非常夯實的積累。
2.7 關鍵業務
懂球帝的核心業務包含足球資訊、球迷社區、體育彩票、比賽直播、球星卡交易和游戲等。
2.8 重要合作伙伴
第一類,體育行業的知識創作者,通過簽約合作的形式為平臺輸出高質量的內容,比如專欄和懂彩帝;第二類,體育運動員、解說員及具有一定名氣的體育從業者,通過在懂球帝建立懂球號和球迷進行深入的溝通,提高個人知名度和影響力;第三類,體育機構和俱樂部,比如亞足聯、歐洲各大聯賽豪門俱樂部均在懂球帝開通了懂球號,和中國地區的球迷第一時間進行交流互動,提高球隊知名度和影響力。
2.9 成本結構
作為一個互聯網產品公司,懂球帝的成本開銷主要是產品運營和開發人力等成本。
3. 用戶畫像
懂球帝的用戶群體主要以男性用戶居多,占比75.55%;從年齡分布看,以31-35歲的用戶群體最多,占比39.55%,其次為24到30歲的用戶,占比33.21%;從用戶消費能力看,懂球帝的中等及中高消費者占比67.11%;從地域分布看,三線城市用戶最多,占比21.62%,新一線城市占比23.05%,二線城市占比19.39%,一線城市僅占12.42%,其中廣東省最多,山東和四川省位居前三。
4. 信息結構
懂球帝的一級菜單包含首頁、比賽、主隊、發現、數據和用戶中心?!甘醉摗共捎们饲娴男畔⒘鞣绞剑鶕脩舻呐d趣、標簽和瀏覽記錄推薦新聞,其中包含了頭條、精選、快訊、游戲等熱門欄目;「比賽」主要為球迷提供最新足球、籃球比賽的體育賽事直播,球迷可在直播間和專家進行互動;「主隊」是為球迷設置自己喜歡的球隊,當球隊開啟比賽時,會第一時間通知球迷;「數據」主要為球迷提供各大主流聯賽的當季的聯賽排名、積分、射手榜和賽程等數據;「用戶中心」設計成抽屜導航,聚合了懂球帝整個產品其他功能的入口,比如賽事、公益足球、系統設置等功能。從信息結構看,懂球帝的產品功能并不復雜。
5. 重要迭代記錄
根據七麥數據統計,懂球帝APP首個版本發布于2013年12月5日,截止到11月20日,APP版本已經更新至V7.8.8版本,近一年版本更新次數為17次。
版本重要迭代記錄
2015年1月,發布V3.0版本,全新UI,球員球隊資料頁改版,新增實時聊天室、訂閱等功能;
2016年2月,發布V4.1.1版本,Slogan為「足球迷神器(足球、直播、新聞、足彩、足球論壇社區)」;
2016年7月,發布V4.6版本,上線商品搜索功能,方便用戶購買裝備;
2017年1月,發布V5.1版本,圈子功能改版,新增Twins功能(球員twitter和ins動態)
2018年4月,發布V5.9.9版本,新增球隊數據頁,為用戶提供豐富的足球數據;
2019年1月,發布V7.0版本,全新UI,提供舒適的閱讀體驗,新增世界功能;
2020年3月,發布V7.3.5版本,上線球隊球員人氣榜功能,支持用戶為喜歡的球隊球員打榜;
2020年7月,發布V7.4.2版本,Slogan升級為「不只是一個足球APP」;
2021年9月,發布V7.6.6版本,上線會員連續包月服務;
6. 產品生命周期
根據易觀千帆2022年8月數據,懂球帝月活躍用戶人數301.80萬。官方數據公布目前懂球帝下載量超過1.5億次,注冊用戶4000萬,在足球迷群體中,懂球帝用戶滲透率超過82%,是國內最大的足球聚合平臺。 懂球帝目前在2016年就拿到了C輪融資,明年即將年滿的十周歲的懂球帝,目前處于產品生命周期的成熟期,當下聚焦于商業變現的探索和創新。
7. 競爭圖譜
截止到2022年11月21日,懂球帝APP在蘋果的APP Store應用市場,體育分類排名第11,騰訊體育位居第一,月活躍用戶人數1,205.75萬;在體育彩票分類,懂球帝位居第一,是中國體育彩票月活躍用戶人數的3倍;在體育資訊分類,虎撲以555.25萬月活躍用戶人數排名第一,懂球帝位居第二。
三、內容服務
「內容服務」是產品實現用戶留存的關鍵方式。作為一個足球媒體,懂球帝不僅覆蓋了歐洲五大主流聯賽,還包含中超、中甲、電競等聯賽資訊,為球迷提供了豐富的內容。作為一個社區,懂球帝以UGC用戶生產內容模式,吸引了全國眾多足球愛好者和創作者加入了平臺,并設計了圈子(球迷可根據自己的喜好加入不同的圈子,比如皇馬球迷圈、梅西球迷圈)等欄目,為全國球迷提供了一個創作、交流和娛樂的足球平臺。其次懂球帝利用自身強大的技術資源能力,為用戶提供每日足球/籃球比賽的直播,滿足眾多球迷無法觀看比賽或需要付費支付觀看的痛點。懂球帝還提供了非常強大的數據查詢功能,球迷可以在「數據」欄目查詢到當季各大聯賽最新的賽程、排名和射手榜等信息。
1. 內容頻道
作為一個足球媒體社區,懂球帝的內容頻道主要分為以下幾類。按聯賽分,有歐洲五大聯賽(英超、西甲、德甲、意甲和法甲)還有中超和中甲聯賽;按內容長短分,有「快訊」(提供每天最新的足球資訊);按內容質量分,有「精選」和「深度」;按興趣分,有「關注」和「頭條」;按傳播形式,有「視頻」;其次還有電競和彩經等欄目。從內容頻道設計分類看,懂球帝的內容非常夯實,可以滿足不同球迷們的需求,但是內容設計的創新度有一定缺失,比較中規中矩。
1.1 頭條
「頭條」作為懂球帝的首頁,采用千人千面的信息流形式為用戶推薦足球資訊。頭部的輪播主要以當日或當周熱點賽事或活動為主,輪播下方內容為當日熱點比賽預告或比分,方便球迷第一時間獲取比賽數據。從第一屏開始,平臺主要結合用戶的個人興趣、標簽和主隊(球迷群體一般會選擇一個主隊,比如廖爾摩斯是阿森納球迷,就會把阿森納設置為自己的主隊)進行個性化資訊推薦。
1.1.1 新聞詳情頁
足球社區是一個充滿了愛恨交織的大江湖,比如皇馬和巴薩、AC米蘭和國際米蘭的球迷往往水火不容,所以往往在足球新聞的評論區,會非常鬧熱,甚至形成獨特的球迷文化。從懂球帝的內容詳情頁可以看出,懂球帝的用戶活躍度非常高,一篇頭條的新聞評論數有上百條評論,甚至單條評論還支持多人評論、點贊、分享和舉報,非常熱鬧。
1.1.2 用戶主頁
「用戶主頁」主要指用戶的個人主頁,主要包含發表、評論、關注和粉絲四個內容。用戶之間可進行相互關注,但不支持發送私信或其他互動方式,無法進行建立更深的關系鏈接。
1.2 精選
「精選」主要按資訊的熱度來設計,從上至下分為今日賽事、戰報、12小時熱門、24小時熱門和今日推薦五個部分。這個欄目的設計有利于讓球迷看到過去24小時的熱門新聞,避免因為個性化推送錯過當天重要新聞。
1.3 圈子
「圈子」就像貼吧,用戶可自行加入喜歡的圈子和其他用戶一起交流。懂球帝的圈子非常豐富,有按俱樂部、國家隊和球星分類建立的圈子,也有根據用戶興趣愛好建立的圈子。從官方數據看,足球彩票圈子發帖數超過1000萬,一支歐洲明星球隊的圈子發帖數均在100萬以上,可以看出用戶活躍度非常高。圈子的設計,本質就是細分用戶,讓有共同愛好的球迷相聚在一起,從而建立用戶關系,最終提高用戶留存率。
2. 懂球號
懂球帝是一個UGC內容模式的球迷社區,社區內容主要由用戶創作。懂球號分為企業機構和個人自媒體兩種類型,企業機構主要針對國內外俱樂部和足球媒體機構,個人自媒體主要針對球員教練以及熱愛足球創作的的球迷群體。
懂球號的認證分為兩種,第一種是個人認證標識,黃V,主要針對在業內有一定知名度的記者、球員、KOL和優秀創作者;第二種是團體認證標識,藍V,主要針對各大俱樂部、媒體和有公眾影響力的團體。
懂球號作為一個知識創作平臺,創作者通過寫作獲取流量曝光也可以獲得收益,以此形成內容創作閉環,為社區提供專業的資訊內容。從官方公布數據看,目前懂球帝已經吸引了眾多知名俱樂部開通了懂球號,包括亞足聯、歐洲五大聯賽眾多豪門球隊和中國男女足,可謂星光熠熠,具有很大的號召力。
3. 比賽
「比賽」這個欄目,主要為球迷們提供各大足球聯賽的比賽預告和直播。從賽事分類看,懂球帝幾乎包含了世界足壇所有主流和非主流聯賽,從最熱門的歐洲五大聯賽到巴甲、阿超、墨超這些南美聯賽,都有比賽播放源和精準的數據。
3.1 直播間
直播間分為直播君、球迷直播間和專家直播間?!钢辈ゾ咕褪枪俜降闹辈ラg,由懂球帝官方負責解說。「球迷直播間」就是球迷們一起聊天看球,這就像在B站看視頻彈幕一樣,非常熱鬧,屬于獨特的懂球帝看球文化。
「專家直播間」加入了很多足彩內容,首先完全由懂球帝的足彩專家負責解說比賽,其次在比賽中會向球迷推送自己的競彩方案,用戶需要購買專家錦囊或開通紅單會員才能觀看,對付費用戶的激活有很大幫助。
3.2 數據
3.2.1 賽況
「賽況」就是記錄一場比賽的真實數據,包含比賽動態(GIF動圖)、高評分球員、進攻心率圖、技術統計和完整事件。
3.2.2 陣容
「陣容」記錄了整場比賽運動員的詳細數據,包括出場時間、進球數、射門數、跑動距離和比賽評分等。
3.3 競彩
3.3.1 情報
「情報」是付費服務,用戶需要開通小紅單會員(懂球帝足彩會員服務,售價每月588元)以后才能查看。從內容設計看,非常豐富,包含專家方案、歐亞對比、高斯大小球、會員專享情報、得失球時間分布、必發冷熱分布和必發大注傾向等內容。這是懂球帝的核心優質內容,通過直播看球的場景,提升用戶開通VIP的激活率。
3.3.2 分析
「分析」內容包含猜勝負(球迷競猜數據)、大數據錦囊(付費服務)、近期戰績、未來三場、綜合實力(包含近10場戰績、場均進球等)、場面控制(控球率等)、雙方特征(射門進球效率、射門次數等)、角球、半全場(近10場半場進球數平均值)和事件統計(犯規次數和紅黃牌)。
3.3.3 專家
「專家」主要指懂球帝彩票板塊的足彩專家,這是懂球帝足彩內容的核心創作團隊,他們通過對比賽的分析輸出精準的投注方案,用戶需要購買才能查看。
3.3.4 指數
「指數」是指歐亞各大博彩公司對當場比賽競彩賠率的數據,這個欄目為用戶提供更多全面的投注參考。
4. 數據
數據分為歐洲足球、亞洲足球、美洲足球、非洲足球、全球足球、籃球和電競7大類,幾乎覆蓋了全球所有足球聯賽。
①積分主要查看當前聯賽的積分排行榜,包含勝平負場次和進失球等數據。
②球員榜的數據非常精細,幾乎可以查詢到一個球員的所有比賽數據,從射手榜、助攻榜、關鍵傳球、射門、越位、傳球再到攔截、成功過人、搶斷和解圍,應有盡有。
③球隊榜和球員榜也很相似,顆粒度非常細,從進球數、控球率到撲救點球數、領先情況下丟分數據都包含了。
④賽程主要提供當前聯賽的比賽進程,方便球迷查詢。
⑤懂球帝還為球迷提供過往賽季數據查詢的功能,甚至可追溯到1986~87賽季的數據。這就像一座足球博物館,球迷可以查詢過往賽季各大聯賽、各支球隊的詳細數據,非常方便。如此專業強大的數據服務,也能提升球迷對產品的滿意度,提高用戶留存率。
4.1 球隊主頁
「球隊主頁」包含球隊當前戰績、動態、賽程、數據、球員、圈子、資料和轉會8個內容模塊。
①「動態」就是把球隊的新聞資訊匯總,方便球迷可以看到和俱樂部相關的所有新聞。
②「賽程」展示球隊當前賽季的比賽記錄,懂球帝還提供了一個歷史賽季查詢的功能,最高可追溯到1920賽季,跨度超過100年。
③「數據」主要展示當前賽季球隊的聯賽數據,包括進攻、組織、防守、關鍵球員等數據,懂球帝統計了近10個賽季的球隊數據,非常完善。
④「球員」主要展示球隊當前的球員信息,包含出場數量、進球數、助攻數以及合同到期時間。
⑤「圈子」關聯了球隊的球迷圈,用戶可以在圈子發帖,和其他球迷一起交流。
⑥「資料」展示了球隊的歷史資料,數據非常豐富,包括歷任主教練、隊史紀錄(進球、出場記錄)、榮譽記錄(聯賽冠軍、杯賽冠軍等)。
⑦「轉會」就是統計球隊的球員轉出和轉入記錄,包含球員轉入轉出的去向以及轉會費,懂球帝統計了近10個賽季的數據轉會記錄。
4.2 球員主頁
「球員主頁」就是展示球員的詳細信息,主要包含球員的動態、數據、能力值和資料。
①「數據」統計了球員整個職業生涯在聯賽、杯賽以及國家隊的數據,包括出場時間、進球數、助攻數、射門次數等,非常全面。
②「能力值」就是對當前球員的能力評估,包括速度、射門、力量、防守、傳球和盤帶等;
③「資料」統計了當前球員職業生涯中的所有榮譽,包括基礎資料、球員身價變化、轉會記錄、俱樂部生涯以及個人榮譽。
④「球星卡」是一個競拍交易的版塊,球迷可以出售和當前球星相關聯的等物品。
5. 賽事服務
「賽事服務」面向的用戶人群主要是擁有舉辦體育比賽活動組織能力的機構或球迷團體,但由于賽事規?;蛸Y金的緣故,無法獲取更高的曝光以及獲取專業的技術設備。懂球帝從技術、數據、直播以及流量四個維度為用戶提供專業完善的服務,吸引全國各地的體育愛好者加入懂球帝,實現用戶拉新(已經單獨設計直播君APP運營),提高知名度。目前該服務官方顯示為免費,滿足條件的用戶都可以免費申請。
5.1 賽事詳情頁
「賽事詳情頁」包含了賽程、積分榜、球隊榜、球員榜和參與球隊等內容,有效幫助賽事舉辦方實現精準的數據化統計,方便球迷查詢。
6. 公益足球
「懂球帝公益」在2016年開始運營,在2021年升級為「懂球帝足球星火公益計劃」。這個活動的主要目的是為貧困地區和專項足球小學的學生提供愛心足球,在幫助他們快樂健康成長的同時,也擴大了中國足球的青少年基礎。目前APP顯示已向916所學校捐贈足球14441個,其次公益版塊顯示正在全新升級,暫停捐款。
四、變現服務
懂球帝在商業變現的形式設計上,主要通過體育彩票版塊切入。通過「彩經」版塊,招募了眾多足彩KOL組成了懂彩帝專家團,以撰寫比賽分析向用戶銷售競彩情報。用戶不僅可以直接購買,也可以開通懂球帝的小紅單會員和紅單會員,獲得專業可靠的競彩方案。其次,懂球帝還有球星卡、周邊商城和游戲三個變現業務。
1. 彩經
「彩經」就是體育彩票,作為體育產品最重要的變現服務之一,懂球帝的彩經版塊包含了足球、籃球、電競和數字彩四種類型。從頁面內容結構看,從上至下主要分為熱門專家直播、金剛區、專家和足彩情報。
1.1 懂彩帝
「懂彩帝」就是懂球帝官方的專家團,包含了足球、籃球和電競的各種競彩專家。競彩專家主要通過對賽事的分析,以撰寫競彩情報向用戶銷售。懂彩帝的專家庫非常完善,從歐洲主流聯賽到中超、中甲、美職聯這些聯賽,都有不同的專家針對對應的聯賽研究分析。
其次懂彩帝還設計了三個排行榜,非常有趣,不僅可以吸引粉絲關注,還能利用攀比心理,倒逼專家寫出更精準的投注方案,分別為命中榜(推薦的方案命中率)、連紅榜(連續推薦命中的比賽場次)和回報榜(通過購買專家方案獲取的回報排行)。
1.2 專家主頁
「專家主頁」主要包含專家資料、命中率數據趨勢圖和在售方案三塊內容。用戶可以關注專家,成為他的粉絲,還可以購買真愛卡(虛擬貨幣)加入專家的粉絲團,成為他的忠實粉絲;其次通過命中率趨勢圖可以查看專家近期的競彩命中趨勢;「在售方案」就是專家最新的競彩方案,用戶可直接購買查看。
2. 球星卡
「球星卡」作為一種實物珍藏品,近兩年在國內市場非?;馃?,由于其獨有的稀缺性和投資屬性,所以催生了球星卡的拍賣模式。從懂球帝關于球星卡科普的文章可以看出,一張稀有的球星卡售價可以超過百萬美元,在美國每年的球星卡成交額高達上億美元。
球星卡版塊主要包含每日截標卡推薦、??ú┪镳^、圈子、數據庫和商品等內容。球星卡采用拍賣的形式進行銷售,商家設置競拍底價以后,在截止時間內出價最高者勝出。
3. 商城
懂球帝的商城主要包含運動休閑、配件和足球周邊三大類服務,商城的設計比較簡單,除了分類,就是商品信息流,用戶可直接加入購物車購買。
4. 游戲中心
游戲是體育產品的最重要的變現方式之一,懂球帝的游戲中心包含了電競、足球、籃球、休閑掛機和魔幻修仙等游戲,以小程序的形式游戲,非常方便。
5. 付費會員
懂球帝的會員主要分為三種類型,分別是小紅單會員、紅單會員和D+會員。
5.1 小紅單會員
小紅單會員售價588元每月,主要針對足彩的用戶,主要權益包含專家方案解鎖、專家方案公布、每月神券、冷門提前預警、關鍵情報推送、高斯大小球模型、必發冷熱分布、深度數據分析、歐亞大盤對比、昵稱紅名、入場廣播、紅單會員標識和會員免廣告13種會員權益。
5.2 紅單會員
紅單會員售價1998元,主要針對足彩用戶,和小紅單會員特權相比,增加了專家方案折扣(9折)、免費大數據錦囊(每月2次)、會員專屬圈子三個服務。
5.3 D+會員
D+會員屬于平臺的基礎會員,售價19元每月,可享受免廣告特權、極致畫質、尊貴身份和炫彩名牌4種特權服務。
五、設計總結
1. 商業層
從懂球帝的商業模式看,懂球帝的盈利模式比較單一。除了傳統的線上廣告收入,盈利模式主要圍繞體育彩票設計,比如懂彩帝專家團以及小紅單和紅單會員等。而體育彩票這塊,由于國家的政策等原因,懂彩帝更像一個知識付費服務,只是向球迷銷售投注方案。另外體育彩票服務也容易導致球迷購買了方案去境外網站Du球,觸及國家的紅線區。對于馬上年滿10周歲的懂球帝來說,對商業模式的設計還需要拓展和創新。
2. 內容層
懂球帝這個產品,在內容設計方面,其實比較中規中矩,缺乏創新。作為一個足球媒體,懂球帝欠缺有深度、特色、個性化的內容欄目,雖然依靠UGC內容模式可以降低大量人力成本,但在內容深度的缺失就很難讓懂球帝擁有核心競爭力。其次在整個產品的功能、內容以及結構的設計上,也看不到太多的亮點。比如周邊商城,就只是最簡單直接的商品銷售,而如果你有看過樊登讀書的商城設計,你就會發現同是各自行業的獨角獸,懂球帝的產品設計創新力就太弱了。
3. 體驗層
體驗層包含產品的交互、視覺以及用戶在使用產品整個過程中的操作體驗。從交互和視覺看,懂球帝的產品設計不夠精細,比如像「比賽」版塊,無論是內容布局,還是字體大小、顏色,在視覺上給人的感覺比較粗糙。還有彩經版塊,金剛區的圖標都是模糊的,整個版塊的設計顯得雜亂又廉價。其次在產品的使用中,廣告實在太多,而用戶屏蔽廣告的方式除了花錢開通D+會員,只有通過觀看其他廣告獲取免廣告卡才能屏蔽,這樣的設計,讓人略失所望。
4. 運營層
懂球帝在用戶運營方面的功能設計得比較淺,整個產品只設計了一個任務中心,內容也比較常規,用戶通過簽到或者做任務可以領取金幣(金幣可以兌換成現金提現,5萬金幣可以兌換5元),其他的功能就再也沒有了。相比脈脈和樊登讀書這些具有豐富用戶福利的產品,懂球帝和站酷很像,其實我也是懂球帝的老用戶(注冊時間超過7年),但迄今為止并沒有看到任何官方粉絲交流群,也無法和平臺建立任何鏈接,甚至在球迷圈,即便我關注了同是阿森納的球迷朋友,也無法建立更深的鏈接。
參考文獻
易觀千帆 - 懂球帝/虎撲/騰訊體育APP數據分析
七麥網-懂球帝迭代記錄
懂球帝官網
2017年中國互聯網體育服務行業研究報告
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
作為全球最火爆的體育賽事,世界杯由于其獨有的稀缺性,被外界譽為四年一次的足球盛宴。根據國際足聯主席因凡蒂諾預測,2022年的卡塔爾世界杯賽事將會吸引到全球超過五十億人觀看,這一人數占全球總人數的比重超過60%。
以往球迷們觀看世界杯,更多是通過電視或者央視頻、優酷這種傳統的互聯網視頻平臺,而在2022年這個冬天,抖音花費10億巨資,成為了國內首個獲得世界杯直播版權的短視頻平臺。作為擁有6億日活的抖音,將會如何跨界設計世界杯專題,讓億萬球迷能在抖音享受四年一次的足球盛宴,本期設計大偵探,就來全面拆解抖音世界杯專題。
一、欄目入口
抖音世界杯的入口在抖音頭部一級導航欄最左邊,和周邊、關注、商城以及推薦并列。世界杯的欄目首頁從上至下主要分為5個部分,分別是輪播(當日熱門賽事以及活動)、金剛區(包含賽程、積分榜、有獎預測和我的主隊入口)、比賽直播(當日賽事)、名嘴聊球(簽約足球大咖)、賽事熱點(熱點頭條資訊)、熱門球星(入駐足球巨星)、世界杯好物(周邊商城和抖音生活服務)、重磅熱播(抖音自制節目)、大家都在拍(平臺用戶自創視頻)和視頻信息流(世界杯專題相關視頻)。
二、內容策劃
抖音在內容策劃方面,幾乎把前央視解說團隊都邀請過來了,比如黃健翔、段暄、劉建宏這些家喻戶曉的的足球主持人,都在抖音單獨負責至少一款足球綜藝欄目。除了解說團隊,抖音還邀請了眾多跨界娛樂綜藝大咖,為球迷一口氣送上8個原創足球綜藝節目。從這個版塊可以看出,抖音對此次世界杯的重視度之高,就像卡塔爾為了舉辦世界杯投資2200億美元一樣,劣勢可以用金錢彌補。
1. 內容專題
1.1 觀賽指南
「觀賽指南」是指在一場比賽開打之前,各方媒體對這場比賽進行的賽事分析和預測。足球這項運動,由于充滿了競技性,一場焦點比賽,從賽前到比賽,再到比賽后,都充滿了無數話題。而觀賽指南,可以為球迷提供完整的比賽情報和指南,為比賽做預熱。
1.1.1 分組解析
「分組解析」是針對世界杯的8個小組(世界杯有32支參賽球隊,分為8個小組,每個小組4支球隊,前兩名可以晉級到淘汰賽)進行出線形勢分析。作為四年舉辦一次的比賽,對于每支球隊來說,都是非常寶貴的機會,所以關于小組的出線分析也往往是世界杯的熱門話題之一。從內容設計看,抖音的分組解析包含了專家預測(名嘴大咖)、小組賽程、歷史數據(歷史對戰記錄)、熱門球員(小組熱門球星)和熱門動態(相關的足球資訊)五個內容。
1.1.2 賽程解讀
「賽程解讀」就是針對單場比賽進行解讀,包含比賽前瞻(專業的足球分析)、專家點評(世界杯專家團,含金量高)、網友熱議(精選網友的高質量分析)、近5場戰績、球隊名單、球員PK(核心球員)、積分榜以及相關的最新足球資訊。從這個欄目的內容策劃看,由于缺少足彩競彩和有深度的內容,顯得中規中矩,稍顯嚴謹,欠缺互動。
1.2 比賽日報
「比賽日報」就是根據每天結束的比賽生成當天所有比賽的戰報,這個頁面包含了直播回放、圖文戰報、視頻集錦、賽況詳情、技術統計和積分榜等內容,球迷也可以切換不同的比賽查看當場比賽詳細的戰報。
1.2.1 直播回放
「直播回放」對于體育賽事來說非常重要,比如像深夜場的比賽,大部分球迷都很難熬夜觀看,這個時候只能通過直播回放來觀看比賽。抖音的「直播回放」提供了全場錄播回放、全場集錦(分長集錦和短集錦)、球星集錦和精彩時刻集錦,可以滿足不同用戶的觀看需求。
1.3 熱議話題
當一場比賽結束以后,話題討論的熱度將會達到最高值,比如阿根廷輸給沙特的比賽,全網球迷都在心疼梅西。抖音在「熱議話題」的內容設計上,不僅有獨立的圖文專題頁還有白巖松的「白說世界杯」短視頻欄目,給球迷帶來全方位的內容解讀。
2. 視頻節目
2.1 DOU來世界杯
「DOU來世界杯」是抖音官方自制的視頻節目,這個節目合計29期,每天更新1期,內容非常豐富,包含比賽復盤、每日看點、球星球隊故事和賽事預測等。從欄目定位看,這個欄目直接對標曾經央視體育最知名的《天下足球》欄目,更是邀請了主持多年《天下足球》的主持人段暄親自負責,這不僅可以確保內容質量,還可以幫助抖音贏取眾多80、90后球迷的好感(國內80%的80、90后球迷都是看著《天下足球》長大的),既賣專業,也賣情懷,一舉兩得。
2.2 宏哥侃球
「宏哥侃球」是資深體育解說員劉建宏獨家打造的足球直播綜藝,合計12期。劉建宏和段暄一樣,是央視體育另一個王牌節目《足球之夜》的制片人和主持人,甚至是第一位獲得“金話筒獎”的體育節目主持人。從內容定位看,這個欄目主要以劉建宏通過邀約足球名宿和名人明星聊天的形式,為球迷帶來不同角度的比賽解讀和話題討論。從嘉賓陣容看,不僅邀請了李明、徐亮、徐云龍這些足球大咖,還邀請了蘇醒、姜昆、樊登、大能、隔壁老樊等跨界名人,可謂群星熠熠。
2.3 黃健翔談
「黃健翔談」是前央視主持人黃健翔的個人脫口秀節目,合計24期。從內容定位看,這個欄目主要是黃健翔針對每日比賽進行看點分析,講述隊伍、球員之間的淵源與故事,專業性較強,差異化低。
2.4 依然范志毅
「依然范志毅」是前國足名宿范志毅打造的直播節目。從內容定位看,這個欄目集合了脫口秀、電競PK、國際球星挑戰等娛樂內容,其次還會邀請02年世界杯國足的眾多足球大咖一起聊球。范志毅作為前國足名宿,不僅知名度高,近年來在社交媒體平臺也以獨特的“范式辣評”成為了眾多網友崇拜的偶像,話題熱度非常高。
2.5 懂球大會
「懂球大會」是以段暄、黃健翔和劉建宏為常駐嘉賓,搭配各路懂球大咖賽前或賽后連線的足球直播節目。從內容定位看,這個節目主打前央視解說鐵三角的賣點,再邀請其他足球嘉賓圍繞每期的熱門話題以直播火熱開“吵”的形式為球迷們打造一款直播時代的另類足球節目。
2.6 黃家足球班
「黃家足球班」 是黃健翔聯手德云社打造的直播節目,合計12期。從內容定位看,這個節目把足球的專業性稀釋,加入了相聲的元素,從而拓寬用戶人群,讓大眾都能看得懂,看得進去,感受到足球的樂趣。
2.7 大咖侃球
「大咖侃球」由抖音官方出品。從內容定位看,這個節目主要以邀請體育、文化、財經、商業等領域的名人大咖,圍繞世界杯開展泛人文社會熱點話題討的論,旨在打造一個專業又具有趣味性、互動性的世界杯抖音脫口秀。不過這個節目話題寬度太廣,目標用戶不精準。
2.8 Hi!足球少年
「Hi!足球少年」是世界杯官方贊助商海信獨家打造的一款足球少年選秀節目,通過節目選拔足球熱忱最突出的4名少年奔赴卡塔爾。這個節目邀請了李明、米盧等國足退役名將,還有柳巖、梁漢文這些娛樂明星,從嘉賓陣容看,這個節目以娛樂選秀為主,目前8期節目已全部更新結束。
三、比賽數據
歷時29天的世界杯,將會進行64場比賽,最終決出冠軍、MVP和金靴獎等。隨著互聯網泛娛樂的發展,相比過往大家主要通過電視觀看比賽這樣靜態的形式,現在的足球比賽不僅擁有豐富的直播形式,而且每個平臺都有自己獨特的看球文化。
1. 直播間
抖音的比賽直播間,功能非常豐富,主要包含六個內容,分別是直播、聊天、陣容、賽況、看點和預測。
①「直播」就像視頻彈幕一樣,大家可以暢所欲言的一邊看球一邊聊天。在底部的聊天窗口,點擊「分享」后,不僅可以保存本場比賽即時生成的精彩瞬間,還能邀請好友一起觀看比賽直播,互動非常強。
②「聊天」這個功能,充分利用了抖音的社交屬性,通過邀請好有,可以像建立群組一樣快速創建一個直播聊天群,非常便捷。這個功能就像一個VIP包廂,為用戶提供了一個相對私密的空間,滿足不同用戶的需求。
③「陣容」是指當場比賽的出場人員統計,包含首發陣容、球員統計和替補球員等信息,點擊球員頭像以后,可查看球員當場比賽的數據,包含進球、射門、傳球成功率等,非常全面。
④「賽況」是指當場比賽的詳細戰況,包含各種技術統計,比如控球率、射門數、傳球成功率等。
⑤「看點」就是把一場比賽的精彩時刻快速生成GIF,不僅可以作為當場比賽的賽況回放,也降低了用戶傳播的行動成本,吸引用戶分享傳播。
⑥「預測」就是競彩,球迷可以通過金幣預測當場比賽的勝平負、兩隊總進球數以及其他話題。
1.1 播放器
「播放器」的功能非常豐富,除了彈幕、倍速、視頻畫質和電視投屏這樣的常見功能,抖音還支持多種類型的解說和視角方式。比如同一場比賽可以切換不同的主持人(央視主持人、退役運動員還有粵語主持),還支持球星、無障礙字幕、現場原聲、戰術機位、場館全景等四種視角方式,觀看體驗非常豐富。
2. 數據
作為一項體育運動,比賽數據的統計分析至關重要。球迷需要查詢世界杯的詳細賽程、積分榜、射手榜、球隊和球員的詳細數據。
2.1 賽程
「賽程」主要為球迷提供世界杯的詳細比賽賽程,用戶可以直接預約比賽直播。當球迷預約后,抖音會一鍵生成比賽海報吸引用戶傳播,設計得非常巧妙。其次抖音的設計團隊非常用心,相比其他產品的「賽程」欄目,他們會用一句簡短的話來描述每場比賽的結果或前瞻,讓「賽程」這個冰冷的欄目加入了溫度。
2.2 積分榜
「積分榜」主要為球迷們提供8個小組的積分排行詳細,包含勝平負場次、進失球數和小組積分。
2.3 晉級圖
「晉級圖」主要為淘汰賽服務,當小組賽結束以后,每個小組的前兩名會進入淘汰賽,球迷可以通過這個圖俯瞰世界杯的晉級明細路徑。
2.4 射手榜
「射手榜」主要針對球員個人,統計的數據非常全面,包含進球、助攻、射正、關鍵傳球、紅牌、黃牌等數據。
2.4.1 球員主頁
「球員主頁」就是足球運動員的詳情落地頁,主要包含六個部分,分別是基礎資料(姓名、年齡、身高、體重、位置、身價、效力俱樂部等)、精彩集錦、球員單場表現、球員累計數據、球員賽程和球員百科。
2.5 球隊榜
「球隊榜」和「射手榜」一樣,包含進球、助攻、射正、關鍵傳球、紅牌、黃牌等數據。
2.5.1 球隊主頁
「球隊主頁」就是參賽球隊的詳情落地頁,主要包含六個部分,分別是基礎資料(世界排名、總身價、平均年齡、歷屆最佳成績等)、精彩集錦、球隊單場表現、球隊累計數據、球隊賽程、熱門球星、球隊陣容、歷史數據和球隊百科。
3、互動
從2014年開始,世界杯就成了一個全民狂歡的盛宴,可謂全民參與,全民娛樂。由于受政策限制,抖音沒有足彩版塊,而是通過虛擬金幣的形式設計了有獎預測和世界杯樂園、足球答人等游戲。其次為了鼓勵用戶參與到世界杯的盛宴中,抖音還設計了一套世界杯特效,提升用戶的參與度。
3.1 有獎預測
「有獎預測」其實就是足球競彩。足球競彩作為支撐足球運動發展的重要支柱,也是全民世界杯的主要動力之一。由于國家政策等原因,抖音使用了虛擬的金球幣用來作為競彩的籌碼,增加娛樂性。
①「有獎預測」的頁面設計比較簡單,頭部為用戶的錢包(金幣和紅包數量),主視覺為當前比賽的對陣雙方,右上角是活動規則和預測記錄,右下角是賺金錢幣和預測榜。預測的內容主要是比賽的勝平負、總進球數以及其他根據當前比賽設計的競彩內容,比如梅西會不會進球,比賽會不會出現頭球等。
②整個預測頁面的內容,相對而言比較簡單,主要以提升用戶參與度和用戶拉新為目的。當用戶確認預測后,抖音設計了一個用戶拉新的功能,只要邀請好友助力就可以獲得10萬金幣,如果是一個新用戶,則可以獲得3倍獎勵。
3.1.1 錢包
「錢包」的內容主要分為三塊,頭部是數據板,包含金球幣數量、現金金額(金球幣可以兌換成現金,提現到自己的銀行卡)、獎品數量、優惠券數量和抖音成就(類似勛章);中間是「金球幣抽獎」,用戶可以使用金球幣進行抽獎,獎品包含足球、優惠券等周邊商品;底部是「公益版塊」,用戶可以使用金球幣購買足球等方式助力貧困地區的鄉村學校捐建足球場。
3.1.2 預測榜
抖音統計了全站預測榜的球迷,分為全國榜、本地榜和朋友榜。榜單的設計,能增加球迷的攀比心理,提升用戶活躍度。
3.1.3 金幣游戲
3.1.3.1 世界杯樂園
「世界杯樂園」是一款足球游戲,玩法比較簡單,用戶通過體力可以讓角色不斷前進獲取福利。而用戶獲取體力的方式需要做任務、看比賽以及邀請好友。
3.1.3.2 足球答人
「足球答人」是一款問答競技類型足球游戲。這款游戲設計得非常有創意,三人隨機組隊,通過答題的形式模擬足球比賽在線PK。第一個回答正確的用戶會有模擬進球的畫面,吸引球迷搶答,其次模擬世界杯的賽制,勝利后可以晉級下一輪,最終決出冠軍,非常有趣。
3.2 我的主隊
每個球迷都有自己喜歡的球隊,這支球隊就稱為「主隊」,比如一個喜歡阿根廷的球迷就會把阿根廷看作自己的主隊。這種帶有鮮明愛恨的元素,也是足球這項運動的魅力之一。用戶進入「我的主隊」以后,需要設置自己的主隊,選定后,將會展示主隊的賽況、比賽數據和視頻集錦。用戶如果更換主隊,還需要消耗金幣,可見抖音產品團隊對球迷的研究足夠透徹。通過建立「主隊」,不僅可以增加用戶的黏度,還能建立關系鏈接,提升用戶的留存率。
3.3 世界杯好物
3.3.1 燃情好物
「燃情好物」就是向球迷銷售世界杯相關的周邊商品,比如世界杯吉祥物、鑰匙扣、手辦、紀念品等物品。
3.3.2 吃喝玩樂
世界杯獨有的文化就是喝著啤酒看比賽,所以「吃喝玩樂」這個版塊接入了抖音的「生活服務」,球迷可以在抖音購買夜宵、小吃、奶茶等,非常方便。
3.4 大家都在拍
為了鼓勵用戶參與到世界杯的狂歡中,抖音為世界杯專門設計了一套視頻特效,用戶可以選擇喜歡的特效錄制,提升用戶參與度。
四、總結思考
1.商業層
作為一個短視頻平臺,抖音為什么舍得花費巨資打造世界杯欄目,通過此次對抖音世界杯專題的拆解,我認為這是一次對針對80、90后群體的二次拉新和激活。從抖音重金邀請前央視主持人陣容看,抖音正在嘗試通過世界杯這樣能激發球迷情懷的載體把那些邊緣用戶重新拉回來。「DOU來世界杯」不僅直接對標央視體育曾經最知名的《天下足球》欄目,甚至連主持人都不變,既賣內容,更賣情懷。像筆者這樣以前每周只會打開幾次抖音的用戶,通過此次世界杯的直播,變成了日均使用超過6個小時的重度用戶,這在以前簡直不敢想象。
當然,和四年前的優酷等互聯網視頻平臺面臨的情況一樣,當世界杯硝煙散完以后,抖音又如何通過高質量的內容留住這部分用戶群體,是一個問題。
2. 內容層
在過去,多數用戶對抖音的印象是一個內容質量低劣、靠娛樂搞笑博眼球的短視頻平臺,但從此次世界杯的內容策劃看,抖音不僅誠意十足,一口氣推出8檔原創足球直播節目,更是邀請了眾多體育名嘴、知名運動員和跨界嘉賓輸出高質量的內容。這對廣大球迷來說,實在太過癮了,已經很久沒有這樣的足球盛宴。而且相比過去傳統的圖文時代,加入了短視頻傳播媒介的世界杯,給了億萬球迷全新的看球體驗,切換不同的解說風格、直播視角,在抖音直播間邀上幾個好友,就可以一邊聊天,一邊看球,這樣的看球體驗,太爽了。
3. 體驗層
抖音產品設計團隊對世界杯專題的設計,無論是視覺、交互還是產品體驗,都非常用心。比如在「賽程」頁面,通過一句簡短的賽況描述,不僅豐富了設計形式,還傳遞了設計的溫度(其他的體育產品相比,「賽程」頁面更像一個冰冷的機器,除了播報數據,沒有任何情感)。還有像「足球答人」這樣的游戲,完全以模擬世界杯晉級賽制的形式設計,在我首次試玩的時候,就開始為了“進球”進行“搶答”,最終拿下比賽冠軍。這樣讓用戶尖叫的設計,真的讓人愛不釋手。
參考文獻:
當抖音進軍世界杯,TikTok挖了NBA墻角
終于,我們都能在抖音看世界杯直播了
“抖”來世界杯:流量盛筵,意義幾何?
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
在上篇我們對小鵝通后臺設計的拆解結構和內容進行了簡單的概述,并且把「初始設置」和「添加內容」兩個部分已經拆解完,接下來我們將繼續拆解「裝修店鋪」和「店鋪推廣」兩個版塊,這兩個內容將會讓我們了解到到小鵝通后臺的強大和靈活性。
3. 裝修店鋪
店鋪的裝修至關重要,因為這決定了用戶對我的知識店鋪第一印象。所以在我把商品上架以后,我就開始來研究店鋪的裝修了。當我找到「店鋪」,發現這個欄目包含了五個內容,分別是終端渠道、頁面管理、專區管理、商品管理和基礎工具。
3.1 終端渠道
小鵝通的終端支持移動端H5店鋪、小程序店鋪、電腦端店鋪、APP和多終端。從適用設備場景來看,幾乎覆蓋了所有主流的學習場景。
3.1.1 移動端店鋪
「移動端店鋪」就是指H5網頁店鋪,這是最常見的終端形式,上線快、無需審核、靈活方便,成本最低。
3.1.1.1 店鋪主頁
「店鋪主頁」是指店鋪的首頁,這是整個店鋪權重最高的頁面,是用戶看到店鋪的第一印象?!傅赇佒黜摗沟难b修支持兩種,第一種是按系統默認的框架進行搭建裝修,第二種是自定義主頁,跳轉至「微頁面」以后,可以建立空白頁面和選擇其他免費的模版(微頁面接下來會詳解)。
a. 店鋪裝修
小鵝通的「店鋪裝修」支持可視化的設計裝修。左側是工具區,包含基礎組件(輪播圖、搜索、公告等)、商品組件(知識商品、書架、直播等)、助學工具(圈子、問答、打卡等)、營銷組件(優惠券、積分商城、拼團等)和在線客服等其他組件;中間是可視化的頁面編輯區域,管理員可以在頁面進行編輯、刪除、拖動;右側是功能屬性設置區,可以對頁面和組件進行細節設置,實現管理員想要的設計效果。當你編輯好以后,可以在右上角點擊保存并預覽,實時查看你的裝修效果,非常方便。
細節偵查:
小鵝通的店鋪裝修功能非常強大,幾乎所有常見的內容都設計成了組件,這樣極大降低商家的裝修成本,也提升了整個系統的設計維護效率。
3.1.1.2 個人中心
「個人中心」就是用戶中心界面,運營者可以在這個欄目設置需要展示的內容,比如超級會員、我的訂單、學習工具等。
3.1.1.3 店鋪導航
「店鋪導航」是指客戶端的一級菜單,支持運營者修改菜單名稱、更換圖標和增加刪除。
3.1.1.4 店鋪風格
「營銷配色」是指對商鋪進行店鋪主色和營銷配色的設置,系統提供了多種配色方案,運營者可一鍵切換。美中不足的是,不支持自定義顏色色值。
3.1.2 小程序店鋪
「小程序店鋪」是移動端店鋪的升級版,小程序相比H5,用戶體驗友好很多,相比APP,又不需要下載,這是一種非常受用戶歡迎的客戶端。但小程序需要由微信官方審核,對于很多知識付費的商家來說,往往缺少官方所要求的資質,所以很多商家是無法上架小程序的。
首次使用小程序店鋪,需要對小程序進行授權或創建。小程序店鋪的裝修流程和移動端店鋪相似。需要注意的是,小程序的發布不僅需要補充企業和法人信息,上傳小程序所需要的資質,還需要微信官方審核通過后才能上線使用。
迭代建議:
從小鵝通的小程序體驗來看,這是一個直接使用H5系統封裝的小程序。這樣的技術成本確實比較低,上線時間也比較快,但用戶體驗一般,沒有發揮出小程序的優勢。小鵝通可以參考一下有贊的小程序體驗,從而真正幫助商家的用戶獲取開心、愉悅的用戶體驗。
3.1.3 電腦端店鋪
電腦端店鋪是指對PC端店鋪的裝修設計,對于有電腦端用戶使用的商家來說,電腦端也非常重要。
3.1.3.1 電腦店鋪
①「店鋪導航」是指運營者可以對店鋪的導航進行設置,包括店鋪 Logo,導航欄背景以及導航欄的增刪;
②「電腦端設置」包含電腦端域名設置、課程類TDK設置、微頁面TDK設置等內容,小鵝通的電腦端支持綁定獨立域名,這個對于商家的品牌運營非常有幫助;
③「頁腳設置」是指運營者可以對底部的頁腳進行內容設置,包括導航名稱、版權信息等;
④「懸浮窗」就是網站的漂浮窗口,一般放在線客服、聯系電話等圖標,為用戶提供及時的咨詢服務;
⑤「個性化設置」是支持運營者設置店鋪的默認語言,有中文和英文兩種語言。
3.1.3.2 頁面管理
「頁面管理」是對店鋪頁面的裝修管理。電腦端的店鋪同樣支持在線裝修,左側為常見的功能組件(包含輪播圖、圖文導航、知識商品、直播、富文本等),中間為可視化區域,右側為屬性設置(包含頁面設置和組件設置),運營者可對組件進行細節設置,并隨時可以瀏覽裝修的效果。
迭代建議
在電腦端的裝修頁面,小鵝通的后臺沒有實現響應式設計,所以導致小屏電腦體驗起來不太友好,比如需要橫向拖動頁面才能看清楚全部內容。我認為可以加一個操作提示,提醒用戶需要使用1920*1080以上分辨率的電腦進行設計,這就遵循了尼爾森十大原則的防錯原則,用戶體驗會更好。
3.1.3.3 店鋪風格
店鋪風格就是指對電腦端的店鋪進行品牌色設置,一鍵換膚,還可以同步H5店鋪的配色,保持統一性。
3.1.4 小鵝通APP
小鵝通支持APP客戶端,不過從目前的頁面內容來看,APP客戶端僅支持對店鋪、課程推送、課程緩存和課程投屏的設置,暫無像移動端店鋪的個性化裝修等功能。其次由于沒有體驗權限,我們就不過多講解。
3.1.5 多終端引導
「多終端引導」是幫助商家引導學員去對應的學習終端,替代原來依賴人工引導的方式,這個功能可以有效提高引導的效率,解決學員總是找不到店鋪入口的痛點,從而降低商家的運營成本。需要注意的是,這個功能只支持在「課程支付成功頁面」和「課程詳情頁」開啟。
3.2 頁面管理
「微頁面」可以理解為小鵝通店鋪裝修的最小單位,一個店鋪可以看作是由無數個微頁面構成,而一個微頁面,又可以通過商家自主添加組件來設計裝修。微頁面的使用場景非常廣泛,比如商家需要設計一個促銷頁、活動頁,這個時候就可以使用到微頁面,通過組件的搭配,就能完成自己想要的效果。
3.2.1頁面管理
「頁面管理」就是針對系統創建的微頁面進行管理,包括新建、編輯、分享和刪除等。
3.2.2 分組管理
「分組管理」就是指可以建立分組來管理微頁面,比如新建一個醫療產品的分組,可以把和醫療相關的微頁面都合并成組批量管理(此功能僅支持旗艦版才能體驗,所以缺少配圖)。
3.2.3 模板庫
「模板庫」是指官方為商家提供的免費設計模板,商家可以直接應用模版,在模版的基礎上進行二次創作,提高工作效率(此功能僅支持旗艦版才能體驗,所以缺少配圖)。
3.3 專區管理
「專區」就是專題頁,和微頁面相比,它相對獨立,比如商家可以建立某個主題的學習專區,方便用戶針對性學習。小鵝通幫助文檔對「專區」的使用場景官方設計了兩個,一個是商家在和不同的品牌方合作時,以為品牌方設置專屬的宣傳專區。另一個是如果商家想為用戶提供沉浸式的學習場景,那么建立一個專區就可以實現這個需求,可以有效減少其他內容對用戶的干擾。從使用場景看出,專區是一個可以幫助商家加強品牌推廣,提升運營效率的功能,比微頁面更靈活。
3.3.1 專區詳情頁
①「內容設置」就是指專區的主頁,這個頁面可以通過建立微頁面來進行設計裝修;
②「品牌設置」是可以開啟專區的頂部導航,還可以在頁腳導航設置專區的名稱、導航狀態以及頁腳Logo;
③「權限設置」是針對專區的訪問權限做限制,比如可以指定用戶、加密,以及公開訪問。
3.3.2 數據統計
「數據統計」欄目,為商家提供了轉化漏斗、轉化趨勢和轉化明細三個內容,通過多維度的數據分析,為商家精細化運營提供決策依據。
迭代建議:
著名的格式塔原理里有一個接近性原則,就是指把相似的功能、產品合并分類,這樣可以讓界面功能清晰易懂。專區和微頁面的功能其實就非常相近,完全可以和微頁面合并,同時歸類到頁面管理分組,這樣可以有效提高管理員的操作效率。畢竟面對一個功能如此繁雜的SAAS產品,用戶的操作成本真的太高了。
3.4 商品管理
商品管理主要針對店鋪的詳情頁裝修和商品分組,屬于比較基礎的功能。
3.4.1 詳情頁裝修
詳情頁是店鋪權重非常高的頁面,它對用戶的付費轉化起到了很大的作用。
3.4.1.1 新建模版
①點擊新建模版,就進入了詳情頁裝修的界面。左側為可視化區域,右側為功能設置。從左側TAB可以看出,支持對圖文、專欄、訓練營Pro和實物商品四個詳情頁的設置;右側為詳情頁的信息設置,包含基礎信息、詳情頁裝修和高級設置三個內容。
②在「詳情頁裝修」,可以開啟銷售彈幕(制造促銷氛圍)、店鋪信息,還可以設置付費商品按鈕文案等;
③在「高級設置」,可以設置銷量達到某個數量才進行展示,對于新店鋪或新商家非常利好;
④「自定義菜單」則為運營者提供手動設置詳情頁TAB菜單的功能,比如目錄、課堂互動、評論都可以選擇開啟或關閉。
設計思考:
從小鵝通的店鋪詳情頁裝修來看,這個系統的所有頁面就像一個積木一樣,全部由組件組裝。比如詳情頁的銷售彈幕,店鋪信息、購買文案,再到詳情頁的TAB菜單,目錄、課堂互動和評論等,這些內容都是一個獨立的組件,支持商家隨時開啟和關閉,非常方便。
3.4.1.2 關聯商品
「詳情頁模版」建立成功以后,返回到列表頁,這個時候需要對詳情頁關聯商品,詳情頁才能投入使用。
3.4.2 商品分組
「商品分組」就是可以建立不同的分組,對商品進行歸類、實現高效地的管理,也方便用戶在前端更便捷地找到所需商品。在商品分組的排序頁面里,有一個非常友好小功能,那就是在對商品排序的時候,只需要輸入數值,就能實現商品排序,非常不錯的操作體驗。
3.5 基礎工具
3.5.1 素材中心
「素材中心」就是系統會把運營者在店鋪日常運營上傳的圖片、音頻、視頻等資料都儲存在云端,這樣可以實現對文件資源統一、高效的管理。這個功能或許不起眼,但是在運營者運營的過程中非常方便,可以提高工作效率。
3.5.2 圖片設計
小鵝通接入了「創可貼」圖片在線設計工具,支持用戶在小鵝通后臺就能在線設計圖片,非常方便。創可貼這個在線設計工具功能非常強大,不僅有大量優質的設計模版,還有各種素材、文字、背景和工具,這極大降低了運營者在店鋪運營中的設計制作成本,幫助運營者可以更高效地降低運營成本。
3.5.3 版權保護
3.5.3.1 內容保護
①「防錄屏跑馬燈」就是為了防止用戶悄悄錄制課程,商家在開啟跑馬燈以后,屏幕就會以跑馬燈的形式把用戶的賬戶名和ID展示出來,這樣可以有效降低課程偷錄的損失。管理員可以對跑馬燈的顏色、字體大小、透明度進行設置,還可以開啟版權聲明。
②除了防錄屏跑馬燈,小鵝通還支持開啟水印保護、文字防復制、終端限制和域名限制,可以看出在內容保護這塊,小鵝通幾乎把商家需要的功能都設計了,極大降低了商家內容被侵權的風險。
3.5.3.2 投訴指引
「投訴指引」是小鵝通為做商家整理的各大平臺投訴指南,包括小鵝通生態、微信公眾號、B站、抖音、知乎等各大媒體平臺,目的是打造一個良性、健康的平臺秩序。
設計思考
從這三個基礎工具的設計可以看出,一款Saas產品的成功,一定是把商家運營的所有環節和場景都考慮進去。比如小鵝通鏈接了創可貼在線圖片設計工具以后,不僅可以極大降低商家的店鋪運營的門檻,還能省去很多人力成本。其次在對商家版權的內容保護上,小鵝通可謂花盡了心思,防錄屏、水印、防復制還有終端和域名限制,這些功能都能為商家的原創內容保駕護航,從而打造一個健康的知識生態環境。
3.6 體驗小結
在體驗完小鵝通的店鋪裝修版塊以后,我對SaaS產品的設計肅然起敬。為了實現產品的標準化,幾乎把整個產品的頁面、功能都全部組件化了,最終設計開發了一個可視化、智能化、傻瓜式的在線裝修功能。這樣的設計不僅讓整個產品極度標準化,維護成本低,更重要的是,節省了商家的裝修成本和時間,讓他們更快速地上手。
其次從其他功能的設計也可以看出,一款Saas產品的成功,一定是把商家運營的所有環節和場景都考慮進去。比如小鵝通鏈接了創可貼在線圖片設計工具以后,不僅可以極大降低商家的店鋪運營的門檻,還能省去很多人力成本。甚至在對商家版權的內容保護上,小鵝通可謂花盡了心思,防錄屏、水印、防復制還有終端和域名限制,這些功能都能為商家的原創內容保駕護航,從而打造一個健康的知識生態環境。
4. 店鋪推廣
當我把店鋪裝修好以后,基礎工作就準備就緒了,接下來,我需要的就是開始推廣和運營我的知識店鋪,讓我的粉絲們開始來到店鋪學習。
4.1 直播
直播是現在最流行、最重要的傳播方式,對于一個運營者來說,直播運營太重要了,它是一個引流、激活、留存和變現的重要手段。
4.1.1 通用設置
在建立「直播」之前,我們來先看看「通用設置」,這樣可利于快速上手「直播」功能?!竿ㄓ迷O置」包含「全局設置」和「默認設置」兩個部分。
①在「全局設置」,管理員可以開啟超低延時設置(降低直播延遲時間)、消息氣泡(用戶進入后界面有提示)、全屏互動、隱私保護等功能,還可以設置嚴禁詞(可設定直播評論區的嚴禁詞)、水印、打賞金額等。
②在「默認設置」,管理員可以開啟觀看人次(直播觀看人數)、在線人數、防錄屏跑馬燈(打開后可有效防止錄屏)、評論審核、直播熱度、點贊、打賞、回放設置(可設置直播是否開啟回放和視頻播放倍速等)等功能。
4.1.2 新建直播
小鵝通的「新建直播」包含基本信息、商品信息和上架設置三個部分。
①小鵝通的直播分為視頻直播、錄播直播和語音直播三種類型,其次還支持橫屏直播(適用于企業/PPT宣講等場景)和豎屏直播(適用于泛娛樂化教學、帶貨等場景),類型可謂非常豐富。接下來,運營者需要設置直播基礎信息,比如直播標題、開始時間、封面圖,還可以設置直播暖場圖、宣傳封面、詳情頁介紹等。
③「商品信息」和「上架信息」就像「內容」版塊的視頻、音頻產品一樣,可以對直播設置免費、付費、加密和指定學員專享,這個版塊可以理解為小鵝通商品新建的一個通用模塊,后面我們不再贅述。
④小鵝通的直播還支持批量創建,「批量直播」的流程相比單個直播流程操作路徑更短,選擇好設備類型以后,就可以進入批量直播的流程,系統支持批量命名、上傳封面圖以及功能設置,非常方便。
4.1.3 直播管理
當你建立一場直播以后,在「直播管理」就可以開始管理你的直播?!钢辈ス芾怼沟墓δ芊浅姶螅瑸樯碳姨峁┝酥辈ピ斍?、直播數據、講師設置和APP推送等功能。
4.1.3.1 開播設置
「開播設置」包含了三種形式,邀請老師開播、自己開播和第三方推流到直播間。
①「邀請老師開播」就是指直播建立后,可以直接向老師發送開播邀請,「開播信息鏈接」也是從這里復制;
②「自己開播」這個功能,需要根據不同的場景來使用。比如老師是通過電腦直播,還需要下載小鵝通的PC端直播軟件,才能進行直播。如果是移動端,則需要使用鵝直播小程序或APP使用;
③「第三方推流到直播間」是指商家在其他平臺直播時,可以將直播畫面推流到小鵝通直播間,小鵝通直播間將同步展示直播畫面。第三方包含像OBS直播、快手直播和芯象直播助手等軟件,小鵝通官方也給出了完整的下載和使用指導。這個功能對商家來說,可以將第三方直播推流到店鋪,既能實現外部引流,也能為學員提供更豐富的內容。
4.1.3.2 直播間設置
「直播間設置」包含課程設置、互動設置、防盜設置、評論設置和直播間裝修四塊內容。
①「課程設置」主要指添加講師和助教,可以通過手機和微信兩種形式邀請;
②「互動設置」是指商家可以設置老師和學員在直播間的互動交流,比如直播帶貨配置(可添加指定商品實現用戶在直播間購買)、優惠券配置(可贈送店鋪優惠券)、打賞開關(用戶可對直播打賞)、簽到開關(老師可查看已簽到學員)、抽獎開關(老師可進行設置抽獎,提升直播間氛圍和用戶活躍度)、邀請達人榜開關(直播間顯示邀請達人榜,給與上榜的用戶獎勵,吸引用戶分享)等功能。
③「防盜設置」打開后,可以開啟防錄屏跑馬燈,降低直播被偷錄風險;「評論設置」可以開啟評論審核,對用戶發表的評論也可以選擇隱藏;「直播間裝修」主要是指商家可以上傳背景圖填補講師在使用連麥或課件時的畫面留白。
4.1.3.3 運營設置
「運營設置」包含私域引流、下一場直播預告、圈子引流、招募推廣員設置、信息刺激、CRM分配、通知設置和直播間信息設置8塊內容。
①「圈子引流」是指在直播中展示圈子的入口,通過領資料、看回放等形式把用戶引流到圈子,持續用內容活躍用戶;
②「招募推廣員設置」是可以運營者可以在直播間招募推廣員,幫助商家進行分銷推廣,這個功能我們會在下面詳細講解;
③「通知設置」可以設置開課提醒,包括短信預約通知、服務號預約通知等,提升用戶觸達率;
④「直播間信息設置」可以設置直播間的公告、觀看人次、在線人數和直播熱度。
4.1.3.4 回放設置
「回放設置」是指運營者可以開啟直播的回放權限,還可以設置回放的有效期,以及倍速播放。
4.1.3.5 轉播設置
「轉播設置」是指可同時轉播到第三方平臺,比如視頻號、快手等,還可以轉播給小鵝通其他店鋪,比如你的直播內容質量非常優秀,可以轉播至其他小鵝通商家,從而為你分享傳播。
4.1.3.6 拉流設置
「拉流」就像采集,商家可以把其他第三方優秀的直播內容拉流到自己的店鋪。「拉流直播」還支持批量創建、無需監管的特點,通過拉流,可以豐富店鋪內容,快速擴大店鋪影響力,提高用戶活躍度。
4.1.3.7 直播間用戶
「直播間用戶」是指對當場觀看直播的用戶進行的數據統計,比如直播間停留時長、累計觀看時長、直播觀看時長等,還支持商家對用戶貼標簽和發送店鋪私信,實現下一步的激活轉化。
4.1.3.8 數據分析
「數據分析」是指對當場直播進行全面的數據分析,主要包含直播數據和交易數據兩個部分。
①「直播數據」包含流量觀看、直播互動和直播帶貨三個內容。在這個版塊,可以看到直播全時段的數據,比如直播間訪客數、回放觀看人數、在線人數趨勢圖、打賞金額,以及帶貨商品點擊次數、成交人數、總成交金額等數據。
②「交易數據」主要是指付費直播銷售情況的數據分析,包含售前訪客數、訪問量以及最終支付人數、支付轉化率,還有訪問-成交數數據趨勢圖等。
4.1.4 體驗小結
從「直播」這個版塊可以看出,一個我們平常沒有太過在意的直播界面,其實在系統的后臺設計了如此多功能。從「開播形式」的三個場景選擇到「直播回放」是否允許用戶設置倍數,從「直播間設置」開啟用戶打賞到「圈子引流」設置資料包吸引用戶加入圈子,最后再到一場直播結束后全面、專業、多維度的數據分析,小鵝通的直播功能真的做得太完善了。如果不親自體驗,我根本沒法想到一個直播需要考慮設計這么多功能,拉流、轉播、招募推廣員,這簡直把用戶需要的功能需求都提前設計和規劃好了,對一個運營者來說,對店鋪和用戶的運營效率提升太有幫助了。
4.2 營銷
「直播」功能熟悉以后,接下來我要開始熟悉營銷工具了,這些是店鋪運營的必備武器。小鵝通的營銷工具分為分銷推廣、拉新引流、付費轉化和促進復購四大類,對一個新手商家來說,可以根據自己的需求去尋找對應的工具。
4.2.1 分銷推廣
「分銷」是一個知識店鋪推廣的重要功能,商家不僅可以鏈接各種渠道和代理商,還可以讓利給用戶刺激傳播拉新,實現裂變增長。小鵝通的「分銷推廣」不僅有面向代理機構的「訂貨商」,還有針對個人分銷的「推廣員」,滿足了分銷場景的各種需求。
4.2.1.1 推廣員
「推廣員」主要針對個體用戶,比如店鋪的學員、粉絲、店鋪員工等,可以理解為C端用戶分銷。商家在開通「推廣員」以后,可以實現人人分銷的功能,推廣員只要分享商品的鏈接、海報圖等,只要有新用戶下單購買,都可以獲得收益。
4.2.1.1.1 推廣員管理
「推廣員管理」是為商家提供對店鋪推廣員的個人信息、審核申請管理,比如推廣員的申請審核、資料編輯、推廣員招募等。
a. 推廣員詳情頁
從這個頁面可以查詢到一個推廣員的詳細信息,包括個人信息、客戶列表、邀請推廣員列表、推廣員成交數量。
b. 招募規則
①「招募規則」是針對推廣員招募的規則進行設置。推廣員招募分為兩種模式,分別是篩選優質推廣員和人人推廣模式,前者需要設置門檻,后者不需要任何門檻。
②當運營者選擇「篩選優質推廣員」模式以后,需要對推廣員的加入條件進行設置,比如加入條件、申請信息、招募審核等。
c. 推廣商品/工具
①「推廣商品/工具」包含推廣商品、推廣優惠券、推廣邀請碼和推廣微頁面四個內容。
②「推廣商品」是指運營者可以添加指定商品進行推廣,并可以設置獨立的商品傭金的分配比例,非常靈活。
③「推廣優惠券」是指運營者可以為推廣員建立獨立的優惠券,幫助推廣員更高效進行商品推廣,提升業績;「推廣邀請碼」和「推廣優惠券」功能相似,我們不再贅述。
④「推廣微頁面」是指設置推廣員招募的頁面,通過建立一個專屬的微頁面,可以實現推廣頁的定制化設計。
d. 分傭結算設置
「分傭結算設置」是對推廣員獎勵發放方式的設置,系統支持交易完成后立即發放、交易完成后XX天再進行發放,還可以設置推廣員自購分傭,刺激推廣員消費。
e. 等級設置
「等級設置」是指運營者對推廣員等級規則的設置,包括推廣員的商品傭金比例、邀請人獎勵比例等。
4.2.1.1.2 客戶關系
①「客戶關系」包含客戶查詢、客戶綁定設置和客戶跟進設置三個內容。
②「客戶查詢」為商家提供客戶信息的統計查詢,比如客戶手機號、綁定推廣員、消費記錄等。
③「客戶綁定設置」為商家提供客戶綁定有效期和搶客設置,這個功能可以刺激推廣員不斷拓客,也可以有效保護初始推廣員的權益,避免客戶被其他推廣員搶走;
④「客戶跟進設置」是一個非常強大的功能,通過和企微CRM的鏈接,可以實現推廣員綁定的客戶自動分配給CRM銷售跟進,從商機線索到激活付費,形成了銷售閉環。
4.2.1.1.3 推廣業績
「推廣業績」提供查看所有分銷推廣員的推廣記錄和業績統計,從而獲取精準的數據分析,支撐運營決策。
4.2.1.1.4 推廣員端
①「推廣員端」是指推廣員在前端使用的客戶端,包含了推廣中心、推廣海報、推廣通知和商品展示四個部分。
②「推廣中心」為商家提供推廣員名稱設置、通知公告和引導加群功能。其中「引導加群」是為商家把推廣員引流至自己的私域社群,方便統一管理。
③「推廣海報」提供了推廣店鋪海報和邀請推廣員海報兩個功能,不僅支持客戶設計海報自定義上傳,系統也提供了精美的海報模版,賦能商家跟高效的推廣拉新。
④「推廣通知」是為推廣員提供微信端的通知設置,推廣員綁定后,可第一時間接收消息通知,比如審核結果、訂單消費等。
⑤「商品展示」可以把推廣傭金展示在詳情頁頁面,通過高頻曝光有效刺激用戶傳播分享,也可以根據推廣員招募規則申請。
4.2.1.2 訂貨商
和「推廣員」相比,「訂貨商」面向的人群是一些具有銷售團隊的企業機構、代理商等,可以稱為B端渠道分銷。代理商通過向商家批量進貨,然后分配給自己的員工進行向終端客戶銷售,最后由商家進行商品交付,代理商自主管理員工、獨立結算員工業績。
a. 訂貨商管理
「訂貨商管理」包含「訂貨商列表」和「審核列表」,主要為商家提供對訂貨商用戶的資料查詢、管理和審核。
b. 商品管理
「商品管理」是為商家提供訂貨商在前端批發商品的管理,商家在后臺添加店鋪的商品后,訂貨商在前端就能進行推廣。
c. 客戶管理
「客戶管理」是為商家提供對訂貨商銷售成交客戶的信息管理,通過這個功能可以查看客戶的詳細信息、所屬的訂貨商、關系狀態等。
d. 業績管理
①「業績管理」包含「業績訂單」和「提現記錄」兩個內容。
②「業績訂單」是為商家提供對訂貨商推廣產生的訂單管理,運營者可查看訂單的詳細信息,包括訂單號、下單時間、實付金額等。
③「提現記錄」是為商家提供對訂貨商提現申請的記錄管理,當訂貨商在前端發起提現申請以后,運營者可以從這個欄目查看提現申請,確認提現申請后,需運營者對訂貨商手動打款,打款成功后可標記已打款。
e. 設置
①「設置」包含規則設置、招募頁和海報定自定義三個內容。
②「規則設置」主要幫助商家對訂貨商的招募、綁定和等級規則進行設置。在「招募規則」,運營者可設置訂貨商加入的方式,支持自主加入(加入后無推薦人)和推薦加入(加入后有推薦人),還可以開啟訂貨商資料申請,申請資料運營者可自由配置;在「綁定規則」,可設置訂貨商和商家綁定的有效期,超出有效期后,訂貨商綁定的客戶下單,收益將自動劃入店鋪,不計入訂貨商收益;在「等級規則」,可以對訂貨商的等級名稱、規則和權益進行設置,打造完善健全的分銷體系。
③「招募頁」主要提供訂貨商招募詳情頁的設計和編輯,「海報自定義」可以對招募海報進行自定義配置,提升招募效率。
4.2.1.3 裂變海報
「裂變海報」是一個為商家提供接力式裂變傳播的營銷功能,通過精美的海報設計和豐厚的傭金獎勵,吸引用戶為商家分享推廣,促進銷量提升同時可快速吸粉引流。
4.2.1.3.1 新建流程
①在「商品信息」,需要添加分享裂變的商品,參與裂變海報的課程將不產生推廣員傭金。
②在「活動設置」,系統不僅支持自定義背景圖,還為運營者提供了多張精美的海報宣傳圖;對用戶獎勵的設置,不僅可以自由設置獎勵比例,還可以設置「交易完成后發放」和「交易完成XX天后發放」兩種形式。
細節偵查
小鵝通的分銷功能適用于所有行業和產品,在我過去的工作中就遇見了無數客戶想通過分銷進行裂變,而小鵝通的分銷功能的設計,不管是前端還是后臺的業務設計流程,都值得大家深度體驗學習,以此作為一個標準的流程設計參考。
4.2.2 拉新引流
「拉新引流」可以幫助商家拓展新用戶,小鵝通為商家設計了三個功能,分別是邀請碼、漲粉神器和請好友看。
4.2.2.1 邀請碼
「邀請碼」是一款能夠實現贈送給他人,邀請對方免費學習講師的付費內容商品的功能。當商家推出一門新課程的時候,就可以設置邀請碼邀請學員體驗,「邀請碼」既可以作為福利權益,也可以作為引流的手段。
①「邀請碼」的創建非常簡單,需要注意的是,邀請碼需要設置數量、有效時間和指定使用商品,其次也可以開啟「信息采集」功能,幫助運營者采集用戶的信息,提升促進轉化。
②「邀請碼」成功建立以后,可進行群發,也可以復制鏈接分享給指定的學員,還可以對邀請碼作廢以及查看使用記錄。
4.2.2.2 漲粉神器
「漲粉神器」是一款為商家公眾號漲粉的營銷工具,商家通過贈送課程的形式吸引用戶為公眾號傳播拉新,當新關注用戶達到商家指定要求以后,用戶可以免費獲得課程?!笣q粉神器」僅支持專業版、旗艦版使用,免費試用版不支持,從官方幫助文檔看,「漲粉神器」的操作流程主要是通過配置專屬海報,吸引學員下載分享,最終完成公眾號漲粉目標。
體驗陷阱
為了體驗這個功能,我嘗試授權公眾號進行綁定,但系統顯示我的公眾號已經授權綁定過,需要解綁后重新配置。但根據官網幫助文檔解決方案始終找不到「重新授權」和「解除授權」的入口,讓我白白花了很多時間。
4.2.2.3 請好友看
「請好友看」是一款支持學員購買專欄/會員課程后,分享課程內某一期的課程內容給好友體驗的功能,主要幫助商家促進課程的傳播和推廣,讓更多的學員了解和體驗課程。比如當學員購買了商家的付費專欄,覺得內容不錯,這個時候如果商家設置了「請好友看」,學員就可以一鍵分享給好友,邀請好友領取免費閱讀名額,最終幫助商家拉新增購。
①「請好友看」支持設置課程分享數量、課程領取人數和單個用戶領取上限,為運營者根據專欄課程內容提供更精細的運營方式。
②「邀請好友」只支持專欄或會員欄目,這個功能的本質其實是免費試看,所以不適用單個商品課程。
4.2.3 付費轉化
「付費轉化」主要幫助商家增加營銷手段,激活用戶消費,提升付費轉化率。小鵝通設計了七個功能,其中優惠券和拼團的功能非常完善,可以滿足商家各種不同場景的營銷需求。
4.2.3.1 優惠券
「優惠券」是一款通過商家讓利,從而讓用戶在購買課程時享受優惠的營銷工具,有效幫助商家刺激用戶購買,提升付費轉化率。比如刺激新用戶首次轉化贈送新人優惠券,吸引用戶購買店鋪高價課程贈送優惠券等。
4.2.3.1.1 優惠券類型
小鵝通設計了「通用優惠券」、「專屬優惠券」和「員工優惠券」三種類型?!竿ㄓ脙灮萑故敲嫦蛩杏脩簦腥硕伎梢灶I取,無門檻限制;「專屬優惠券」是為特定用戶群體設置的優惠券,比如大學生、新注冊用戶等;「員工優惠券」是結合企微能力賦能員工一鍵發券,可防止社群發券轉發泄漏,不過目前系統顯示正在開發。
4.2.3.1.2 新建優惠券
以「通用優惠券」創建流程為例,優惠券的創建包含三個部分,分別是基本信息、領用規則和個性設置。
①在「基本信息」,可以選擇優惠券的類型(支持滿減優惠和折扣優惠兩種類型,還可以設置領取門檻,比如消費滿多少元才能使用),還可以設置疊加使用(和其他優惠券一起疊加使用)、發行量(優惠券數量)、適用商品(可以支持全部商品、指定某類商品和不可用商品)和使用時間(可以設置用戶領取后失效時間,進一步提升轉化率)。
②在「領用規則」,可以設置用戶領取次數的限制(可限制每人限領多少張)、開啟信息采集(自動讀取領取優惠券用戶信息)、分享設置和添加使用說明等。
③在「個性設置」,運營者甚至可以設置優惠券剩余的數量,刺激吸引學員領取消費。
4.2.3.1.3 優惠券管理
在「優惠券」創建以后,系統為商家提供了定向發放、查看數據統計、編輯、停止和推廣等功能。
①「定向發放」提供多維度條件篩選特定用戶,并在用戶進入店鋪時自動發放優惠券,有效提高店鋪的付費轉化與復購率,發放對象支持付費用戶(可設置指定消費某個商品,精準到極致)、用戶群體和指定用戶。
②「數據統計」提供優惠券使用的精準數據統計,包括用券總成交額、優惠總金額、費效比(優惠總金額/用券總成交額)、客單價、領券總用戶數等數據,幫助運營者可以及時調整運營方案,獲取更好的運營效果。
細節偵查
優惠券是一個特別常見的功能,和「直播」一樣,用戶在前端領取流程非常簡單,領取就能消費。但在拆解完「優惠券」的后臺,你會發現一個小小的優惠券包含了非常多的功能點。小鵝通不僅設計了多種類型滿足多種營銷場景,還設計了定向發放、數據統計等功能,幫助商家提升運營效率。
4.2.3.2 優惠碼
「優惠碼」是一種是基于優惠券的玩法拓展,以二維碼的形式作為展示形式,支持在支付結算環節場景進行兌換,它具有優惠券的屬性,天然支持轉贈,易于傳播,具有拉新作用,是靈活性更強的付費轉化工具。它主要用于跨界/跨平臺引流,把線下或其他平臺的客戶引導到店鋪內使用優惠碼完成付費轉化,比如商家在抖音可以設置抖音專屬優惠碼,用戶領取消費后,商家可以在后臺查詢不同渠道的用戶使用優惠碼消費記錄,從而獲取更精細化的運營策略。
①「優惠碼」的創建支持專屬碼和通用碼兩種類型,專屬碼就是一個碼只用一次,通用碼可以多次使用;其次還可以設置用戶使用次數,分享權限等。
②「優惠碼」生成后,通過「效果數據」可以查看優惠碼的詳細數據,包括總成交額、總優惠額、領取人數等,還可以增加庫存、查看優惠碼的使用記錄和用碼商品,為商家提供精準的運營分析。
4.2.3.3 有價優惠券
「有價優惠券」是把優惠券當作一個商品來進行銷售,這樣可以以預售的形式促進店鋪轉化。比如商家在雙十一店鋪大促之前就創建「有價優惠券」,用戶可以提前購買,從而實現為活動宣傳預熱,提升付費轉化率。
4.2.3.4 拼團
拼團分為三種,普通拼團,邀新拼團和階梯拼團。「普通拼團」是指用戶下單開團以后,可以邀請好友拼團購買;「邀新拼團」是指開團后,用戶必須邀請新用戶才能參團購買,這個主要用于新用戶拓展的場景;「階梯拼團」則是隨著拼團人數越多,價格越低,用低價刺激用戶高效裂變。
4.2.3.4.1 新建拼團
拼團的創建包含兩個部分,分別是基礎設置和更多設置。
①在「基礎設置」,可以設置拼團的參團人數,成團的時限(比如設置1日,用戶開團后,就需要在1日內成團,否則拼團失敗)。
②在「更多設置」,可以開啟購買彈幕(增加促銷氛圍)、在線湊團(優先顯示未成團的團,提升成團率)、團長價(開團的團長有優惠)、活動預熱等功能。其中「模擬成團」可滿足商家某個拼團購買人數不夠,系統可自動以“匿名”買家湊單的場景,「超員成團」可滿足當拼團人數超過限定人數也同時可以購買的場景,功能非常靈活豐富。
4.2.3.4.2 拼團管理
拼團開啟后,商家可以對拼團進行編輯、推廣、復制和查看數據統計。在拼團詳情頁面,可查看拼團的訪客數、付費用戶數、支付訂單數、成交金額和拼團明細,為商家提供更多數字化的管理,提升運營效率。
4.2.3.5 秒殺
「秒殺」是一個為商家提供對某款商品限時秒殺價出售的營銷工具,作為一個常見的促銷功能,小鵝通的「秒殺」支持開啟活動預熱功能,可以提前吸引用戶關注活動。其次還支持秒殺預約,用戶只要關注商家公眾號,就能收到活動秒殺的提醒,非常方便。
4.2.3.6 限時折扣
「限時折扣」是一個為商家在某段時間內以指定折扣購買商品的營銷工具,小鵝通的「限時折扣」支持添加多個商品,可進行批量設置折扣以及減價,非常方便。
4.2.3.7 滿包郵
「滿包郵」是一個針對實物商品購買贈送包郵服務的工具,操作流程比較簡單,選定好指定實物商品以后就可以添加使用。
4.2.4 促進復購
為了提升用戶的復購率,小鵝通為商家設計了四個小工具,分別是兌換碼、商品推薦、彈窗廣告和支付有禮。
4.2.4.1 兌換碼
「兌換碼」是一個常見的營銷功能,是由一串數字或字母組合,在用戶領取兌換碼以后,可以在店鋪兌換指定的商品和優惠券。和「優惠碼」相似,商家可以在多個場景中以福利形式向用戶贈送和售賣,最終為店鋪引流。
①「兌換碼」的創建流程很簡單,在「基礎信息」設定庫存(兌換碼數量),選擇活動時間(可設置某個時間段或長期有效),設置每個用戶領取的數量,接下來設置用戶可兌換的商品和優惠券就完成,其次還支持開啟用戶信息采集功能(開啟后可以搜集領取兌換碼用戶的數據信息),為商家提供更多銷售線索。
②兌換碼創建以后,通過「碼庫」可以查看每一個兌換碼的使用情況,包括兌換時間、兌換人、作廢和添加庫存。
4.2.4.2 商品推薦
「商品推薦」是一個可以幫助商家提升指定商品曝光率的工具,當商家添加推薦商品以后,該商品將會出現在前端商品詳情頁的「相關推薦」分類,從而增加商品訪問量和提升轉化率。
4.2.4.3 彈窗廣告
「彈窗廣告」是一個可以幫助商家添加自定義彈窗廣告的工具。它的操作流程很簡單,但功能很豐富。在用戶點擊「新建彈窗廣告」以后,可以上傳彈窗圖的廣告樣式,選擇需要跳轉的頁面(可跳轉指定商品、商品分組、微頁面和助學工具),還可以選擇投放的頁面(包含首頁以及其他欄目頁和微頁面),甚至可以選擇需要投放的人群(比如新手用戶組、VIP會員用戶組等),還可以設置廣告出現的頻次(支持首次訪問出現和每隔多少天出現1次)。當彈窗廣告建立后,商家還可以查看彈窗廣告的曝光次數、打開次數和打開率,獲取非常精準的數據統計,優化廣告運營方案。
4.2.4.4 支付有禮
「支付有禮」是一個商家在用戶購買商品以后贈送優惠權益的營銷工具,它可以有效提升用戶的復購率,比如商家設定了購買商品后贈送兌換碼或優惠券,用戶在指定的時間內消費就能獲取優惠。
「支付有禮」的創建流程和其他促銷工具相似,商家可以選擇適用人群(指定某個用戶群體享有)、消費方式(指定消費某個商品或某一類商品),最后選擇贈送的權益,包含優惠券、優惠碼和兌換碼,即可創建成功。
4.2.5 體驗小結
如果用兩個詞描述小鵝通的營銷工具的特點,我覺得這兩個詞分別是——極致和絲滑。
「極致」是指小鵝通對營銷工具的不斷創新,比如優惠券和拼團。首先把「優惠券」拆分為三種類型,滿足不同用戶的需求,其次還設計了「優惠碼」和「有價優惠券」,為商家考慮了更豐富的跨平臺和促銷預售場景?!钙磮F」也是如此,不僅提供常見的拼團模式,還設計了「邀新拼團」和「階梯拼團」,對于商家來說,營銷手段越豐富,就越能提升用戶的激活率和復購率。
「絲滑」是指這些營銷工具的靈活性。比如像「彈窗廣告」這樣的功能,不僅可以上傳你設計好的廣告圖片,跳轉你指定的商品或頁面,還可以選擇可以投放的人群、彈窗廣告出現的頻次,這樣傻瓜式的操作設置,對商家來說,實在太方便了。相比定制化的系統開發,極大節省了大量的人力成本,讓商家享受一個優秀后臺系統的便捷和愉悅體驗。
感謝閱讀,小鵝通的產品拆解第二部分就到這里,下一篇我們將會繼續拆解小鵝通后臺!
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
一個SaaS產品的后臺是如何設計的?作為知識付費行業的頭部SaaS服務商,從2016年誕生不到7年時間,小鵝通注冊客戶數已經超過160萬,終端訪問用戶人數超過7.8億,毫無疑問成為了國內知識付費規模最大的SaaS產品。
為什么拆解小鵝通的后臺?這是因為后臺設計往往被多數產品、開發甚至老板忽略,他們甚至認為后臺不需要設計,更不需要考慮用戶體驗,能把功能實現就可以交付。但我的觀點恰巧相反,我認為一個SaaS產品設計最大的挑戰和關鍵正是后臺。它決定了運營者的工作效率和操作體驗,即便你的功能再強大,如果用戶不會用、不愿意使用,那么用戶也不會續費,而續費,正如《SaaS創業路線圖》作者吳昊在他書中的觀點——SaaS的本質,就是續費。設計大偵探的第一個B端產品拆解,選擇了工作量最大、最繁雜的后臺,閱讀時間長,非常乏味,但如果你認真啃完,你對SaaS產品、后臺設計、B端設計不會再陌生。都說良藥苦口,這碗藥,廖爾摩斯先干為敬。
一、導讀
1. 內容結構
小鵝通的后臺拆解包含四個部分,分別為導讀、產品畫像、設計拆解和總結,內容篇幅超過4萬字,閱讀時間較長,所以拆分為4篇文章發布,建議收藏閱讀。
2. 適讀人群
第一類,產品經理/UI/交互設計師,通過對小鵝通后臺產品的深度拆解,跳出執行層,培養后臺設計的全局觀,從功能價值、應用場景、業務流程和用戶體驗多維度去學習和思考一個頭部SaaS產品的后臺如何設計。
第二類,SaaS產品及知識付費從業者,獲取一份專業、完整、有深度價值的SaaS競品設計參考。
3. 分析模型
第一,增長模型。由戴夫·麥克盧爾提出,包含用戶獲取、用戶激活、用戶留存、獲取收入、用戶推薦,分別對應用戶生命周期中的5個重要環節,主要用于分析產品的功能價值。
第二,尼爾森十大原則。尼爾森十大可用性原則是界面設計中最基礎、最重要的設計原則,任何產品的設計,都可以通過這十個原則進行指導設計,這個原則主要用于診斷后臺設計的用戶體驗。
第三,其他設計基礎理論,包括費茨定律、格式塔原則、席克定律等,主要用于判斷后臺設計的易用性。
4. 拆解步驟
SaaS產品的后臺的設計不僅復雜,而且很多功能如果不親自體驗根本沒法理解,所以針對小鵝通后臺的拆解,我分為以下三個步驟進行
第一,親自上手實操體驗操作。對每一個功能版塊進行了全面的實操體驗,弄清楚了才開始拆解,絕非走馬觀花。
第二,結合官方幫助文檔創作。在體驗小鵝通產品的時候,有很多功能必須結合幫助文檔才能理解,甚至由于權限和內容問題,部分功能沒法體驗,只能靠官網介紹來理解。針對每一個功能,嚴格按照「功能介紹-功能價值-使用場景-頁面內容-核心功能-操作流程」的結構去描述,旨在讓產品設計師看懂這個功能設計的價值和細節。
第三,深入思考產品設計細節。在拆解完每一個功能,我都會加入自己的思考,主要分為細節偵查(值得我們學習的細節)、迭代建議(個人認為可以優化的地方)、設計思考(某個功能帶給我的啟發)、體驗陷阱(用戶體驗糟糕地方)和體驗小結(針對某個功能版塊進行全面總結),如果你瀏覽的是騰訊文檔,非常歡迎你可以以添加批注的形式和我一起討論。
5. 閱讀建議
由于內容篇幅太長,強烈建議你可以申請小鵝通免費試用賬號一邊閱讀一邊體驗,這樣對整個后臺的設計才更深有體會。
二、產品畫像
1. 產品簡介
小鵝通是知識產品與用戶服務的數字化工具,包含知識店鋪、企業直播、企業培訓、企微助手等多款產品,可以為有線上經營、商業變現、私域運營、用戶服務等需求的企業,提供一站式技術服務,助力企業完成數字化升級。根據官方數據顯示,截止到2023年2月,小鵝通注冊客戶數已經超過160萬,終端訪問用戶人數超過7.8億,是目前國內知識付費客戶數量最多、規模最大的SaaS產品。
2. 用戶角色
用戶角色是指使用操作小鵝通后臺的用戶,主要分為運營者和店鋪銷售。
2.1 運營者
店鋪的運營者主要負責店鋪裝修、商品管理、用戶運營、數據分析、活動策劃、拉新引流等工作內容,是小鵝通后臺主要使用的用戶群體。
2.2 店鋪銷售
店鋪銷售會通過企業微信和CRM工具使用小鵝通,不過他們主要通過企業微信的小鵝通應用進行工作,很少涉及后臺操作。
3. 信息結構
從信息結構看,小鵝通后臺主要包括店鋪、圈子、直播、內容、商品、營銷、交易、用戶、CRM、企微、數據、應用、設置和服務14大版塊(感謝探友@miki對小鵝通后臺信息結構的梳理)。
三、設計拆解
小鵝通的后臺非常龐大,包括了店鋪、圈子、直播、內容、商品、營銷、交易、用戶等14大版塊,其中每一個版塊又包含若干功能,體驗起來非常繁雜,很容易陷入焦慮感。所以我按照一個知識店鋪從0到1裝修、添加內容、店鋪推廣和運營的步驟把小鵝通的后臺拆分為8個服務,然后再對每個版塊的內容進行詳細拆解。
1. 初始設置
當我從官網開通小鵝通的知識店鋪以后,進入到管理后臺,面對如此繁雜的功能,我想做的第一件事,就是對我的店鋪進行基礎設置,我得讓用戶知道這個店鋪叫什么名字。
1.1. 店鋪設置
「店鋪設置」為商家提供了店鋪的基本信息設置,比如店鋪信息、品牌形象、用戶賬號設置等。
①「店鋪信息」提供店鋪名稱、店鋪管理員和主營類目的設置,非?;A。
②「用戶賬號設置」 提供在使用系統過程中的各種登錄偏好設置,比如登錄設備限制,可自定義學員使用同一賬號在同一時間不同瀏覽器上同時登陸的情況
③「引導設置」提供了引導用戶關注公眾號、加入社群、收藏店鋪、添加客服和添加手機號等功能,對新用戶的首次訪問至關重要。
④「功能配置」支持用戶對商品銷量、播放量/瀏覽量、評論審核、嚴禁詞、視頻播放器、商品評價、買家申請售后等功能進行設置,可以看出系統非常完整和靈活。
迭代建議
用戶的短期記憶一般不會超過5秒,所以在體驗「設置」這個欄目的時候,我就發現小鵝通的功能太過繁雜,這對新手商家的入門有很高的學習成本。這個欄目的內容其實可以拆分為基礎設置、高級設置這樣的階梯式內容,有助于緩解新手用戶的焦慮。
1.2. 員工管理
「員工管理」是為商家提供新建員工、運營角色管理、員工權限設置的功能,這個欄目主要幫助商家管理自己的運營團隊。
1.3. 角色管理
「角色管理」包含了系統默認的多個角色,比如高級管理員、普通管理員、財務、老師、課程顧問、教務專員、銷售員等,并且可以對每個角色進行權限設置,另外系統也支持商家新增自定義角色,滿足商家各種運營需求。
1.4. 操作日志
「操作日志」記錄了整個系統管理員的登錄和操作內容記錄,日志系統作為一個后臺系統必不可少的模塊,它可以記錄下系統所產生的所有行為,這有助于商家對系統運行監管,并且可實時監控員工在系統中的敏感操作,加強員工培訓和管理。
1.5. 消息推送
「消息推送」是商家建立外部觸發最好的方式,這個版塊主要為商家提供各種場景的消息推送設置,小鵝通支持服務號代發、短信通知和APP推送通知三種類型。
1.6. 體驗小結
在對「設置」模塊的實操體驗中,感受到小鵝通的功能非常強大,甚至功能多得有點讓人透不過氣,這對新手商家來說,會產生很多的焦慮和壓力,我迫切需要一份最基礎、最簡潔的新手引導指南。這也突然讓我想起了當我申請小鵝通體驗賬號時,客服專員向我多次提及給我做新手操作培訓,但我都婉拒了,也許對于一個頭部SaaS產品來說,客服專員的培訓是客戶體驗過程中必不可少的一個環節,但是我認為好的設計,其實不需要太多的學習成本。
2. 添加內容
當我把店鋪的基礎信息設置好以后,接下來,就需要為我的知識店鋪準備上架的內容了。我找到了「內容」這個模塊,發現小鵝通支持的內容形式非常多,從視頻、音頻到圖文專欄,把常見的內容形式都涵蓋了。
2.1. 內容
「內容」版塊包含內容類型和互動工具兩個部分,商家可以在「內容類型」選擇自己要發布的形式發布內容,而「互動工具」則是幫助商家課程運營和學生管理的工具。
2.1.1. 內容類型
小鵝通支持視頻、音頻、圖文、電子書、AI互動課、專欄、訓練營和會員7種類型,幾乎覆蓋了常見的內容形式。
2.1.1.1. 視頻
「視頻」是最常見的內容形式之一,商家可以把錄制好的課程視頻上傳到這個欄目,就可以開始向學員銷售。
2.1.1.1.1. 新建視頻
「視頻」包含基本信息、課程內容、所屬組合課、商品信息和狀態設置五個部分。
①在「基本信息」,商家需要填入商品名稱等基本信息;
②在「課程內容」,管理員可對視頻的播放進行設置(比如課程未學完禁止拖動進度條和倍速播放等),還可以對內容設置保護(禁止文字防復制和開啟防錄屏跑馬燈)。
③「所屬組合課」是提供商品和其他內容(專欄、會員和訓練營)關聯,比如新添加的商品屬于某個付費專欄,那么就可以關聯,提升效率。
④在「商品信息」,可以設置商品的售賣方式,支持免費、付費、加密和指定學員。針對付費視頻,還可以支持片段試看,提升付費轉化。
⑤「狀態設置」是指在添加完商品后,商家可選擇立即上架、定時上架或暫不上架,比如商家在準備某個促銷活動的時候,可以提前編輯商品,設置定時發布即可。
2.1.1.1.2. 視頻管理
①「視頻」添加成功后,在「視頻」欄目頁,可以查看商品的詳情,對商品進行編輯,分享、下架、復制和刪除等。
②「分享」是指商家可以把商品的鏈接、二維碼等信息直接復制分享給好友,同時也起到了預覽的作用,這是一個公用的組件,在其他商品和版塊同樣適用。
2.1.1.1.3. 視頻詳情頁
「視頻詳情頁」主要分為課程設置、運營設置、學員列表和數據分析四塊內容。
①「課程設置」就是對課程的相關信息進行設置,相當于對內容進行二次編輯。
②「運營設置」從四個解為一個通用的表單;「CRM分配」是指可以把瀏覽課程的學員自動分配給企業的CRM銷售人員;「私域引流」是指可以引導用戶掃碼加群,提高課程服務質量和商家對學員的運營能力。
③在「學員列表」,可以查看當前購買商品的所有學員信息,包括購買時間、學習進度等信息,系統也支持商家手動添加可學習課程的學員。
④在「數據分析」欄目,可以查看商品的「學習效果」和「交易數據」,比如商品的訂閱人數、學習人數、完課率、學習趨勢圖等,通過這個欄目,可以幫助商家對用戶的學習進行深入的分析,提升運營效率。
設計思考
在初次添加店鋪內容的時候,對很多功能板塊都不熟悉,比如CRM分配、超級會員等,雖然能感受到小鵝通系統的強大,但對于剛入手的商家,則會產生很深的焦慮,不知道這些功能如何設置和使用,也無法感受到這些功能對店鋪運營的幫助。
2.1.1.2. 音頻
「音頻」也是一種常見的內容形式,可以設計講書、廣播等產品,用戶可以在地鐵、公交等場景收聽。「音頻」的新建流程、商品管理功能和「視頻」相似,我們不再贅述。
2.1.1.3. 圖文
「圖文」也是一種常見的內容形式,可以為學員提供付費閱讀等類型產品,「圖文」的新建流程、商品管理功能和「視頻」相似,我們不再贅述。
迭代建議
付費閱讀其實是知識創作者非常喜歡的方式,小鵝通雖然設計了這個功能,但前端的界面設計并沒有根據圖文內容傳播的特點設計,所以用戶體驗并不理想,顯得非常雞肋。
2.1.1.4. 電子書
「電子書」對于出版社等用戶群體,是一個剛需功能。在上傳電子書文件以后,系統可以自動解析書籍章節,輕松完成電子書在線管理和售賣。其次在店鋪前端,用戶可在手機端閱讀,支持區域觸摸翻頁、章節試讀、劃線、書簽、更換背景等功能,閱讀體驗非常友好?!鸽娮訒沟男陆鞒?、商品管理功能和「視頻」相似,我們不再贅述。
2.1.1.5. AI互動課
隨著近兩年AI技術的發展,小鵝通也加入了AI互動課的內容形式。商家可以利用AI互動形式的課程內容,搭建具有沉浸式場景的課程學習形式,實現個性化、趣味性、強互動的授課形式,不過搭建成本相對較高,更適合于有特定需求的客戶。
2.1.1.5.1. 新建流程
①「AI互動課」的新建流程分為三個步驟,分別是填寫基本信息、制作課程內容和填寫售賣信息。
②在「基本信息」,商家需要輸入課程名稱和詳情頁等信息。
③進入「課程內容」以后,左側提供了內容組件(文字、圖片、音頻和視頻)、題目組件(單選題、多選題、不定項、判斷題和填空題)和其他組件(章節標題和附件),商家可以根據自己的需求加入組件進行設計。
④商家在填寫售賣信息以后,就可以進行上架銷售。
2.1.1.6. 專欄
2.1.1.6.1. 專欄
「專欄」可以將多個單品課程打包成系列課銷售,比如常見的付費專欄、連載小說、有聲讀物等。「專欄」建立后,進入詳情頁,可以在「目錄管理」添加專欄商品,還可以對專欄的商品設置排序和設置試看。其他功能和「視頻」相似,我們不再贅述。
2.1.1.6.2. 大專欄
「大專欄」就是「專欄」的父級,可以將多個專欄進行打包,組合成專項學習專題,打造學員深度系統學習方案。
2.1.1.7. 訓練營
「訓練營」相比「課程」,是一個動態的服務。商家根據某個學習主題,集中式、計劃式、督學式地學習?!赣柧殸I」也是一種常見的引流手段,通過打卡、簽到、學習,可以快速幫助商家進行傳播拉新。
2.1.1.7.1. 新建訓練營
①商家建立訓練營以后,需要建立營期才能開始招生。
②營期的建立分為營期基礎信息、營期課程和售賣信息三個步驟。在「營期基礎信息」,需要設置開課信息,包括招生時間和開課時間;其次支持設置三種目錄解鎖模式,自由模式(無門檻自由學習)、闖關模式(完成任務才能繼續學習)和日期解鎖(每天只能學習一定數量的課程)。
③在「營期課程」,商家需要添加訓練營的學習任務,可以加入店鋪的課程內容,還可添加打卡、考試等助學工具,增強督學效果,提升用戶活躍度。
2.1.1.8. 會員
「會員」是商家可以打包特定商品內容(包括專欄和商品)進行銷售,它的功能流程和「專欄」功能相似,在建立「會員」后,進入詳情頁的目錄管理才能添加課程商品。這個功能可以幫助商家聚集一定量級的忠實粉絲,實現店鋪的穩定收入。
設計討論
不知道是不是語義的問題,我對「會員」這個功能有很多不理解,首先感覺和「專欄」很相似,其次和「超級會員」也有點傻傻分不清楚,所以在體驗的過程中,花了很多時間去學習研究。
2.1.1.9. 體驗小結
從小鵝通支持的7種內容形式來看,它幾乎覆蓋了所有的知識付費內容,視頻、音頻、電子書、專欄,甚至還有AI互動課。這足以滿足各種知識用戶人群的內容要求,不管你是銷售錄播課、音頻課還是文字專欄,小鵝通真正的實現了——一分鐘擁有自己的知識店鋪。
2.1.2. 互動工具
「互動工具」包含了打卡、考試、練習、作業本、題庫、證書、表單、活動管理、隨堂檢測、測試活動和付費問答11種工具。
2.1.2.1. 打卡
「打卡」是一個提升用戶活躍度的運營工具,通過持續的打卡輸出,不僅可以幫助學員養成一些比較好的行為習慣,還可以幫助商家提升用戶付費轉化?!复蚩ā狗譃槿諝v打卡、作業打卡和闖關打卡三種形式。
2.1.2.1.1. 日歷打卡
「日歷打卡」是以“天”為單位的打卡模式,學員需要每天在有效時段內提交打卡內容,比如每日英語學習打卡、早睡打卡等。
a. 新建流程
①「日歷打卡」的建立有兩個步驟,分別是設置打卡信息和打卡介紹設置。在「設置打卡信息」,分為基本信息、打卡規則和其他設置三個內容。「基本信息」可以設置打卡的起止日期、打卡時段、提醒方式、每日打卡次數、可補打卡次數、參與條件和打卡規則等;「打卡規則」主要是設置用戶打卡的內容類型和范本;「其他設置」可以幫助商家關聯超級會員和指定商品文件。
②在「打卡介紹設置」步驟,需要添加打卡的封面圖和詳情頁介紹,完成后打卡建立添加成功。
細節偵查
如果不是親自新建一次「打卡」,你根本無法理解一個小小的「打卡」功能竟然會如此復雜,包含的場景和功能竟然會有這么多。
b. 打卡詳情頁
「打卡」建立以后,可以進入打卡的詳情頁,主要分為日記管理、任務管理、學員管理、分組管理、助教管理、激勵設置、運營設置和數據分析8塊內容。
①「日記管理」主要指用戶在前端的日記打卡,老師可以根據學員的日記進行評論、置頂、加精和刪除,還支持批量導出日記。
②「任務管理」是指給學員布置學習任務,幫助學員更好地學習。
③「學員管理」主要提供對打卡用戶的管理,比如查看學生打卡詳細資料和暫停打卡等。
④「分組管理」支持老師對打卡的學員進行分組,提高管理效率。
⑤「助教管理」支持老師添加助教,助教可以對學生打卡進行點評、刪除和精選等操作。
⑥「激勵設置」是指為了鼓勵學生堅持打卡,老師可以設置證書、返學費和積分這樣的形式來吸引學生參與(證書和積分我們在下面會單獨講解)。「返學費」是一個打卡活動中常見的營銷方式,學員完成指定的任務就可以拿到打卡費用的返現,這樣不僅可以篩選精準用戶,也可以提高用戶的打卡積極性。
⑦「運營配置」主要包含配置日簽和邀請卡兩個部分?!溉蘸灐故且环N吸引用戶傳播的手段,通過個性化和精美的日簽設計,不僅可以體現活動特色,還能激發學員的收藏欲望,最終吸引用戶主動傳播,拉新引流?!秆埧ā挂仓饕菫榱思ぐl學生傳播引流,不僅設計了精美的邀請卡片,還支持老師自定義設計,以及直接引流自私域社群。
⑧「數據分析」是對整個打卡的數據進行全面的分析統計,包括當天打卡人數、打卡次數、新增學員、點贊數、評論數、加精數等等,通過精準的數據分析,可以為商家運營方案提供支撐。
2.1.2.1.2. 作業打卡
「作業打卡」是以布置“作業”的形式打卡,這種打卡方式可以加強教學質量的檢驗,讓學生產生完成作業的緊迫感,督促學生進行學習。
2.1.2.1.3. 闖關打卡
「闖關打卡」是以“關卡”作為單位的打卡模式,這種打卡形式由于自身具備游戲的挑戰性,所以能夠有效刺激學生為了拿到更好的成績而努力打卡,從而提升用戶參與度和積極性。
2.1.2.2. 考試
「考試」是用來檢測用戶學習效果的學習工具,商家可以通過考試情況得到學習效果反饋,可根據考試反饋進行后續課程優化。
2.1.2.2.1. 新建考試
「考試」的建立分為三個步驟,分別是設置考試信息、選擇試卷和發布。
①「設置考試信息」又分為基本信息、信息采集、考試設置、題目分值和結果設置五個內容?!富拘畔ⅰ剐枰钊肟荚嚨幕拘畔?,選擇需要關聯的課程;在「考試設置」,老師可設置參考考試的時間、考試時長、考試次數等;在「結果設置」,可以選擇考試完就展示成績、題目和答案。
②在「選擇試卷」步驟,可以創建新試卷,也可以從試卷庫中選擇已設置好的試卷,其次還可以設置考試通過分數的成績。
③添加試卷以后,管理員可選擇立即發布、定時發布以及開啟微信服務號通知,幫助學生可及時獲取考試的消息通知。
2.1.2.2.2. 考試管理
在學生開始考試以后,后臺會生成考試數據,商家可查看考試的詳細情況,包括批閱、統計分析、老師管理、設置證書等。
2.1.2.3. 練習
「練習」滿足了商家售賣已有題庫題目,為學員提供自主刷題練習工具的需求,而通過反復練習,可以提高學員學習效果,有助于提升用戶的活躍度和留存率。
2.1.2.3.1. 新建練習
「練習」的建立包含基本信息、練習設置、商品信息、私域引流和信息采集五個步驟。
①在「練習設置」,管理員需要關聯題庫,設置答題的出題順序(包含隨機和按順序),題目數量和考試難度;
②「商品信息」可以設置「練習」是否付費,或需要參與關聯課程才能學習;「私域引流」和「信息采集」是公共組件,我們在上文已經解讀過,不再重復。
2.1.2.3.2. 練習管理
學生開始練習以后,后臺可查看學員的練習數據,包括練習參與人數、每道題目的正確率等,這些數據可以幫助商家及時調整運營方案,或針對性對學生進行講解授課。
2.1.2.4. 作業本
「作業本」主要幫助老師和學員在課程后續實現互動和答疑,不僅可以加強學生對知識的學習,幫助老師了解學員學習的狀態,更能提升用戶活躍度。
2.1.2.4.1. 新建流程
①管理員需要先建立一個「作業本」,這個流程比較簡單,輸入名稱以后,選擇關聯課程,還支持關聯「圈子」(一個用戶運營的重要功能),老師布置的作業會在課堂互動和作業動態顯示。
②「作業本」建立以后,管理員可以布置「作業」?!缸鳂I」分為手動布置(新建)和題庫布置(從現有的題庫中直接選擇)?!甘謩硬贾谩剐枰斎胱鳂I名稱和作業內容,支持上傳圖片和音頻,填寫完成后,作業創建成功。
2.1.2.5. 題庫
「題庫」需要配合作業、考試和練習場景使用,為這些工具提供數據支撐。
2.1.2.5.1. 題庫
①「題庫」支持添加單選題、多選題、不定項選擇題、判斷題、填空題、問答題和材料題等多種類型。添加也非常簡單,管理員選擇好題目類型以后,填入內容就能新建成功。
②「批量導入」是為管理員提供批量輸入題目的工具,按照系統提供的輸入范例格式,系統可以一鍵識別出題目,輕松錄入。
③「Excel導入」也是一種常見的導入形式,不過需要按照系統標準的批量導入模版,才能實現批量導入。
2.1.2.5.2. 試卷庫
①「試卷庫」是題庫中題目的組合,可以看作是「題庫」的父級。管理員可按照自己的需要把題目手動或自動組合成試卷,在考試、作業等場景中就能及時調用,提升工作效率。
②「試卷庫」的新建流程包括設置試卷信息和組卷兩個步驟。在填寫完試卷基礎信息以后,在「組卷」步驟,可以選擇「手動選題」和「系統抽題」。「手動選題」就是管理員從題庫中逐一手動選擇,準確率較高,而「系統抽題」則是系統根據管理員的題型設置隨機抽題,具有隨機性。
2.1.2.6. 證書
「證書」可以為學生帶來成就感,激勵學生堅持完成任務,當學員通過考試、完成作業以后,管理員可以向學員頒發證書,最終提升用戶活躍度。
①「證書」的建立包含基本信息、發放規則、證書樣式、證書信息、發證信息和證書分享六個內容。
②在「基本信息」,管理員可選擇證書類型,包括考試證書、打卡證書、圈子證書等,另外,證書需要關聯對應的考試。
③在「證書樣式」,系統提供了數十種系統樣式,管理員可根據自己的偏好和品牌VI選擇,其次也支持自定義樣式,上傳設計好的背景圖片即可生成。
④在「證書信息」,管理員可以編輯證書標題、獲獎文案等,還可以加入鼓勵文案,吸引用戶傳播分享。
⑤在「發證信息」,可加入發證日期、證書編號和發證印章等,突出真實性。
⑥在「證書分享」,可以添加分享語和二維碼,通過學生的分享,為商家拉新引流。
2.1.2.7. 表單
「表單」是運營者用于發起問卷調研,自定義收集用戶信息的社群功能。它可以幫助商家收集用戶需求和反饋信息,通過對用戶的調研分析,進一步設計和優化運營策略,從而為用戶提供更精準的服務
2.1.2.7.1. 新建流程
「表單」的建立分為三個步驟,分別是編輯表單、表單設置和表單發布。
①「編輯表單」分為三塊內容,左邊是組件和外觀,管理員需要從這里選擇內容,比如單選、文本框等?!附M件」包含基礎組件(單選、多選、下拉菜單、文本框等)、描述分割(文本描述、圖片、分隔欄)和個人信息(姓名、性別、年齡等),「外觀」可以設置表單底色、標題、選項內容字體大小和顏色。選中內容以后,中間為表單編輯區域,可以實現可視化編輯,包括調整順序、刪除等。右側可以設置表單的字段和邏輯,包含基礎設置、選項設置、邏輯顯示規則等。
②在「表單設置」,可以設置用戶提交的次數、回收方式(支持定量、定時回收)、微信分享信息和私域引流。
③在最后一步「表單發布」,需要關聯對應的內容,比如相關視頻、課程、專欄、圈子、訓練營等內容,關聯成功后,表單就可以發布。
2.1.2.8. 活動管理
在店鋪的運營中,舉辦線下活動必不可少,「活動管理」就是為了解決這個場景而設計。管理員可以使用「活動管理」功能組織線下活動,一站式完成線上發布活動信息、用戶報名、收集報名用戶信息、管理報名情況、現場簽到等流程。
2.1.2.8.1. 發布活動
「活動」的發布包含基本信息、票務設置、座位設置、報名信息設置和私域引流六個部分。
①在「基本信息」,管理員需要填入活動的名稱、地點、時間、關聯的課程等信息;②在「票務設置」,可以添加免費票和收費票,設置票種的展示規則等;③「座位設置」部分,還可以開啟自動排座,活動座位由系統自行分配;④在「報名信息設置」,管理員可以根據自己的需求靈活配置用戶報名的信息,非常方便;⑤「私域引流」可以幫助管理員在活動報名前后將潛在用戶引流至商家的私域流量池。
2.1.2.8.2. 名單管理
活動建立成功后,商家就可以發布活動,「名單管理」就是活動報名的詳細數據,包含報名管理和簽到管理。
a. 報名管理
「報名管理」主要包含了所有活動報名的數據管理,比如待審核、報名成功等,管理員可以在這個欄目查看報名用戶的詳細信息。
b. 簽到管理
「簽到管理」有兩種形式,一種是用戶自行掃碼簽到,系統會生成活動的二維碼,管理員向用戶展示掃碼即可;另一種是商家主動掃碼核銷,工作人員進入票券核銷頁面以后,就可以對報名的用戶進行掃碼核銷。
2.1.2.9. 隨堂檢測
「隨堂檢測」是一個協助老師校驗學生學習質量的輔助工具,它不僅可以提升學生對課堂知識的學習和鞏固,還能有效防止學員掛機學習,提升學習效率。
2.1.2.10. 測試互動
「測試互動」是一個通過設置輕量級的在線趣味測試,刺激用戶活躍的社群玩法。運營者可根據用戶特性設計測試題目,激發用戶好奇心,活躍已沉淀的粉絲,增強學習過程的互動樂趣,同時可以設置根據測試結果給用戶推薦課程。
2.1.2.10.1. 新建流程
「測試互動」的新建包含了設置測試信息、添加題目和結果頁設置三個步驟。
①在「設置測試信息」,運營者輸入測試名稱、簡介和設置有效時間;
②在「添加題目」步驟,需要加入測試活動的題目,支持單選和多選;
③在「結果頁」設置,需要設置測評結果,并可以向用戶推薦指定的課程,進行付費轉化。
2.1.2.11. 付費問答
「付費問答」是一個為商家增加變現的工具,學生付費向老師提問,獲取一對一答疑?!父顿M問答」需要先創建一個問答專區才能開啟,有點像建立一個問答專欄。當用戶在前端購買問答服務以后,運營者可以在手動邀請答主進行答疑。其次這個功能也設計得很完善,還支持設置用戶圍觀價格和圍觀分成。
2.1.2.12. 體驗小結
在體驗完這11個互動工具以后,我開始感受到小鵝通這個工具的魅力。從引流到激活、從留存到傳播,這11個工具幾乎能滿足一個知識店鋪運營多維度的需求。而讓我最驚嘆的是小鵝通產品的設計細節,比如一個普通的打卡功能,如果只是從前端體驗看,你根本無法想象這些小功能的后臺設置其實有這么復雜。而小鵝通為了降低商家的運營成本,幾乎支持每一個功能版塊自定義,給我最大震撼的就是「證書」這個功能,不僅提供多種證書設計樣式,連證書內容的每一個字段,都可以在后臺自行輸入,無需任何加工,實在是太方便了。
2.2. 商品
「商品」主要指實物商品和服務類商品的發布和管理,如果商家有周邊商品,可以通過實物商品來上架,服務類商品則是指虛擬服務,比如1V1咨詢、設計指導這樣的虛擬服務。「商品」欄目的功能比較簡單,我們就不過多贅述,大家可以親自體驗。
感謝閱讀,小鵝通的產品拆解第一部分就到這里,下一篇我們將會繼續拆解小鵝通后臺!
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
通知是許多產品中不可或缺的一部分,它用于傳遞產品的一些新的信息狀態,幫助用戶能夠及時收到信息。
本文將討論五種類型的 UI 通知,以及何時以及如何使用它們的基本規則。
通知是產品能夠與用戶及時同步信息變化,及時發送重要通知,例如產品更新、信息提醒、互動提醒、新消息通知等。
消息通知是為產品賦能,為用戶提供幫助,便于快速獲取對應的通知信息,例如產品更新、信息提醒、互動提醒、新消息通知等,在 App 和網頁應用中最常見的信息交換方式則是消息通知。
消息作為一種信息交換方式,抽象其過程,即為“在達到某一觸發條件下,由發送方發送消息給到接收方,接收方可針對此條消息提供反饋”。
基礎的通知模塊通常有標題、內容、入口、徽標、識別圖標五個元素構成
標題區域:用戶傳遞消息的核心區域,整個通知的信息都是圍繞標題進行,一般標題以簡短精煉為主,讓用戶在最短時間了解到關鍵信息。
內容區域:主要描述更加詳細的通知內容,當然這里的內容也不建議超過2行,并且不要重復標題中內容
操作區域:通知分為可點擊類和不可點擊類,當通知模塊需要用戶點擊時,視覺上應該更加具象,如按鈕、箭頭,不要讓用戶產生思考。
圖標圖片:有意義的圖像可以強化通知的內容,例如,如果你將收到的消息通知用戶,你可以包含發件人的頭像。
通知的模式根據不同的場景也會有不同類型,接下來將一一講解這5種通知類型,以及使用場景。
徽標是一個小的填充橢圓形,可以出現在應用程序圖標上并指示未看到的更新。徽標可以有一個數字,用于通知用戶未讀通知的數量。用戶檢查更新后,徽章會從應用程序圖標中消失,并在新通知到達時再次出現。
感知:它可以對用戶產生積極的影響,在某些情況下,用戶可以將徽章視為有價值的獎勵,例如,徽章會通知用戶他們在社交網絡上收到新的點贊、評論,Nir Eyal曾在他的書“Hooked”中描述了這種心理效應。
視覺:紅色作為警惕色,用戶看到后會更具有點擊欲望,相對產品的一些數據指標會有對應的提升
需要用戶采取額外的行動,徽章本身不是通知,這是通知的警報,它只是說明了用戶有新更新的事實,用戶必須單擊或點擊帶有徽章的圖標才能看到實際消息,紅色為強干擾元素,對一些具有強迫癥的用戶很不友好,在體驗上會有一定的影響
一般用戶消息的通知,例如系統通知、社交中的點贊、評論、回復等內容
推送通知是出現在移動設備的鎖屏上并引起很多關注的通知。
很難讓用戶忽略該推送通知,如果用戶不進行處理,會長時間浮動在手機上
由于系統上app很多,會導致用戶對該類的通知處于麻木狀態,推送通知的效果不是很強
如果過度使用,頻繁的推送通知,即使它們很有價值,也可能會惹惱用戶
推送通知適用于重要且時間敏感的更新(即用戶設置的日歷提醒或警報、航班延誤或已交付訂單的更新),在您發送推送通知之前,您需要確保您將與用戶共享的信息是有價值的和時效性的,否則,最好使用其他類型的通知。
a、不要使用推送通知來提示用戶對應用進行評分
b、不建議將推送通知用于促銷或廣告
c、不要使用推送通知來鼓勵用戶返回應用,例如“好久沒見到你了,是否想念了呢”通知不會為用戶提供太多價值,需要向用戶明確說明他們應該返回應用程序的目的
d、允許用戶更改通知行為
用戶會收到一封電子郵件,其中包含有關更新的詳細信息,不過這類通知目前在國外的一些網站使用頻率比較高,根據習慣來講,國外更多的還是習慣用郵件的方式作為重要信息的交流方式,相比之下國內使用郵件來傳遞信息的頻率略低
給用戶更多的控制權,由用戶決定是否要訂閱電子郵件,如果電子郵件標題足夠好,用戶可能無需閱讀電子郵件就可以理解上下文。
周期長,國內用戶可能幾個月甚至1年都看不了一次郵件,此外,電子郵件可能會在用戶收件箱中丟失(即轉到垃圾郵件文件夾)
它需要切換上下文,當應用程序發送需要用戶操作的電子郵件通知時,用戶必須切換到電子郵件應用程序才能完成操作,這可能不是很方便,尤其是當您與移動設備上的應用程序交互時。
需要安全性時,想要使用電子郵件通知有兩個原因,首先,出于安全目的,你可能希望將電子郵件用作單獨的通道(即,當用戶嘗試登錄服務時,應用程序會發送一封電子郵件,其中包含有關新登錄嘗試的通知)。4.Toast通知
Toast 屬于一種及時性通知,當用戶進行操作時,及時給出反饋,通常在移動端顯示在界面的上、中、下三個位置,而web端通常顯示在頂部區域,toast持續一定時間后會自動消失,對用戶的打擾較小
Toast 是與當前頁面的內容強關聯,用戶無需離開當前頁面就能看到反饋消息
不會中斷用戶操作,出現時間短,對操作上無影響
丟失信息的風險,用戶注意力不集中時,會出現漏掉關鍵性信息的情況
Toast 是一種操作狀態,例如,消息發送時可以在消息發送成功時顯示toast“發送成功”
不要使用 toast 來提示與當前用戶操作無關的信息
不要將 toast 用于錯誤消息,由于 toast 會在短時間內消失,因此某些用戶可能無法閱讀錯誤消息
全屏覆蓋/模態窗口是出現在應用內容頂部并要求用戶做出決定的對話框窗口,這種類型的通知會在所有應用功能出現時禁用它們并保留在屏幕上,直到用戶完成所需的操作。
用戶在訪問應用程序時將 100% 看到通知,無法避免此通知。
它會阻礙用戶當前的操作,迫使用戶操作通知相關的內容
全屏覆蓋/模式窗口應僅用于需要用戶操作的最關鍵的系統更新,例如,它可能是阻止應用程序正常運行的錯誤或需要特定用戶決策的關鍵信息。
詢問用戶是否想接收特定類型的信息,當用戶明確選擇接收某些類型的通知時,說明他們的意愿更強,比產品強制傳輸消息效果較好
一些流氓軟件會發送一些系統通知,用戶無反饋后,還是會重復發送,特別是一些短信push,建議用戶沒有回復時,也不要發送后續通知,大部分人的本性是不愿意被脅迫做一些事。
不要在通知中包含敏感信息,例如一些文化特殊性、地域的特殊性等,防止出現觸及別人痛處的一些文字語言
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
雙鉆模型是設計師在創作過程中可以循環復用的系統,他不僅可以在我們設計界面時運用到,在一些數據提升優化等方面同樣適用,雙鉆模型可以使設計更加理性,它能夠在我們做項目時思維更加具有邏輯性,我們設計過程中更多的方法還是遇到問題,直接輸出解決方案,而該模型可以讓我們的思考過程更加具象化、合理化,他與常規的思考方式不同,該模型更加注重問題的本質,全流程圍繞問題去解決問題,并且在大的項目上能夠提升團隊效率,與其他模型不同,該模型的適用場景更加廣泛。
雙鉆模型是由2005年英國設計委員會正式公布并進行驗證,但是在之前BDC就提到過雙鉆模型,而我們現在看到的模型是通過改良后進行使用的,不過這不重要,我們只需要了解它的用處價值以及如何使用就行了。
我們看下圖中,雙鉆模型主要為4個大階段,發現期、定義期、發展期、交付期。左邊的鉆石我們可以理解為發散思維階段,我們為一個沒有目標的項目去腦爆出想法或者問題,其次選擇出正確的方向,右邊的鉆石我們可以理解為從正確的方向中抽取正確的事情,最后把正確的事情完成。
發現期我們理解為是探索期,該階段主要是發散思維和收集資料,研究問題的本質,把我們能想到與該問題具有關聯性的信息全部列出來。
質疑:對一切信息的質疑,簡單理解就是我們需要多問自己為什么,需求的合理性、用戶流程是否合理、為誰而做、會在什么場景使用、會遇到什么問題等等,把所有能想到的不合理事情列舉出來,這個小階段我們可以理解為是探索和發掘問題。
研究:針對問題去做對應的調研,如不知道用戶使用場景,我們通過用戶調研可以得到結果,需要做什么研究調研可以根據需求遇到的具體問題去使用不同的研究方法,例如一些訪談、競品分析、數據分析等等。
該階段主要是把發現期的問題收攏聚焦,即基于發現期的調研分析、問題洞察形成結論,尋找可以突破的機會點,例如我們在發現期發現的問題是用戶的目標是什么,影響用戶目標的點可能有哪些,那么在定義階段就需要針對我們提出的這些假想進行聚焦,用戶是怎么完成目標,通過什么場景完成目標等等,篩選問題時一定要綜合評估,尋找可行性。
該階段是已經開始要開始進行落地了,第一第二階段是找到正確方向,而現在則是用正確的方法去做正確的事情,我們要把聚焦的問題具象化,構思我們能夠想到的方案,比如設計前期探索定義的是年輕、輕盈,在該階段我們就需要根據關鍵詞去考慮如何進行設計,這個階段是一個不斷生產和推翻的流程,一直重復,直到找到能夠落地的方案。
這個階段就顧名思義比較簡單了,根據發展期確定的方案,最后進行實際的落地,并且是可實施、可執行的,通過團隊項目流程推動上線,最終展現給用戶。
以上便是雙鉆模型的定義,先舉個通俗的例子大家理解下模型,例如節假日我們想去旅游,a)我們去什么地方?參觀古都?自駕游?游樂園?這個就是發現期,我們把想去的想玩的全部列出來,b)經過篩選我們絕定去游樂園,這個就是大的方向,c)我們要去哪個游樂園?歡樂谷?方特大世界?這個階段就是發展期,我們要找到能去的地方,d)最后,怎么去?開車?跟團?玩多久?等等,這個就是交付期,可落地的。
當然這個案例是結合生活方便大家理解,在實際項目中它的用處不止如此。
網上也有很多雙鉆模型的案例,但大多都是偏向理論,并且案例也跟設計無關聯,我從設計角度單刀直入的引入雙鉆模型,很簡單,很粗暴~~
例如我們要做一個唱歌產品的改版,站在設計師的角度我們需要去定義他的基本風格和基本色彩規范等等,但是總不能上來就去做設計吧,我們要知道我們產品的群體是誰?具體的用戶屬性是什么樣的?有什么樣特征呢?等等。這個階段就是“雙鉆模型”的第一個階段,發現期。
發現期就是要發散思維,比如我們”唱歌“產品的用戶群體是年輕群體,用戶特征是18-25歲的在校大學生,用戶使用場景大多是宿舍、教室等校園環境,我們就需要去根據這些信息去進行設計思維發散,例如什么的風格符合這類群體,先把關鍵詞舉例出來,如年輕、活力、青春、潮流、二次元...,依據這些關鍵詞做一些飛機稿,不斷進行探索。
當然不止這一個思路,我們也可以通過競品分析的方法去擴展思路,如比較潮流的RAPAPP、二次元較重的B站,在比如現在的劇本殺相關的app等等,分析他們的設計風格和表現方式,嘗試融合出飛機稿。
小結:第一步的核心就是發散思維,把要做的產品背景信息全部羅列出來,通過橫向縱向的方式去散發關鍵詞,最后做出對不同風格的設計,進行探索。
像前面說的,該階段就是把發現期散發的想法往回收一收,畢竟那么多想法哪一個才是我們需要的,我們需要在這個階段去篩選出來。
我們按照年輕、二次元、潮流、國潮這些關鍵詞出了一些飛機稿,我們需要去收攏起來看看那些可以與產品特性和用戶屬性真正具有關聯性,假設用戶群體雖然是18-25歲的學生,但是我們通過訪談和其他調研方式發現這類群體中喜歡二次元歌曲的群體偏少,而潮流、國潮等關鍵詞更符合這類群體定位,并且也能夠跟產品的主打方向匹配上,那么就可以剔除二次元相關的飛機稿了。
該階段最好能收縮到同一個維度2-3個方案便于我們去進行驗證,假設我們通過后續調研發現,國潮與潮酷用戶群體喜好占比差不多,但是潮酷是產品未來的方向,我們就可以嘗試剔除國潮,但在潮酷這個范圍內可能還會存在多種飛機稿,這是我們就需要進一步篩選,比如通過延展性,宣傳性,用戶認知度以及用戶的審美特性等等多維度去篩選,最終保持少量的方案。
到了這個階段我們應該比較熟悉了,嘗試把上述的方案繼續收攏聚焦,提取出一個可行性方案展開后續的設計,具體怎么篩選,同樣可以繼續使用橫向和縱向維度進行對比,如潮酷風格方案還剩下2個,我們就可以通過用戶調研、競品分析去嘗試衡量優劣勢。
交付期其實就是我們設計側工作全部完成了,流程已經進入到了開發,我們把完整的設計稿、切圖等素材交付開發,同時還需要橫向輸出設計規范供團隊后續使用。
雙鉆模型用途非常廣泛,如數據方面、產品方面、設計方面甚至管理方面都可以使用到,在不同的領域使用的方法都類似,區別就是使用的深入如何,像本篇以純設計維度出發去使用雙鉆模型,使用的方式偏向單維度。
若以提升數據或優化用戶體驗為目標使用雙鉆模型,那么每一個階段的思維散發會變得更加廣泛,每條結果交叉的情況也非常多。
再次提醒,本篇只以設計維度出發教大家使用雙鉆模型
該模型是講述用戶使用產品的感受,它包含五個維度:有效(Effective)、效率(Efficient)、吸引(Engaging)、容錯(Error tolerant)、易學(Easy to learn),我們看每個維度的英文解釋,會發現首字母都是E開頭,所以被稱為5E體驗設計模型。
5E 模型在整個體驗設計流程中可用性非常強,它可以幫助我們的團隊更具有創造力和理性的分布式領導模型,它可以讓復雜的設計簡單化,可以幫助產品構建一個具有標準性的體驗框架,我們無論做簡單還是復雜的設計時都可以依據這5個維度進行體驗評估。
不知道大家有沒有發現,我們經常講的產品可用性或者易用性,其實跟5E模型很像,5E模型的五個維度其實就是產品可用性的基礎,當一個產品不滿足其中一條的時候,那這個產品就不存在所謂的可用性,接下來我們對這五個維度進行解析。
顧名思義,有效指的就是產品功能的有效性,產品是否能夠為用戶帶來價值,是否能夠幫助用戶完成目標,如果不能幫助用戶完成目標,那么就不存在產品有效性,就像我們買筷子是為了吃飯、買開瓶器是為開蓋、買車是為了代步.....如果筷子只給我們一只,開瓶器無法開啟瓶蓋,車子沒有輪子跑不起來,那這個產品就是殘缺的最基礎的可用性都未達到。
字面意思指我們在保證精準度的前提下保證完成事項的效率,準確度越高速度越慢,這個的衡量通常指產品與競品相比同一個任務流程效率的高低,以及出錯的頻率,假如我們刷抖音刷10個視頻需要1分鐘,而影響時間的因素是單個視頻的內容是否足夠吸引,亦或者網速是否夠快。
這個就比較好理解,就是界面是否能夠吸引用戶,能夠讓用戶愉快的使用我們的頁面,當然不止視覺上的,人的感知包括視覺、嗅覺、觸覺、味覺,一個優秀的界面是不僅僅只有視覺,它還可以通過視覺的感知引起用戶的遐想,例如一個美食的產品,我們把首頁做的更加紅火、火爆可能就會引起用戶遐想起辣、熱等感知。
容錯我們可以理解為是一個防錯機制,或者說是容錯率,當用戶在操作某一個功能時,容易發生錯誤,我們就需要讓產品幫助用戶及時更正錯誤,例如自動修復,在比如打王者榮耀時我們選擇陣容都會經常說容錯率,這里就是指5個英雄,2個打團時可能優勢不是那么大,但是另外3個的容錯率非常高能把劣勢補救回來,而產品的容錯就相當于這3個英雄,負責把用戶可能出現的錯誤操作給補救回來。
易學和產品如何支持初次使用和更深度的學習相關。一個產品可以使用一次,或一會兒,或一天。它可以完成一個容易的或復雜的任務,用戶可能是一個專家或新手。但每一次使用,界面必須能夠記憶或重新學習,而且使用一段時間后能夠發掘更多的功能,通常產品的易學性體現在用戶的操作效率。
有效性就像他定義的那樣,存在即合理,存在差異的是準確性,基本每個產品都必須具備有效性,例如地圖軟件,我要做公交車,能夠通過該功能查看離我最近的一輛公交還有多久到,這個功能的存在就是為了便于我們乘坐公交,防止無效等待,而差異上就是公交到站的時間可能因為某種原因不夠準確,這個就是有效上的差異因素。
如何讓用戶體驗更好,效率是其中任何重要的一個點,部分的產品的存在就是為了“讓人變懶”,例如外賣、打車、購物等等,以聊天為例1v1聊天時消息能否及時的傳輸,群聊時同時加載n條消息,而我們能夠第一時間看到信息,在新聞資訊的軟件中,怎么保證用戶閱讀的效率,同樣的產品怎么排版才能夠符合用戶閱讀習慣,提高效率,大多行業的產品想要做到好的體驗,效率是不可缺失的。
一個產品通過不同的視覺表現或者音樂效果能夠加強用戶在感知層的認知,不同的群體,不同的階段,所展示的風格不同,像下圖中的金融產品,使用紅色為主色傳遞的感覺是積極向上的感知,因為在國內股票和基金里紅色代表漲,在看閱讀產品和教育產品,都根據產品特性和用戶群體來設定風格,試想一下,一個閱讀的軟件做成卡通風格,那會不會嚴重影響閱讀呢。
上面所說,容錯更像自動修復或者幫助用戶解決錯誤操作問題,在系統上我們可能會經??吹?,例如電腦崩潰時像MAC系統會詢問是否重啟,而Windows崩潰時會直接藍屏幫用戶自動重啟。
在產品中也會有相關的功能,例如聊天頁面中,我們因為網絡因素發送失敗會進行紅點提示,包括一些內容加載失敗會提示重新加載等等。
易學應用場景非常之多,我們在做產品時大多都是優先考慮用戶使用是否有阻礙,這個概念還是比較成熟的,當然產品功能有些時候也避免不了復雜化,這時我們可以用新手引導進行解決,但是還是需要提醒大家,在設計頁面的時候一定一定要優先遵循識別性和認知性,其次再去考慮創意,例如一個分享圖標,把它設計的不像一個分享,設計感是有了,但是可用性無了。
為什么分享這兩個模型呢,這兩個我理解是體驗設計的基礎,雙鉆模型讓我們從0-1一步一步解決問題,而5E模型是在我們解決問題的過程中時刻提醒我們不要偏移基礎的體驗,就像開車一樣,雙鉆模型就像是一個地圖的起點與終點,5E模型就像在行駛這段過程中的超速提醒、危險駕駛提醒等。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
藍藍設計的小編 http://www.syprn.cn