自媒體正在深刻地影響著每個人的生活，刷抖音、看資訊、看視頻成為了大眾生活中必不缺少的內(nèi)容。地鐵上、吃飯時、睡覺前，甚至上廁所都會不由自主地打開各種 App。

各大平臺都在絞盡腦汁爭奪用戶的時間，不僅要滿足普通大眾信息獲取的需求，還要吸引用戶轉(zhuǎn)變?yōu)閯?chuàng)作者，為平臺創(chuàng)造源源不斷的內(nèi)容。所以平臺的用戶會群體有 2 種角色——普通用戶和內(nèi)容創(chuàng)作者，相應(yīng)的平臺就需要融入發(fā)布功能，方便用戶隨時隨地的發(fā)布信息。

發(fā)布功能主要是由發(fā)布入口、發(fā)布頁面和內(nèi)容編輯器構(gòu)成，今天的主要內(nèi)容包括：

• 入口形式的討論
• 發(fā)布頁面的設(shè)計細(xì)節(jié)
• 返回頁面的問題

更多功能設(shè)計：

如何做好搜索設(shè)計？我總結(jié)了3個原則！

搜索設(shè)計看似簡單，展現(xiàn)形式上只有一個輸入框和搜索按鈕就可以了，但是里面隱藏了很多交互細(xì)節(jié)。

入口形式

發(fā)布入口比較簡單，通常采用 icon 形式提示用戶即可。在布局上存在 3 種形式。

1. 主導(dǎo)航圖標(biāo)入口

我認(rèn)為這種形式視覺上最醒目，能夠給用戶最強(qiáng)的提示，功能的優(yōu)先級最高，保證在不同頻道頁都可以隨時調(diào)用發(fā)布功能。這也可以看出平臺對創(chuàng)作者的重視。知乎、小紅書、西瓜視頻都采用了這種形式。

知乎 8.0 版本升級中的一項，就是將發(fā)布功能從右上角調(diào)整到了主導(dǎo)航位置?；蛟S是希望用戶不僅僅將產(chǎn)品看作是一種搜索工具，而是希望更多用戶參與其中，成為平臺內(nèi)容的貢獻(xiàn)者。

圖片來源于公眾號「體驗進(jìn)階」

當(dāng)然這種形式會占據(jù)底部導(dǎo)航空間，需要對產(chǎn)品信息架構(gòu)做出比較合理的組織才可以。

另外在創(chuàng)作的特定節(jié)點或特定時刻，入口可以增加引導(dǎo)信息，激發(fā)用戶的創(chuàng)作欲望。例如小紅書的冒泡引導(dǎo)信息。

2. 右上角的圖標(biāo)入口

右上角的發(fā)布圖標(biāo)也是一種較為常見的入口形式。這種形式更加靈活，既可以成為框架層面的功能，也可以固定在某一頁面中。

例如今日頭條的發(fā)布功能就處在框架層面，在各個內(nèi)容頻道都可以隨時發(fā)布內(nèi)容。而空出來的主導(dǎo)航位置，作為運營活動位可以靈活植入各種活動。目前春節(jié)期間推出的就是集福卡活動。

為了提高入口的可識別性，今日頭條采用了圖標(biāo)與名稱結(jié)合的方式，更加明確地告知用戶“功能是什么”。

脈脈的發(fā)布功能 icon 也是經(jīng)過多輪變化，圖標(biāo)形式經(jīng)歷了“筆”、“紙飛機(jī)”，最終演變成了現(xiàn)在的“加號”。為了能夠更好地引起用戶關(guān)注，圖標(biāo)特意做了加大處理。

3. 頁面懸浮圖標(biāo)

懸浮圖標(biāo)只是作為特定頁面的擴(kuò)展功能，通常放置在頁面右下角。例如豆瓣、雪球的發(fā)帖功能。這種設(shè)計或許只是權(quán)宜之計，多多少少會影響普通用戶日常瀏覽需求。某些場景下還會與運營活動位相沖突。

發(fā)布頁面的設(shè)計

發(fā)布頁面更偏向于實用主義，主要解決用戶“發(fā)什么”和“如何發(fā)”的問題。

1. 發(fā)布什么內(nèi)容

自媒體平臺的內(nèi)容包括了圖片、文字、視頻、文章等形式。

微博采用擴(kuò)展菜單的形式展示發(fā)布內(nèi)容分類。用戶選擇后，即可進(jìn)入對應(yīng)的內(nèi)容編輯頁面。

而更多的產(chǎn)品選擇了底部浮層的形式，這種方式可以承載更多的信息內(nèi)容，從而引導(dǎo)用戶參與到平臺活動中。例如今日頭條融入了“打卡挑戰(zhàn)賽”、“邀請你參與討論”等內(nèi)容。知乎中也增加了“創(chuàng)作活動”、“創(chuàng)作靈感”等內(nèi)容。幫助創(chuàng)作者了解熱點，在一定程度上解決用戶“發(fā)什么”的問題。

另外浮層可以通過布局更好的將信息分層，例如頭條將更多的空間留給了微頭條。知乎則突出了回答問題和提出問題。通過低門檻的功能，吸引用戶成為平臺創(chuàng)作者。

2. 如何發(fā)布內(nèi)容

很多時候沒有明確主題的問題反而更難寫答案，例如調(diào)查問卷中的開放性問題，如非必須，我從來不填。同樣用戶發(fā)布信息時，可能只是有一個想法，需要去組織語言，所以需要增加一些引導(dǎo)信息或者技巧性提示，降低用戶的思考成本。

另外就是對于文字輸入的場景，直接拉起輸入鍵盤，也是減少用戶操作的規(guī)定性設(shè)計。

這些細(xì)節(jié)都可以帶給用戶更好體驗。

返回頁面的設(shè)計問題

在信息編輯頁面，取消操作后，應(yīng)該返回到哪個頁面呢？

今日頭條等產(chǎn)品會提示保存信息后，直接跳離發(fā)布頁面。而知乎取消操作后，會自動保存編輯的信息，返回到發(fā)布頁面，保留用戶繼續(xù)發(fā)布內(nèi)容的機(jī)會。

知乎返回到發(fā)布功能頁面

我猜測這是兩種不同的設(shè)計觀點造成的。

一種觀點認(rèn)為，用戶既然選擇了內(nèi)容發(fā)布，是有了比較明確的發(fā)布動機(jī)。中途停止了信息發(fā)布，很大可能不會立刻再次發(fā)布內(nèi)容。

另一種觀點則認(rèn)為，用戶有多種發(fā)布信息需求，中斷了某個信息發(fā)布，并不代表不再繼續(xù)其他內(nèi)容的發(fā)布，并且發(fā)布頁面中的拓展信息，或許有助于激發(fā)用戶新的發(fā)布動機(jī)，所以將退出的選擇權(quán)交給了用戶。

作者：子牧UXD