午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

首頁

產品經理必備!2025最受歡迎的10款原型交互設計軟件

ui設計分享達人

產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
原型設計是每一個產品經理都需要具備的基礎能力,因此有一款稱手好用的原型設計軟件,更是產品人手中不可或缺的利器。相比其他設計軟件,原型設計軟件的重點之一是交互設計,它需要動態模擬用戶操作,精準呈現產品的交互流程,這樣才能感受真實的用戶體驗,幫助產品優化迭代。
那么,有哪些優秀的原型交互設計軟件呢?本文盤點了10款備受產品經理喜愛的原型軟件,助你2025年設計更高效更簡單~
 
1、
摹客RP
摹客RP是一款高效易用的原型交互設計軟件,界面直觀、交互全面,可在線協作使用,能幫助產品經理快速構建產品原型。它還擁有海量的模板組件,組件自帶交互,拖拽即用,用戶無需經驗也可創建復雜的交互效果。
產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
功能亮點:
1)全面的交互類型:不僅包含頁面交互,還有畫板級、組件級、狀態級交互,交互效果細膩,產品原型更逼真。
2)自制交互組件:可根據項目所需,自制復雜組件,自定義樣式以及交互細節,原型交互設計不受限。
3)組件庫和模板:內置豐富的組件和設計模板,包括各種按鈕、輸入框等交互控件,用戶可快速調用。
4)拖拽式編輯:只需鼠標拖拽,一步到位,即可快速添加交互效果。
5)實時預覽編輯:支持實時預覽設計稿,多個成員可以在同一項目中編輯,大大提升了協作效率。
價格:
可免費使用
學習難度:
簡單,新用戶也能快速上手
使用環境:
支持Web、Windows、MacOS
推薦理由:
摹客RP大幅降低了原型交互設計的門檻,簡單易用、操作流暢,交互效果也很全面。而且,它的團隊協作功能突出,非常適合需要快速構建交互原型的產品團隊。
推薦評級:
??????????
 
2、
Axure
Axure是一款經典的原型交互設計軟件,交互功能強大靈活,在產品經理和UX設計師中享有盛譽,特別適合需要復雜交互和邏輯實現的中大型項目。
產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
功能亮點:
1)高級交互設計:支持拖拽式創建動態面板、條件邏輯和變量操作,實現高復雜度的交互效果,精準模擬用戶體驗。
2)組件豐富:內置按鈕、表單、圖表等多種控件,可通過配置實現多樣化的交互設計。
3)交互邏輯編輯:支持條件分支、邏輯判斷和變量傳遞,滿足復雜業務流程的原型設計需求。
4)文檔生成:支持自動生成詳細的原型文檔,便于交付和開發參考。
價格:
$29/月起
學習難度:
Axure操作復雜,對初學者來說難度較大。
使用環境:
客戶端使用,支持Windows、MacOS
推薦理由:
Axure適合對交互設計有較高要求的專業團隊,其強大的邏輯功能和動態效果讓用戶能夠細致地還原產品交互過程,是中大型項目不可或缺的利器。
推薦評級:
??????????
 
Justinmind是一款功能全面的原型交互設計軟件,專注于幫助用戶從低保真到高保真階段快速構建交互原型。它不僅支持豐富的交互動作,還內置大量預設模板和控件,是一款集原型設計、交互開發和團隊協作為一體的全能型工具。
產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
功能亮點:
1)交互設計支持:通過可視化界面實現頁面跳轉、動態面板、懸停效果等交互行為,無需編程即可完成復雜交互設計。
2)模板與組件庫:內置豐富的UI組件庫和交互模板,可快速拖放使用,提升設計效率。
3)導出功能多樣:可以將原型轉換為功能齊全且可交互的 HTML,還可導出導出為 SVG 和 PNG。
4)團隊協作:支持團隊成員在線評論和文檔共享,讓協作更加高效。
價格:
$19/人/月起
學習難度:
簡單
使用環境:
支持Web、Windows、MacOS
推薦理由:
無需輸入任何代碼,即可用Justinmind創建可交互的原型,還能用它繼做UI設計、VR和AP設計,功能全面,值得嘗試。
推薦評級:
??????????
 
4、
ProtoPie
ProtoPie是一款專業的高保真交互原型設計工具,專注于通過邏輯和交互動作的直觀設置,構建接近真實產品的交互體驗,特別適合需要創建復雜交互的產品經理和設計師。
產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
功能亮點:
1)無代碼交互創建:通過觸發器、動作和對象的組合,無需編程即可輕松實現復雜的交互邏輯。
2)跨設備交互模擬:支持多設備之間的交互,例如手機與平板、手機與電腦的聯動效果。
3)傳感器支持:獨特支持設備傳感器(如陀螺儀、重力感應、語音輸入等),更真實地模擬用戶場景。
4)高保真原型預覽:所見即所得的預覽功能,可快速驗證交互效果。
5)插件和集成:與Figma、Sketch等工具無縫對接,快速導入設計資源。
價格:
$12/用人/月起
學習難度:
中等,新手需要一定時間學習
使用環境:
支持Windows、MacOS
推薦理由:
ProtoPie是專門構建高度復雜和真實交互的設計工具,適合對產品交互設計要求較高的團隊,其獨特的傳感器支持和多設備聯動功能,受到不少產品經理的喜愛。
推薦評級:
????????
 
5、
Uizard
Uizard是一款新興的AI驅動原型設計工具,它的獨特之處在于智能化和易用性,即使是沒有設計經驗的用戶,也可以通過簡單的操作快速構建具有交互功能的高質量原型。
產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
功能亮點:
1)AI生成設計:支持將手繪草圖自動轉化為數字化原型,大幅提升設計效率。
2)簡單交互設計:通過點擊即可實現頁面跳轉和基本動態交互,滿足初期驗證需求。
3)模板庫:內置大量行業通用的UI模板和組件,用戶可以直接使用或調整,快速完成設計。。
價格:
$15/人/月起
學習難度:
簡單
使用環境:
基于wed端使用,適用于所有主流瀏覽器
推薦理由:
Uizard的特點是:快速、智能、簡潔,非常適合需要快速構思和驗證產品創意的團隊或個人。特別是對于時間有限的初創團隊來說,Uizard提供了從草圖到原型的一站式解決方案。雖然其交互功能較為基礎,但對于早期原型制作來說夠用了。
推薦評級:
????????
 
