如何做好信息發(fā)布功能設計?來看高手的分析!
自媒體正在深刻地影響著每個人的生活,刷抖音、看資訊、看視頻成為了大眾生活中必不缺少的內容。地鐵上、吃飯時、睡覺前,甚至上廁所都會不由自主地打開各種 App。
各大平臺都在絞盡腦汁爭奪用戶的時間,不僅要滿足普通大眾信息獲取的需求,還要吸引用戶轉變?yōu)閯?chuàng)作者,為平臺創(chuàng)造源源不斷的內容。所以平臺的用戶會群體有 2 種角色——普通用戶和內容創(chuàng)作者,相應的平臺就需要融入發(fā)布功能,方便用戶隨時隨地的發(fā)布信息。
發(fā)布功能主要是由發(fā)布入口、發(fā)布頁面和內容編輯器構成,今天的主要內容包括:
- 入口形式的討論
- 發(fā)布頁面的設計細節(jié)
- 返回頁面的問題
更多功能設計:
如何做好搜索設計?我總結了3個原則!
搜索設計看似簡單,展現(xiàn)形式上只有一個輸入框和搜索按鈕就可以了,但是里面隱藏了很多交互細節(jié)。
入口形式
發(fā)布入口比較簡單,通常采用 icon 形式提示用戶即可。在布局上存在 3 種形式。
1. 主導航圖標入口
我認為這種形式視覺上最醒目,能夠給用戶最強的提示,功能的優(yōu)先級最高,保證在不同頻道頁都可以隨時調用發(fā)布功能。這也可以看出平臺對創(chuàng)作者的重視。知乎、小紅書、西瓜視頻都采用了這種形式。
知乎 8.0 版本升級中的一項,就是將發(fā)布功能從右上角調整到了主導航位置?;蛟S是希望用戶不僅僅將產(chǎn)品看作是一種搜索工具,而是希望更多用戶參與其中,成為平臺內容的貢獻者。
圖片來源于公眾號「體驗進階」
當然這種形式會占據(jù)底部導航空間,需要對產(chǎn)品信息架構做出比較合理的組織才可以。
另外在創(chuàng)作的特定節(jié)點或特定時刻,入口可以增加引導信息,激發(fā)用戶的創(chuàng)作欲望。例如小紅書的冒泡引導信息。
2. 右上角的圖標入口
右上角的發(fā)布圖標也是一種較為常見的入口形式。這種形式更加靈活,既可以成為框架層面的功能,也可以固定在某一頁面中。
例如今日頭條的發(fā)布功能就處在框架層面,在各個內容頻道都可以隨時發(fā)布內容。而空出來的主導航位置,作為運營活動位可以靈活植入各種活動。目前春節(jié)期間推出的就是集福卡活動。
為了提高入口的可識別性,今日頭條采用了圖標與名稱結合的方式,更加明確地告知用戶“功能是什么”。
脈脈的發(fā)布功能 icon 也是經(jīng)過多輪變化,圖標形式經(jīng)歷了“筆”、“紙飛機”,最終演變成了現(xiàn)在的“加號”。為了能夠更好地引起用戶關注,圖標特意做了加大處理。
3. 頁面懸浮圖標
懸浮圖標只是作為特定頁面的擴展功能,通常放置在頁面右下角。例如豆瓣、雪球的發(fā)帖功能。這種設計或許只是權宜之計,多多少少會影響普通用戶日常瀏覽需求。某些場景下還會與運營活動位相沖突。
發(fā)布頁面的設計
發(fā)布頁面更偏向于實用主義,主要解決用戶“發(fā)什么”和“如何發(fā)”的問題。
1. 發(fā)布什么內容
自媒體平臺的內容包括了圖片、文字、視頻、文章等形式。
微博采用擴展菜單的形式展示發(fā)布內容分類。用戶選擇后,即可進入對應的內容編輯頁面。
而更多的產(chǎn)品選擇了底部浮層的形式,這種方式可以承載更多的信息內容,從而引導用戶參與到平臺活動中。例如今日頭條融入了“打卡挑戰(zhàn)賽”、“邀請你參與討論”等內容。知乎中也增加了“創(chuàng)作活動”、“創(chuàng)作靈感”等內容。幫助創(chuàng)作者了解熱點,在一定程度上解決用戶“發(fā)什么”的問題。
另外浮層可以通過布局更好的將信息分層,例如頭條將更多的空間留給了微頭條。知乎則突出了回答問題和提出問題。通過低門檻的功能,吸引用戶成為平臺創(chuàng)作者。
2. 如何發(fā)布內容
很多時候沒有明確主題的問題反而更難寫答案,例如調查問卷中的開放性問題,如非必須,我從來不填。同樣用戶發(fā)布信息時,可能只是有一個想法,需要去組織語言,所以需要增加一些引導信息或者技巧性提示,降低用戶的思考成本。
另外就是對于文字輸入的場景,直接拉起輸入鍵盤,也是減少用戶操作的規(guī)定性設計。
這些細節(jié)都可以帶給用戶更好體驗。
返回頁面的設計問題
在信息編輯頁面,取消操作后,應該返回到哪個頁面呢?
今日頭條等產(chǎn)品會提示保存信息后,直接跳離發(fā)布頁面。而知乎取消操作后,會自動保存編輯的信息,返回到發(fā)布頁面,保留用戶繼續(xù)發(fā)布內容的機會。
知乎返回到發(fā)布功能頁面
我猜測這是兩種不同的設計觀點造成的。
一種觀點認為,用戶既然選擇了內容發(fā)布,是有了比較明確的發(fā)布動機。中途停止了信息發(fā)布,很大可能不會立刻再次發(fā)布內容。
另一種觀點則認為,用戶有多種發(fā)布信息需求,中斷了某個信息發(fā)布,并不代表不再繼續(xù)其他內容的發(fā)布,并且發(fā)布頁面中的拓展信息,或許有助于激發(fā)用戶新的發(fā)布動機,所以將退出的選擇權交給了用戶。
作者:子牧UXD
想了解更多網(wǎng)站技術的內容,請訪問:網(wǎng)站技術