B端產品 - 內容創作平臺
B端產品、B端產品、B端產品
在我們平時的溝通交流過程當中,經常會提到這個詞,但是對於B端產品的具體劃分,其實也會不盡相同。比如對視覺、互動的要求都會比較高的 專案協同類產品;也會有對業務、互動要求更高的垂直業務型產品
不同的產品,對於頁面的模式、表現上都會有明顯的差異,今天我們就來聊聊 內容創作平臺
“如果不出意外的話” 這應該是我的新系列文章,我會通過註冊、試用 (找學員白嫖等方式,去使用產品賬號 : )帶小夥伴來去認識不同型別的B端產品,簡單講講這型別產品當中最重要的業務、頁面,最後也會提供這型別產品的相簿素材,方便大家學習
定義其實內容創作平臺嚴格意義上來講,算是B端產品的運營管理型別的產品(如果不清楚運營管理型別的產品建議檢視我之前文章 ),它主要依附於大型的C端產品,幫助這些產品去連線更多有價值的內容 B端設計指南 - 產品型別
在內容管理型產品當中,主要是作為平臺方,提供給在平臺當中創作的人們進行使用
舉一個例子,我在 Youtube 上傳了一個影片,我想要了解我這個影片使用者的真實反饋,以及對於自己的作品進行標籤、標題上的優化,這樣,我便可以開啟 Youtube Studio 進行檢視而目前這類內容創作平臺,就是提供給這些內容創作者進行使用,因此這型別的產品主要分為兩類:
- 影片:Youtube、Bilibili、抖音、快手、西瓜影片...
- 文字:微信公眾號、頭條號、知乎、站酷、語雀...
內容創作平臺與CMS較為類似,CMS是 Content Management System 的縮寫,意思為“網站內容管理系統”, 用來管理網站後臺,編輯網站前臺比如我們會經常聽到的 WordPress 就是一個非常典型的 CMS 產品,CMS大多數需要你自行搭建,而上方提到的內容創作平臺,則是別人已經提供好了對應的基礎功能,你只需要使用即可(這個概念與 SaaS 有一些些雷同)
而內容創作平臺更加垂類一些,主要針對的就是 作者投遞的管理平臺
業務
嚴格意義上來說,內容創作平臺只會有一個角色,也就是內容創作者,只是隨著平臺的不斷擴大,後續會有很多運營等相關職位,比如 微信公眾號,它本身只支援創作者進入,隨著平臺規模不斷擴大,逐漸演變成 三類固定角色 提供給使用者進行綁定當然內容創作平臺的整體設計,一定要與之前平臺固有風格保持一直,這樣才能夠有統一的風格
![](http://mdimg.wxwenku.com/getimg/ccdf080c7af7e8a10e9b88444af98393f1b99cd69163faaccae039ed7722aeb3e2a3b37f4f4a960550281a73d75849dd.jpg)
頁面
在整個內容創作平臺當中,會有很多非常典型的頁面,作為設計師,我們就來看看典型頁面如何下手
1.內容編輯頁
在內容創作平臺當中,必須要提供的功能便是內容上傳,因為無論是文章、又或是影片,都需要創作者進行上傳、編輯
因此作為設計師,我們首先應該關注的便是這個內容編輯頁的使用體驗比如文章類的產品中,我們需要去編輯內容排版,那就一定會用到富文字編輯器。富文字編輯器目前會分為兩個流派,一類就是傳統的 頂部編輯器 ,一類是 Block 編輯器
頂部編輯器:其實這個我不知道專業的術語,根據外形隨意起的名字
Block 編輯器:畢竟我是深度 Notion+飛書的使用者,如果對這個感興趣,可以去到文末留言,我們之後單獨出一篇文章來講
不過目前,內容創作平臺的產品都是按照基本的 富文字頂部編輯器的方式來進行,Block 更多隻在筆記軟體當中出現
這裡分享一些開源的富文字編輯器,很多B端產品可以讓前端直接使用
http://www.wangeditor.com/
http://summernote.org/
http://dhtmlx.com/docs/products/dhtmlxRichText/
再比如影片類的產品,就主要圍繞 上傳影片、設定封面、標題、等內容進行展開,其實功能上都大同小異
因此你會發現,內容編輯部分,大家的功能都會比較趨同(因為無論是 影片還是文字媒介,因為前臺系統對於內容的要求都基本一致,因此如果想要了解前後臺系統的邏輯關係,其實可以從基礎的內容創作平臺入手去做分析)
2.資料檢視頁
資料檢視頁在內容創作平臺非常重要,因為絕大多數內容創作者都會非常關心自己的內容資料情況,可以通過資料,來為自己的內容方向進行合理的規劃
可以把資料檢視頁比作是一個小型的 資料分析 產品,區別的是 內容創作平臺 的資料檢視,是已經提供了預設的分析維度與指標,你只能通過篩選去檢視資料之間的關係,這裡就不再贅述,給大家看看不同產品的資料檢視頁,瞭解它們的設計方式
3.其他頁面
當然這類產品還會涉及到比如 常見話題、熱門話題、素材庫 等等... 完整的圖片內容我就打包放在相簿平臺上,大家可以進入檢視
花瓣:www.huaban.com/user/youthce
語雀:www.yuque.com/youthce/pic/
Powered by Froala Editor
- B端設計指南 - 柵格
- 產品設計體驗 | 探索好的產品的設計祕笈!
- 第264期-朱一冰訪談【中篇】-2022設計之旅30
- 羊了個羊火爆全網,原來自己做個小遊戲這麼簡單!
- 把這個小思路記明白,再也不怕做排行等級類的需求了!
- 字母Logo設計如何簡單又有創意?|案例合集
- 設計祕籍丨如何從0到1設計一個詳情頁?
- B端對齊細節,這次是真的細
- UI面試時被說作品太醜怎麼辦——被懟100次後的經驗總結
- 重陽節營銷看這篇,助力你的創意之路節節登高
- 「羊了個羊」爆火吸金,趣味小遊戲營銷值得學習!
- 產品官網設計方法總結
- 產品體驗日記
- 進度條篇 | 從5方面入手,助你設計出優秀的進度條!
- Arnold 渲染技巧
- 意派Epub360丨國慶將至,企業創意借勢宣傳H5怎麼製作?
- 介面優化實戰
- 企業在做品牌設計創新時應注意遵循的五大規則
- 作為一名設計師我們應該如何設計好一個品牌LOGO
- Axure8.0教程:動態面板左右滑動及展開收起