6、
Marvel
Marvel是一款全流程原型設計工具,專注于快速創建交互原型和用戶體驗測試,適合快速原型制作,但不適合高保真的復雜交互設計。
產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
功能亮點:
1)快速交互設計:通過簡單的鏈接設置和拖放操作,即可創建頁面跳轉、動畫效果等交互行為。
2)用戶測試工具:支持收集用戶反饋,通過點擊熱圖和可用性測試,優化設計流程。
3)團隊協作與評論:團隊成員可在設計文件中直接評論和標注,溝通更高效。
4)與第三方工具集成:與Sketch、Figma等設計工具無縫銜接,支持導入設計文件進行交互設置。
價格:
$12/人/月起
學習難度:
簡單
使用環境:
基于wed端使用,適用于所有主流瀏覽器
推薦理由:
Marvel操作直觀、團隊協作功能強大,它的用戶測試功能為產品優化提供了很多支持,對于小團隊和初創企業來說,它是一個性價比較高的選擇。
推薦評級:
????????
 
7、
Proto.io
Proto.io是一款強大的原型設計工具,提供了從設計、交互到用戶測試的一站式服務,它的的優勢在于高度靈活的交互設計功能和廣泛的設備適配能力,非常適合需要快速驗證復雜交互的團隊。
產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
功能亮點:
1)高度靈活的交互設計:支持頁面跳轉、動態效果、動畫、條件邏輯等多種交互功能,無需編碼即可實現復雜設計。
2)豐富的組件庫和模板:提供大量內置UI控件和行業模板,可直接拖拽使用并快速定制。
3)動畫編輯器:支持創建時間軸動畫,輕松實現復雜的動態效果。
4)用戶測試功能:支持與用戶共享原型鏈接或QR碼,收集反饋并優化設計。
價格:
$24/月起
學習難度:
中等,新手需要一定的時間學習
使用環境:
基于wed端使用,適用于所有主流瀏覽器
推薦理由:
Proto.io不僅交互設計功能強大,還支持動畫設計,提供從設計到測試的全面支持,非常適合需要復雜交互邏輯的項目。
推薦評級:
??????????
 
8、
Balsamiq
Balsamiq是一款專注于低保真原型設計的工具,其手繪風格的界面設計獨具特色,旨在快速構思和驗證產品想法,是產品經理和開發團隊早期規劃的絕佳工具。
產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
功能亮點:
1)手繪風格低保真設計:通過手繪風格元素,幫助用戶快速創建清晰的線框圖,避免過多關注視覺細節。
2)豐富的UI控件庫:內置大量UI組件,包括按鈕、表單、導航欄等,可快速拖拽到畫布中。
3)簡單交互設計:支持基本頁面鏈接和跳轉功能,用于模擬導航流程。
4)云端協作:支持多人協作編輯,方便團隊在早期階段快速迭代和驗證。
價格:
$9/人/月起
學習難度:
簡單,初學者也能快速上手
使用環境:
支持Web、Windows、MacOS
推薦理由
Balsamiq是低保真原型設計的標桿工具,其簡單、高效和專注的設計理念,特別適合項目早期的頭腦風暴和結構規劃。
推薦評級:
????????
 
9、
Figma
Figma是一款基于云端的協作式設計工具,在原型交互設計領域備受推崇。它以實時協作、高效的原型設計和無縫的團隊溝通功能為核心亮點,是產品經理和設計師的強大助手。Figma無需安裝,直接通過瀏覽器即可使用,突破了傳統設計工具的限制。
產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
功能亮點:
1)實時協作:多成員可同時在線編輯同一文件,實時查看修改,顯著提高團隊效率。
2)組件和設計系統:提供強大的組件管理功能,支持組件復用和全局更新,確保設計的一致性。
3)簡單交互設計功能:支持創建動態交互和動畫,包括頁面跳轉、懸停效果和狀態切換等。
價格:
$12/人/月起
學習難度:
簡單,還有豐富的教程文檔
使用環境:
基于wed端使用,適用于所有主流瀏覽器
推薦理由:
Figma憑借實時協作能力和直觀的交互設計功能,成為團隊協作和快速設計的最佳選擇之一。特別是在遠程辦公和分布式團隊中,它的云端優勢更加突出。
推薦評級:
????????
 
10、
Visily
Visily 是一款智能化的原型設計工具,它通過AI功能和直觀的界面,幫助用戶快速創建交互原型,是初創團隊、產品經理和非設計背景團隊的理想選擇。
產品經理必備!2025最受歡迎的10款原型交互設計軟件
 
 
功能亮點:
1)AI設計助手:利用AI技術,將手繪草圖或現有的設計圖轉化為數字化原型,大幅提升效率。
2)簡單交互功能:支持頁面跳轉、鏈接和基本動態效果,便于快速模擬用戶流程。
3)預設組件和模板:提供豐富的UI組件和行業模板,適用于多種設計場景。
價格:
$10/人/月
學習難度:
簡單
使用環境:
基于wed端使用,適用于所有主流瀏覽器
推薦理由:
Visily的AI設計功能是最大亮點,降低了原型設計門檻,對沒有設計背景的用戶來說很友好。此外,Visily組件豐富,適合快速制作低至中保真原型。
推薦評級:
????????
 
以上10款原型交互設計軟件各具特色,能夠滿足不同團隊和項目的需求。希望你能找到一款最適合自己的工具,用它打造出更出色的產品吧!

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

APP優秀產品設計亮點

ui設計分享達人

為什么我想不到這些設計亮點
 
 
 
 
體驗目錄
 
一、這個隱藏的手勢交互你忽略沒
二、情感化的背景設計
三、自適應的瓷片區布局
四、考慮用戶習慣的導航設計
五、應景的標簽設計
六、情感化的心情記錄
七、動態感的個人中心設計
八、動態 Banner 更有吸引力
九、有點意思的圖標設計
十、營造冬季氛圍的背景設計
 
  
 
一、這個隱藏的手勢交互你忽略沒
 
隨著用戶體驗的不斷升級,手勢交互變得越發普及,使得產品操作體驗變得更有互動感和趣味性。通過手勢交互的輔助,讓產品設計更加簡化,更有利于用戶實現操作目標。
 
我們經常用抖音刷短視頻,可以通過單擊底部標簽欄“首頁”進行刷新,長按則會彈出模式切換。通過手勢交互的輔助可以快速切換單列、雙列展示形式,以及刷新首頁和默認靜音設置,不知道這個操作你發現了嗎?
為什么我想不到這些設計亮點
 
 
 
 
二、情感化的背景設計
 
情感化設計可以讓產品與用戶建立更強的共鳴感,讓用戶感受到產品的溫度,促進對其服務的認可度。
 
在杭州生活的人會經常使用浙里辦,在一些節慶、節氣等時間段打開 App 時,頂部視覺區域背景會進行應景設計。通過情感化的表達方式營造氛圍感的同時,也讓用戶感受到產品的溫度,帶來更加溫馨的體驗感。
為什么我想不到這些設計亮點
 
 
 
 
三、自適應的瓷片區布局
 
瓷片區的靈活性可以方便更多功能模塊的布局,也能自由更換和增刪處理,只要保障基礎框架結構的穩定即可。
 
酷狗音樂未登錄時首頁推薦板塊的瓷片區設計,在滑動過程中會進行自適應布局,方便進行結構的填充和內容的補充。默認時隱藏部分內容可以提高當前位置的利用率,便于提高更多內容的曝光度,交互過程中的動效表達也非常的流暢自然。
為什么我想不到這些設計亮點
 
 
 
 
四、考慮用戶習慣的導航設計
 
抽屜式導航是導航設計表達的形式之一,由于屬于隱藏式的設計,通常集合非操作頻繁的功能。
 
酷狗音樂采用了底部標簽欄和抽屜式導航結合的形式,即滿足高頻功能的便利性,也能集合更多低頻功能。由于大屏手機的普及,用戶單手操作的習慣各有差異,考慮用戶左手或者右手都能輕松打開導航,酷狗音樂右上角的導航圖標可以從右側打開導航,左手貼邊向右滑可以從左側打開導航,滿足了不同操作習慣的用戶需求。
為什么我想不到這些設計亮點
 
 
 
 
五、應景的標簽設計
 
標簽設計的表達形式非常多樣化,也被運用到眾多的場景中,輔助內容的傳播與理解等。
 
天氣冷了,大家會在淘寶買一些秋冬服裝等商品,當搜索秋冬外套、保暖等關鍵詞時,會出現降溫坐標、輕暖等標簽設計。通過標簽突出了商品關鍵詞的特征,也讓用戶可以感受到季節的變化,促進商品被搜索的概率。
為什么我想不到這些設計亮點
 
 
 
 
六、情感化的心情記錄
 
隨著生活壓力和職場壓力的不斷增加,為了緩解大家的焦慮情緒,衍生出很多日記類產品,幫助大家記錄心情和管理調節。
 
最近在使用心島日記記錄心情時,記錄界面設計感覺很有意思。通過轉盤的交互形式選擇心情,也通過應景的動效表達輔助心情傳遞,整體設計情感化體驗度非常好。
為什么我想不到這些設計亮點
 
 
 
 
七、動態感的個人中心設計
 
個人中心的設計在整個產品設計中都是非常重要的存在,也因此出現了眾多優秀的設計方案。
 
心島日記的個人中心設計中,頂部區域背景以動態的形式表達,描繪出的場景讓人心情愉悅。相較于靜態畫面的表達,動感的設計更能打動用戶。
為什么我想不到這些設計亮點
 
 
 
 
八、動態 Banner 更有吸引力
 
Banner 設計在產品中的表現形式也非常豐富,可以在視覺創意中發揮,也可以在造型結構中變化,還能動靜各異。
 
最近在使用支付寶時,首頁為了突出發放消費券的活動,采用了動態 Banner 設計。突出的視覺和動感的效果,讓活動變得特別突出,增加板塊吸引力,提高用戶參與度。
為什么我想不到這些設計亮點
 
 
 
 
九、有點意思的圖標設計
 
隨著圖標設計的風格越來越多,使得產品設計的感官體驗得到了提升,設計師也在不斷嘗試更多的創意表達。
 
最近在飛豬旅行 App 中,發現其圖標設計有點意思。部分圖標采用書法里面的連筆形式,結合漸變色使得整體圖標風格年輕活潑,設計表達獨特而有新意。
為什么我想不到這些設計亮點
 
 
 
 
十、營造冬季氛圍的背景設計
 
冬天雖然很冷,但是也有獨特的風景帶給大家,在寒冷中感受這個季節的獨特魅力。
 
飛豬旅行 App 在首頁設計中,頂部背景區域結合冬季下雪與堆雪人等元素,以動態的形式營造了這個冬季獨有的氛圍感。不僅提升了產品的感官度,也讓用戶更有季節代入感。
為什么我想不到這些設計亮點
 
 
小結
 
設計靈感來源于日積月累,希望我們的產品體驗日記欄目可以成為大家積累的來源。本文描述屬于個人觀點,不足之處大家留言補充。


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

節省成本、提升效率的UI組件庫

資深UI設計者

這次全面的改版,針對UI與UE不統一的問題,邁出了關鍵的一步——首次構建組件庫
盡管在初期階段,面臨諸多挑戰和困難,但堅持不懈的努力使得組件庫逐漸成形。組件庫基本完善后,對工作效率的提升效果簡直令人興奮。組件的靈活變體和自動化的布局功能,不僅極大地提升了設計效率,也確保了界面的一致性和用戶體驗的連貫性。這一嘗試不僅解決了我們面臨的問題,更為未來的設計和開發工作奠定了堅實的基礎,期待未來更多的挑戰與進步。

UI 設計公司的收費標準一般是怎樣的?判斷 UI 設計公司的收費是否合理

藍藍設計的小編

判斷 UI 設計公司的收費是否合理,可以從以下多個方面著手:
考量設計公司的專業水平與資質

團隊專業背景:查看設計團隊成員的學歷、畢業院校以及所學專業等情況,若團隊成員大多來自知名設計院校,具備扎實的專業基礎,例如有專業的視覺傳達、交互設計等相關專業背景,往往意味著能產出高質量的設計成果,相應收費可能會偏高,但也更具合理性。
行業經驗:了解其在 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。


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


藍藍設計m.gerard.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。


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


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

。                           

WWDC22|從獨立開發者中發掘小而美的設計奧秘

資深UI設計者


WWDC22 全球開發者大會結束,有太多小眾產品脫穎而出。無形中有一股巨大的力量,在慢慢崛起,那便是來自世界各地的小型開發團隊和獨立開發者。他們的產品小而美,小到僅靠一個功能撐起產品,美到完全忘記這是工具產品。那么具體都有哪些產品細節,不妨聽我細細道來~




其中,我精挑細選出一個海外和三個國區優秀產品進行產品設計細節分析,一探小眾產品究竟好在哪里!

(專注面條 - 輕松重獲專注力)2022年Apple設計大獎入圍名單之一
(謎底時鐘 - 讓時間看得見)2022年Apple設計大獎入圍名單之一
(Waterllama - 開啟喝水時間)2022年Apple設計大獎入圍名單之一
(OffScreen - 自律番茄鐘,不做手機控)Apple Store精品推薦64次

排名不分先后,從以上幾款產品logo中可以看出產品之間設計風格基本不一樣,不存在借鑒抄襲,各自都在細分領域深耕播種。

也正是因為開發者的敬業、精益、專注、創新的“工匠精神”,才能讓產品突出重圍,優秀的呈現在用戶面前使用。


一、專注面條


Slogan:專注,可以做出一碗好面條。


你以為這只是讓人做泡面的App!那就錯了。這是用“煮一碗好面條是需要時間的”為理念,讓用戶專注工作,類似番茄工作法。

有趣的是,這款效率工具被插畫元素完美包裹起來,一點感受不到工具給人帶來的疏遠感。相反,極具趣味性的畫面讓工具使用起來也充滿樂趣充滿愛。

正因這上乘的設計質感,《專注面條》曾數次登上 App Store 推薦頁,至今收獲 7000+ 個評價、4.9 的評分。





1.核心理念

想象一下你正在烹飪一碗面條。


在烹飪時間結束前.不要試圖拿起你的手機,這樣會讓水蒸汽流失,面條就不好吃了。日后,你可以使用專注面條完成你希望專注的任何事情。


它把工作比喻成煮面,煮面要專心,把控火候,合適時間放入主料和調料;工作同樣要專心,遵循自己的方法論,把每個步驟和流程都執行到位。工作完成了,一碗面也就煮好了。


專注力在哪里,效率就在哪里。

「專注面條」希望輔助你以一種詼諧有趣的方式,重獲這個時代最稀缺的專注力。放下你的手機,煮一碗面,我們一起對抗手機成癮!


時間一到,你的面條就做好了,你也完成了一次有意義的專注。




2.品牌元素

打破常規,不用系統默認蘋方字體,而是選擇手寫體風格的「素材集市康康體」字體(文末領取可商用字體包)作為通篇文字載體。

這也是為統一界面風格做的一個優化嘗試。

不得不說,這個選擇是非常適合的。(體量較小的產品可以適當選用設計字體,一旦產品功能做多做大還是乖乖用默認字體規范靠譜些)。


打開App,你能明顯看到簡潔的手繪風格元素,使整個產品透傳出清新可愛的一面。這也是Alex作者受到女兒啟發,畢竟小孩子總有天馬行空的想象,但大人們卻很難跳脫現實產生有趣想法。


App界面極其簡潔,只有黑白灰三種顏色,搭配手繪風格的設計元素,使產品整體清新脫俗,與眾不同。

圖標設計脫離設計規范,采用更加符合產品氣質的手繪風格,這樣使得界面統一性極高,氛圍感十足。

這也間接告訴設計師們圖標設計上一定要跟著產品形態去做設計,而不要一味以第三方規范為唯一衡量標準來設計,結果就是同質化泛濫。




3.專注時長-插圖設計

計時是產品核心功能,點擊首頁左上角專注時長,會出現不同的煮面方案。

可設置5分鐘-180分鐘之內任意時長的專注時間,同時為5、10、15、20、25、30、35、40、45、50、55、60、180分鐘,這13個時間段繪制了專屬面條配方。你不用手機的時間越長,你煮的泡面配料就越豪華越高級。設計元素也越豐富。當你碰到手機,就會震動十閃光。

面條設計方案與功能的完美呈現是產品最吸引人的地方。




4.設計細節

根據累積的專注時長還可以獲得相應的稱號,配合幸苦工作后汗水落下動畫,很是生動有趣。

不僅如此,專注面條還特意為女性男性做了兩套插圖設計方案,充分考慮不同群體的使用體驗,僅僅是效率型產品就做到如此細節,不好才怪。

這也是除了故事卡片第二種用總時長配圖來增加產品使用黏性產生記憶點的設計之處。




5.商業模式-永久買斷與付費項目

1.永久買斷制


【專注面條】一次買斷制,面條價格¥18。購買后產品內的功能都可使用。但“故事卡片”需要鑰匙來解鎖,¥6.00=鑰匙*6,不想付費那就乖乖完成計時任務來隨機獲得故事卡片。


作為一個功能單一的產品,賣點在哪里?核心競爭力在哪里?依碳水Sir來看付費用戶大多在為品牌理念買單。

就是產品自身的品牌調性,區別于市面上任何一款產品,不隨波逐流,用全新的面條理念代替時間,并且有其鮮明的手繪風格和插圖元素,即使被抄襲也只能抄到“外殼”,內在的東西是偷不走的。


2.購買鑰匙


專注完成后,靠概率獲得鑰匙,用來解鎖故事卡片以及 “腦洞大開” 的結局作為獎勵。緩解你專注后的緊張感,增加趣味互動性,同時為下一次專注做好準備。

故事中皮諾曹、烏鴉喝水、長發公主等雖然都是我們耳熟能詳的童話,但作者( Alex )給他們加上了一些彩蛋。譬如在《猴子撈月》的卡片里,解謎前三個猴子看到河流中有一個圓圈,當我們找到面條的位置時,會發現猴子們看到的不過是一個香菇都大為震驚,畫面里充滿奇妙的想象力。

當用戶看到未解鎖的故事會出于好奇點進去,這時就需要鑰匙來解鎖,畢竟不是靠專注獲得的卡片就要用別的辦法(購買鑰匙)打開,這就是第二個商業轉化點。


目前已有的27張故事卡片,每一個都與面條結合進行故事綁定,讓用戶在效率軟件中也能感受到游戲的樂趣,把故事卡片當成解鎖過關元素,引發用戶對故事卡片更多的渴望。這也是通過獎勵機制提高用戶參與感進而提高使用黏性以及提升付費轉化的一種方式。




一個動作,一堆腦洞,組成了一個能量滿滿的 app。

6 月 1 日,蘋果發布了 2022 年度設計大獎入圍名單,在「創新思維」類別中出現了中國區《專注面條》的身影,雖然止步于決賽圈,但我覺得這并不是結束,而是全新的開始。


優秀的產品總有其相似之處,也有其不同。要想做一款好的小眾產品,除了把產品本身所解決的用戶痛點做好做精外,植入產品理念,與用戶產品某種關聯。

就如它把專注計時比作烹飪時間,當完成專注,你將獲得一碗香噴噴的泡面一樣,給用戶感受并不是冷冰冰的機器“叮”的告訴用戶專注結束,而是通過巧妙的設計與用戶之間產生真實聯系,這或許就是成功的秘密。

借用「專注面條」Slogan說的:專注,可以做出一碗好面條。

各位設計師們不妨學習一下背后的思考。


二、謎底時鐘 - 讓時間看得見


謎底時鐘是一款設計精美的時鐘應用。

Slogan:陪伴你學習、工作與生活。

你沒看錯!它僅有時間和計時功能。

作為一款時鐘App,UI設計有什么不同,才被入選2022 蘋果設計大獎!成為中國開發者之光!我們一起來看看。




1.首次引導

第一次下載,就會啟動引導流程,切換頁面時配合錯幀動畫,使設計細節更加突出明顯,強化品牌調性。產品中的引導頁都可以嘗試這種表現形式。

進入首頁,展示文字+動效的引導流程,統一的表現形式,讓使用者更容易理解。首頁交互引導,讓用戶對產品隱藏的交互功能得到二次記憶,具有增強產品記憶的作用。




2.品牌元素

2-1.設計元素


品牌風格設計很前沿,采用2020年大火的新擬態設計風格,也能看出設計表現緊跟市場潮流走,是一款個性且年輕的App。

整體使用下來,印象最深的就是模塊列表、圖標的微質感設計,以及彈窗布局的規范化設計,還有部分組件采用毛玻璃設計手法等。

值得注意的是,產品對iOS原生組件進行大量重新設計,結合新擬態風格繪制了一套更符合產品調性的組件出來。讓人使用一次就記憶猶新。


2-2.核心力-交互感知


我分別羅列出計時切換器、計時完成動效、時間選擇器、鬧鐘動效、刪除交互、浮窗切換交互這六個來簡單談談看法。以下幾個動效交互基本涵蓋市面上的多半產品的基礎功能,之所以展示出來,是因為「謎底時鐘」在原有的基礎組件上大膽創新,摒棄原生組件。

這樣做對于功能簡單的產品來說絕對是錦上添花有助于產品形成記憶點的設計細節。這也從側面反映出市面上的部分產品,只注重功能堆疊而完全忽視原生組件還可以二次設計的方向。


什么是好的交互,操作時無感知是一種,操作時有記憶點也是一種。顯然「謎底時鐘」是后者。要知道優秀的交互自成一派,把單一的功能做到極致,你的產品就不會差到哪里。




3.彩蛋-圖標變化與提醒

時鐘就是要長時間靜默展示,除了極簡、擬物、科技、馬賽克、霓光、積木、微質感、電子屏、睡眠屏、卡通風、各類鐘表材質等等19種風格高顏值時鐘外,霓光時鐘具有不一樣的功能。

當你早晨使用它文案“早安晨之美”中午“午安好心情”下午“飲啖茶食個包”,除了文案變化,圖標也跟隨名稱而變,又一個用美食來拉近與用戶距離的設計細節。


不僅如此,在低電量情況下,霓光效果不顯示,底部會持續閃爍電量不足的指示燈,告訴用戶手機沒電信號,請及時充電。當用戶插上電源,霓光時鐘會重新啟動亮光模式,給予用戶通電感知。

雖然很小的設計點,但誰又能想到時鐘與電量不足產生聯系。看來開發者對時鐘的創意聯想是豐富多彩的。




4.彩蛋-積木時鐘墜落

無意間觸碰手機時發現積木零星掉落下幾個,在好奇的驅使下又晃動了一下手機,所有積木都掉落下來了。

具有數字屬性的積木依然不斷變換數字,并且配合手機陀螺儀可以模擬現實空間進行移動,交互玩法趣味十足,讓我忍不住多玩了幾次。

這種用到iOS系統功能做的大膽嘗試,有時會給產品帶來意想不到的好處,各位總監們不妨試試。




5.商業模式-細節之處

采用終身會員與月會員模式,月會員很好理解,為了產品能持續做下去,而推出的付費模式,目的是能持續有營收。終身會員是一個很有意思的模式。

據了解,產品前期功能相對單一時,推出的一種買斷制,但隨著新功能不斷增加,原有¥25定價相比較低,早期買斷的用戶獲利更大,為了商業與產品平衡,使其具備良性發展空間,于是又推出月會員模式。


這也牽扯到另一點,凡是未上線新功能都可以輕松決定是否開發上線,一但功能上線,想要取消或抹掉功能,就沒那么輕松簡單了。這也是早期App都一次買斷,后期改為訂閱模式也必須有終身買斷的內購入口。




如果我們是“匠人”就會把 App 當藝術品,雖然只有也僅有一種功能,但只要花費了大量的時間去想創意,去做到設計、交互的完美融合,甚至一遍一遍地優化各種細節部分,埋設彩蛋,最后的最后呈現出來讓自己滿意。那么它就很可能成為一款小而美的產品。


三、Waterllama


烏克蘭開發團隊出品。讓喝水變成一件快樂輕松的活動。僅有的喝水記錄功能,卻用大量動物角色來獎勵喝水后的你,讓你欲罷不能。保持水分保持快樂!從截圖中不難看出,該App內置大量動物插圖,通過喝水來解鎖小動物,解鎖前僅展示動物輪廓,讓用戶產生好奇從而保持喝水好習慣,這個概念很好,產品很棒,那我們一起來看看吧。




1.品牌元素

產品中icon展示較少,更多是用小插畫來代替,頁面中大量的banner以及動物卡片,豐富產品的同時營造一種輕松的感覺。并沒有很多圖標干擾用戶操作。與水相關的插圖用動效來承載,讓簡單的元素變得趣味橫生,很是新穎。除了普通的水以為,Waterllama還為各種飲料酒水做了全套icon,共計48+之多,可見產品對于水的核心功能做足了努力,才有如此多的類型與選擇供用戶記錄。




2.核心功能

無論您是想休息一下咖啡因,還是想通過果汁和冰沙來增強免疫系統 - 選擇任何挑戰,盡情享受吧!
遠離含糖飲料和酒精,或者在 10 天內只喝水補充水分。看看你的進展如何,別忘了與朋友分享你的結果。
Waterllama 應用程序中已有超過 45 個可愛的動物角色,我把解鎖與隱藏的都羅列到上放品牌元素中,可以看下總有一款是你的菜。你也可以使用隨機模式,讓每一天都變得不同。當天喝水目標達成就會解鎖一個動物,精美的插圖讓人賞心悅目,期待第二天繼續喝水打卡挑戰。




3.交互手法

首頁下方的動物挑戰卡片,交互形式采用App Store卡片點擊交互,無論是轉場過度,還是下拉放大主體都給畫面賦予趣味性操作體驗。一邊體驗交互細節,一邊了解喝水的各種好處,娛樂加學習兩不誤,很是輕松。




4.商業模式-細節之處

內購頁面采用icon輪播的動效展示,優點是在一小塊區域通過消失漸現可以展示所有內容,使內購頁面干凈清爽能更好的閱讀頁面信息。按鈕通過循環放大,引導用戶進行付費操作,雖然很刻意,但絲毫沒有感受到強制性選擇。
當產品想要在內購頁強化品牌背書,給到用戶可靠穩定感,可以選出具有代表性的優質評價,展示在內購頁下方,通過左右切換查看更多評價。
每年¥28,終身買斷制¥48.00。兩個價格是利用價格差來制造價格錨點,引導用戶購買終身會員,這對用戶來說最實惠劃算的方案,同時也是產品所希望的。大量的終身用戶長時間使用產品,成為核心用戶群體,助力產品越做越好。




現在不難看出,優秀的產品往往更關注細節表現,用動態展示內容,讓玩法更具趣味性,頁面簡約而不簡單。并不是頁面元素越多越好,相反把簡單的功能做到極致就會帶來正向有價值的反饋。


四、OffScreen - 自律番茄鐘,不做手機控


這款產品雖然沒出現在WWDC22上,但與「謎底時鐘」是同一家公司。無論設計或功能使用都相媲美。
手機已成為人人必備的物品,內置的各種App占有著人們的生活,手機依賴已成為這個時代普遍的一種現象。雖然人們都知道長時間看手機不好,下意識的克制看手機行為,以為這樣脫離手機依賴患者這個稱號。往往碎片化看手機,一天下來使用手機的時長不降反增。「OffScreen」通過細分時間屬性為用戶直觀呈現各種場景下使用手機的詳細數據,通過數據展示以及專注時間,防止用戶沉迷手機無法自拔。




1.品牌元素

「OffScreen」背景色使用極其大膽。

淺色模式下采用暖橘色作為品牌主色調,暗色模式下采用海藍色作為主色調,相比Apple設計規范中的顏色,這種帶有傾向性的色彩更容易營造一種產品氛圍,強化產品感知度。

圖標方面,具有操作屬性的圖標采用線性(相對好理解),具有展示屬性的圖標采用面性風格(設計表現更強且有文字描述相對好理解)。




2.動效表達1

引導流程專場用了大量位移、漸變效果,使原本單調的靜態頁賦予生動表現力。吸引用戶眼球,達到品牌傳播效果。




3.動效表達2

動效貼合操作效果,用戶還沒使用就能一眼明白產品如何使用,這就是引導動效的好處。

當你專注番茄鐘時,只需在番茄上滑動標尺選擇準確時間,就能開始專注。

當完成專注會提供統計數據,并且有彩帶飄落效果,營造打卡勝利的儀式感,強化產品感知,為用戶下一次專注做準備。




4.商業模式-細節之處

內購頁采用依次呈現的交互方式,頭圖是一個人在看手機,采用線性風格手法,這種形式區別于其他產品,會給人以眼前一亮的感覺,加深用戶對產品的記憶。

付費按鈕吸附與頁面底部,根據菲茨定律,起始于目標位置越近,到達目位置的時間就會越短,從而用戶更容易點擊。


一次買斷制,¥30.00解鎖終身會員。

作為一款時間統計、番茄鐘、專注時間與一身的產品,對于時間管理有強需求的用戶來說價格還算不錯。流暢的交互呈現以及有趣的配圖描述,間接感受到Off Screen產品的細膩之處,用戶為此買單也不是說。




OffScreen的成功在于能把單一的屏幕使用時間進行多維度分析呈現,就說“呆呆的看”與“邊走邊看”這兩項數據,就是調用系統運動數據來判斷使用屏幕的場景。

況且每項數據都支持時間軸可視化圖表的方式呈現,細節之處方見專業,這也是好產品所要具有的垂直領域專業度。


五、產品總結


想要產品脫穎而出,一定要嘗試將軟件與硬件結合,可以是陀螺儀、眼動追蹤、閃光燈等等,總之系統推出新的功能,就盡量把它用到產品里去。

不僅如此,看以上幾個產品,截圖模塊內容都頂滿了,說明App想要展示的細節還有很多,從側面也能看到開發者們不留一塊“空白”的用心。


大廠產品固然很好,做法更符合大眾市場符合消費者需求,隨著不斷新增功能,產品變得越來越普適大眾,無產品獨特風格可言。因為背后有龐大的員工要養活。

相反小團隊獨立開發者們沒有太多顧慮,一心想把一個點做好做緊致,哪怕只是計時,也要做的自己滿意為止,才會交卷,時代在變,匠人之心從未改變。值得致敬這些開發者們。




跳脫大廠的產品,來看看獨立開發者和小型開發團隊,一人即團隊,遇到各類問題都要獨自進行解決,可想而知工作量會有多大。

他們的產品或許沒有龐大的生態體系來滿足大眾用戶使用需求,但App Store十余年的發展,建立起細顆粒的開發環境,正是這種良性生態,讓那些有光的開發者,隨心所欲讓心中的想法變成現實,讓夜里的小路燈照亮了整片街道。


就連開發者們都這么拼搏,作為設計師的我們哪還有抱怨之說,這么多好的產品擺在眼前,真是難得的學習機會,習他人之處,補自我之短。一起加油一起進步。


六、結語


設計師要有發現美的眼睛。美不僅是視覺,還有好的體驗流程。不要讓用戶思考,這是每個設計師所追求的。 認真記錄產品細節,了解背后的思考,也是不斷提升自己邏輯思維和表達能力的一種方式。

本期產品細節分析結束,點擊原文鏈接查看更多,我們下期再見!

作者:碳水Sir;公眾號:草蓉三石

本文由 @碳水Sir 原創發布。未經許可,禁止轉載。


作者:碳水sir
鏈接:https://www.zcool.com.cn/article/ZMTQwODQ3Mg==.html
來源:站酷

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


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


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


                       

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

資深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. 店鋪設置
「店鋪設置」為商家提供了店鋪的基本信息設置,比如店鋪信息、品牌形象、用戶賬號設置等。
①「店鋪信息」提供店鋪名稱、店鋪管理員和主營類目的設置,非常基礎。
②「用戶賬號設置」 提供在使用系統過程中的各種登錄偏好設置,比如登錄設備限制,可自定義學員使用同一賬號在同一時間不同瀏覽器上同時登陸的情況
③「引導設置」提供了引導用戶關注公眾號、加入社群、收藏店鋪、添加客服和添加手機號等功能,對新用戶的首次訪問至關重要。
④「功能配置」支持用戶對商品銷量、播放量/瀏覽量、評論審核、嚴禁詞、視頻播放器、商品評價、買家申請售后等功能進行設置,可以看出系統非常完整和靈活。




迭代建議
用戶的短期記憶一般不會超過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. 訓練營
「訓練營」相比「課程」,是一個動態的服務。商家根據某個學習主題,集中式、計劃式、督學式地學習。「訓練營」也是一種常見的引流手段,通過打卡、簽到、學習,可以快速幫助商家進行傳播拉新。




2.1.1.7.1. 新建訓練營
①商家建立訓練營以后,需要建立營期才能開始招生。
②營期的建立分為營期基礎信息、營期課程和售賣信息三個步驟。在「營期基礎信息」,需要設置開課信息,包括招生時間和開課時間;其次支持設置三種目錄解鎖模式,自由模式(無門檻自由學習)、闖關模式(完成任務才能繼續學習)和日期解鎖(每天只能學習一定數量的課程)。




③在「營期課程」,商家需要添加訓練營的學習任務,可以加入店鋪的課程內容,還可添加打卡、考試等助學工具,增強督學效果,提升用戶活躍度。




2.1.1.8. 會員
「會員」是商家可以打包特定商品內容(包括專欄和商品)進行銷售,它的功能流程和「專欄」功能相似,在建立「會員」后,進入詳情頁的目錄管理才能添加課程商品。這個功能可以幫助商家聚集一定量級的忠實粉絲,實現店鋪的穩定收入。




設計討論
不知道是不是語義的問題,我對「會員」這個功能有很多不理解,首先感覺和「專欄」很相似,其次和「超級會員」也有點傻傻分不清楚,所以在體驗的過程中,花了很多時間去學習研究。
2.1.1.9. 體驗小結
從小鵝通支持的7種內容形式來看,它幾乎覆蓋了所有的知識付費內容,視頻、音頻、電子書、專欄,甚至還有AI互動課。這足以滿足各種知識用戶人群的內容要求,不管你是銷售錄播課、音頻課還是文字專欄,小鵝通真正的實現了——一分鐘擁有自己的知識店鋪。
2.1.2. 互動工具
「互動工具」包含了打卡、考試、練習、作業本、題庫、證書、表單、活動管理、隨堂檢測、測試活動和付費問答11種工具。
2.1.2.1. 打卡
「打卡」是一個提升用戶活躍度的運營工具,通過持續的打卡輸出,不僅可以幫助學員養成一些比較好的行為習慣,還可以幫助商家提升用戶付費轉化。「打卡」分為日歷打卡、作業打卡和闖關打卡三種形式。




2.1.2.1.1. 日歷打卡
「日歷打卡」是以“天”為單位的打卡模式,學員需要每天在有效時段內提交打卡內容,比如每日英語學習打卡、早睡打卡等。
a. 新建流程
①「日歷打卡」的建立有兩個步驟,分別是設置打卡信息和打卡介紹設置。在「設置打卡信息」,分為基本信息、打卡規則和其他設置三個內容。「基本信息」可以設置打卡的起止日期、打卡時段、提醒方式、每日打卡次數、可補打卡次數、參與條件和打卡規則等;「打卡規則」主要是設置用戶打卡的內容類型和范本;「其他設置」可以幫助商家關聯超級會員和指定商品文件。
②在「打卡介紹設置」步驟,需要添加打卡的封面圖和詳情頁介紹,完成后打卡建立添加成功。




細節偵查
如果不是親自新建一次「打卡」,你根本無法理解一個小小的「打卡」功能竟然會如此復雜,包含的場景和功能竟然會有這么多。
b. 打卡詳情頁
「打卡」建立以后,可以進入打卡的詳情頁,主要分為日記管理、任務管理、學員管理、分組管理、助教管理、激勵設置、運營設置和數據分析8塊內容。
①「日記管理」主要指用戶在前端的日記打卡,老師可以根據學員的日記進行評論、置頂、加精和刪除,還支持批量導出日記。




②「任務管理」是指給學員布置學習任務,幫助學員更好地學習。




③「學員管理」主要提供對打卡用戶的管理,比如查看學生打卡詳細資料和暫停打卡等。
④「分組管理」支持老師對打卡的學員進行分組,提高管理效率。
⑤「助教管理」支持老師添加助教,助教可以對學生打卡進行點評、刪除和精選等操作。




⑥「激勵設置」是指為了鼓勵學生堅持打卡,老師可以設置證書、返學費和積分這樣的形式來吸引學生參與(證書和積分我們在下面會單獨講解)。「返學費」是一個打卡活動中常見的營銷方式,學員完成指定的任務就可以拿到打卡費用的返現,這樣不僅可以篩選精準用戶,也可以提高用戶的打卡積極性。




⑦「運營配置」主要包含配置日簽和邀請卡兩個部分。「日簽」是一種吸引用戶傳播的手段,通過個性化和精美的日簽設計,不僅可以體現活動特色,還能激發學員的收藏欲望,最終吸引用戶主動傳播,拉新引流。「邀請卡」也主要是為了激發學生傳播引流,不僅設計了精美的邀請卡片,還支持老師自定義設計,以及直接引流自私域社群。




⑧「數據分析」是對整個打卡的數據進行全面的分析統計,包括當天打卡人數、打卡次數、新增學員、點贊數、評論數、加精數等等,通過精準的數據分析,可以為商家運營方案提供支撐。




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. 新建流程
①管理員需要先建立一個「作業本」,這個流程比較簡單,輸入名稱以后,選擇關聯課程,還支持關聯「圈子」(一個用戶運營的重要功能),老師布置的作業會在課堂互動和作業動態顯示。




②「作業本」建立以后,管理員可以布置「作業」。「作業」分為手動布置(新建)和題庫布置(從現有的題庫中直接選擇)。「手動布置」需要輸入作業名稱和作業內容,支持上傳圖片和音頻,填寫完成后,作業創建成功。




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. 新建流程
「表單」的建立分為三個步驟,分別是編輯表單、表單設置和表單發布。
①「編輯表單」分為三塊內容,左邊是組件和外觀,管理員需要從這里選擇內容,比如單選、文本框等。「組件」包含基礎組件(單選、多選、下拉菜單、文本框等)、描述分割(文本描述、圖片、分隔欄)和個人信息(姓名、性別、年齡等),「外觀」可以設置表單底色、標題、選項內容字體大小和顏色。選中內容以后,中間為表單編輯區域,可以實現可視化編輯,包括調整順序、刪除等。右側可以設置表單的字段和邏輯,包含基礎設置、選項設置、邏輯顯示規則等。
②在「表單設置」,可以設置用戶提交的次數、回收方式(支持定量、定時回收)、微信分享信息和私域引流。
③在最后一步「表單發布」,需要關聯對應的內容,比如相關視頻、課程、專欄、圈子、訓練營等內容,關聯成功后,表單就可以發布。




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. 付費問答
「付費問答」是一個為商家增加變現的工具,學生付費向老師提問,獲取一對一答疑。「付費問答」需要先創建一個問答專區才能開啟,有點像建立一個問答專欄。當用戶在前端購買問答服務以后,運營者可以在手動邀請答主進行答疑。其次這個功能也設計得很完善,還支持設置用戶圍觀價格和圍觀分成。




2.1.2.12. 體驗小結
在體驗完這11個互動工具以后,我開始感受到小鵝通這個工具的魅力。從引流到激活、從留存到傳播,這11個工具幾乎能滿足一個知識店鋪運營多維度的需求。而讓我最驚嘆的是小鵝通產品的設計細節,比如一個普通的打卡功能,如果只是從前端體驗看,你根本無法想象這些小功能的后臺設置其實有這么復雜。而小鵝通為了降低商家的運營成本,幾乎支持每一個功能版塊自定義,給我最大震撼的就是「證書」這個功能,不僅提供多種證書設計樣式,連證書內容的每一個字段,都可以在后臺自行輸入,無需任何加工,實在是太方便了。
2.2. 商品
「商品」主要指實物商品和服務類商品的發布和管理,如果商家有周邊商品,可以通過實物商品來上架,服務類商品則是指虛擬服務,比如1V1咨詢、設計指導這樣的虛擬服務。「商品」欄目的功能比較簡單,我們就不過多贅述,大家可以親自體驗。




感謝閱讀,小鵝通的產品拆解第一部分就到這里,下一篇我們將會繼續拆解小鵝通后臺!

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

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


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


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

                         

日歷

鏈接

個人資料

藍藍設計的小編 http://m.gerard.com.cn

存檔

主站蜘蛛池模板: 小黄鸭YELLOWDUCK7596 | www.黄色| 国产婷婷午夜无码A片 | 久久久久激情免费观看 | 亚洲二区电影 | 男人插曲视频大全免费网站 | 99热在线精品视频 | 青青青青青青青草 | 最近中文字幕免费高清MV视频6 | 久热人人综合人人九九精品视频 | av色天堂2018在线观看 | 果冻传媒免费观看 | 在线不卡中文字幕 | 色欲AV亚洲永久无码精品麻豆 | 亚洲视频在线免费观看 | 海角社区在线视频播放观看 | 吸奶舔下面 | 8x华人免费视频 | 尿了么app | 久久99国产精品二区不卡 | 超碰97人人做人人爱亚洲尤物 | 直插下身完整的欧美版 | 香蕉99久久久久成人麻豆 | 色婷婷五月综合中文字幕 | 色视频色露露永久免费观看 | 粉嫩极品国产在线观看 | 热九九99香蕉精品品 | 午夜向日葵视频在线观看 | 免费亚洲视频在线观看 | 欧美一区二区VA毛片视频 | 偷拍亚洲色自拍 | 免费色片播放器 | 99视频在线精品免费观看18 | 无码人妻丰满熟妇啪啪网不卡 | av狼新人开放注册区 | 亚洲另类国产综合在线 | 嗯好舒服嗯好大好猛好爽 | 欧美人禽Zozo动人物杂交 | 在线自拍综合亚洲欧美 | 亲胸揉胸膜下刺激视频在线观看 | 国产精品麻豆a啊在线观看 国产精品麻豆AV |