設(shè)計沉思錄|3個步驟,完成資訊內(nèi)容產(chǎn)品設(shè)計
文章主要跟大家分享了資訊內(nèi)容產(chǎn)品的設(shè)計流程,以及梳理了主要功能的設(shè)計思路,與大家分享~
01 背景
近幾年,人們對碎片化內(nèi)容類產(chǎn)品的消費需求不斷攀升。58同城作為綜合信息類生活服務(wù)平臺,一方面為更多場景觸達用戶,搭建信息紐帶,助力生活服務(wù);另一方面為促進用戶留存、互動乃至平臺用戶價值的提升,2019年以來一直在重點運營58部落社區(qū),而這里要講的便是部落的資訊內(nèi)容產(chǎn)品模塊——58熱議。
02 如何做
那么問題來啦,在信息爆炸性的大環(huán)境下,如何避免同質(zhì)化,我們要如何做資訊內(nèi)容產(chǎn)品?前期對市場上的資訊類產(chǎn)品進行分析研究,發(fā)現(xiàn)主要分為三類。
- 傳統(tǒng)資訊類:主要有騰訊新聞、網(wǎng)易新聞、搜狐新聞等,由門戶網(wǎng)站發(fā)展起來的,競爭力在于其有廣泛性的內(nèi)容源以及強大的媒體團隊。內(nèi)容集中在大而全的最廣大人民群眾關(guān)心的內(nèi)容。
- 聚合新聞類:以今日頭條為首,還有一點資訊、天天快報等,核心競爭力是其個性化推薦的算法,將現(xiàn)成的新聞資源進行整合,根據(jù)喜好千人千面的將內(nèi)容推薦給用戶。內(nèi)容涉及各個細分領(lǐng)域,更加多元化。
- 垂直領(lǐng)域類:比如專注于科技領(lǐng)域的36氪和專注體育的虎撲等,尋求垂直領(lǐng)域的突破形成自己的社區(qū),內(nèi)容主要是此領(lǐng)域聚集人士關(guān)心的內(nèi)容。
歸根結(jié)底各類資訊產(chǎn)品,其核心都是在做自己的用戶關(guān)心的內(nèi)容,而熱議在58同城產(chǎn)品背書下,屬于社區(qū)垂直領(lǐng)域類資訊產(chǎn)品。那么來到熱議的究竟是怎樣的人群呢?
通過用戶數(shù)據(jù)分析發(fā)現(xiàn),相較來58同城的用戶群來熱議側(cè)的用戶年齡層次更偏年長一些,30歲以上用戶占一半以上。主要有兩種用戶人群:一種像老韓一樣的不惑中年,屬于頭部用戶,比較看重社會尊崇,文字閱讀力消費力高,經(jīng)常會說“你這樣不對,這樣可以賺錢”;而普通用戶像小張一樣的迷茫青年,他們生活壓力大,經(jīng)常不知道該怎么辦,表示太難啦,傾向?qū)で笸饨鐜椭?/p>
那我們的用戶他們關(guān)心哪些內(nèi)容呢?
我們對用戶閱讀的TOP文章內(nèi)容進行梳理分析,將不同文章進行標(biāo)簽化處理,發(fā)現(xiàn)不同于其他平臺的世界新聞、社會新聞,我們的用戶關(guān)心的內(nèi)容集中在房子、車、工作、感情、賺錢等,而這些標(biāo)簽背后指向的核心內(nèi)容是民生信息。
了解到這些還不是問題關(guān)鍵,下一步具體如果指導(dǎo)和開展我們的設(shè)計,設(shè)計落地才是關(guān)鍵。
這里對用戶體驗歷程進行系統(tǒng)性的分析推演,將用戶歷程分為了解、進入、參與、獲得、延伸五個階段,分別研究各個階段接觸點下用戶的情緒曲線變化、痛點問題阻礙以及動機目標(biāo)。其中瀏覽列表、瀏覽詳情、收到反饋這三個接觸點是整個流程的核心轉(zhuǎn)化節(jié)點,決定著后面流量的轉(zhuǎn)化,基于此明確讓用戶留下來、感興趣、有收獲的階段性目標(biāo)。
03 三步走設(shè)計策略
縱觀全局,追溯最初的三個相互制約的核心目標(biāo),到用戶目標(biāo),再到設(shè)計目標(biāo),達成三個維度目標(biāo)的統(tǒng)一,最終確定三步走設(shè)計策略解決方案。
第一步:讓用戶留下來——全流程流暢閱讀體驗
第一步,通過全流程流暢閱讀體驗提升先讓用戶留下來,只要用戶留下來便會有后面更多有趣故事的產(chǎn)生。
首當(dāng)其沖的是熱議品牌調(diào)性視覺符號的建立,面臨的挑戰(zhàn)是熱議從屬于部落,卻又區(qū)分于部落,源于兩種產(chǎn)品形態(tài)其實有本質(zhì)的差別,部落屬于UGC內(nèi)容,品牌調(diào)性是溫暖、豐富、活潑,品牌色為黃色。而熱議屬于PGC內(nèi)容,為營造更舒適的閱讀環(huán)境,調(diào)性相對冷靜、簡潔,當(dāng)然也不能缺乏趣味。
(1)視覺符號語言定義
那么我們是如何定義的呢?這里巧妙的沿用部落黃色應(yīng)用在通用組件場景中,而熱議側(cè)內(nèi)容操作采用藍色,頁面覆蓋5%左右,不進行大面積應(yīng)用。一方面體現(xiàn)熱議屬性的同時,另一方面采用對比色藍色作為輔助色,對黃色主色形成互補補充,達到視覺感官的平衡,同時加入相近色橘黃色,來融合兩種對比色,又能夠體現(xiàn)趣味活潑互動的部分。
秉持內(nèi)容產(chǎn)品閱讀體驗至上原則,對主體文字字色進行重新規(guī)范定義,據(jù)研究表明人們?nèi)庋劢邮盏降拇笞匀晃锵褚曈X信號,沒有純黑純白的存在,均是柔和的顏色,此時也是最為舒適的。故這里摒棄以往純黑的色階變化,采用灰藍色的色階變化更加貼近自然。
(2)全流程體驗升級
全流程從列表到詳情,乃至評論區(qū)進行統(tǒng)一視覺風(fēng)格改版。對信息進行重新整合,通過字體大小、字間距、行間距、留白的優(yōu)化,控制閱讀的節(jié)奏韻律,保證呼吸感同時展示更多內(nèi)容,整體頁面更簡潔通透。
其中熱議主要有兩種內(nèi)容形式Po(用戶評論+轉(zhuǎn)發(fā)內(nèi)容)和文章,在列表差異化兩種內(nèi)容顯示,文章屬原生內(nèi)容要比Po即用戶二次生產(chǎn)的內(nèi)容字號要大。此外為強調(diào)突出Po這種原創(chuàng)性形式,首次全網(wǎng)范圍內(nèi)創(chuàng)意性的在列表以雙引號圖形引領(lǐng)內(nèi)容,同時其作為內(nèi)容的獨有DNA在其他各傳播場景中應(yīng)用。
(3)深色適配
據(jù)QuestMobile · 2019中國移動互聯(lián)網(wǎng)“夜間經(jīng)濟”報告顯示,其中平均每天18:00-次日6:00,使用手機的25-35歲人群占47.8%,這個時間段還在看手機的三線及以下城市人群占比54.6%,這幾乎覆蓋了我們的用戶人群,越來越多用戶傾向在夜間瀏覽內(nèi)容,故此熱議也是最早一批完成深色模式適配的內(nèi)容產(chǎn)品,旨在將流暢舒適的閱讀體驗貫徹到各場景。
對改版后的數(shù)據(jù)進行追蹤,用戶總訪問時長、人均訪問時長、次均訪問時長等均有穩(wěn)步上升,改版這段時間沒有運營活動及大版本產(chǎn)品功能上線,實踐證明全流程用戶體驗的提升帶來的價值,正向作用訪問時長,著實讓用戶長久的留在我們的平臺,并將持續(xù)發(fā)揮作用。
第二步:讓用戶感興趣——半自動創(chuàng)新互動體驗
第二步,讓用戶感興趣。讓人對一件事、一個人產(chǎn)生興趣并不是一件簡單的事,需要機緣巧合下的互動,這里的半自動創(chuàng)新互動體驗便是機緣。
那么什么是半自動呢?凡事開頭難,用戶很難完全自主產(chǎn)生互動,我們通過平臺構(gòu)建設(shè)計機制、重新搭建用戶場景,帶領(lǐng)用戶邁出第一步,順其自然地兩步、三步到形成慣性,達成由半自動到全自動轉(zhuǎn)變的最終愿景。
前面提到用戶的互動主要集中在詳情頁,是核心的轉(zhuǎn)化場景,那么重構(gòu)后的用戶場景是怎樣的呢?
(1)強安利 熱門評論前置
首先用戶進入詳情頁映入眼簾的是前置的熱門評論區(qū),而熱門評論往往是頭部用戶發(fā)表的態(tài)度,是文章關(guān)鍵信息的縮影。用戶通過熱門評論便可快速對文章內(nèi)容有一個基本認知,進而吸引用戶對詳細內(nèi)容的閱讀瀏覽,通過強安利的場景幫助用戶走進文章,就像生活中人們越來越傾向于通過他人的“安利”來了解新鮮事物,而又很容易被帶入,省時又省力。
(2)重趣味 一鍵表達態(tài)度
當(dāng)用戶閱讀完文章時,內(nèi)心中對文章內(nèi)容已經(jīng)存在一定的態(tài)度和觀點,此時需要一個表達的出口,而一般的場景就讓用戶直接去寫評論,可文字輸入成本高,這樣造成很多打卡式灌水評論的產(chǎn)生。
這里我們首次創(chuàng)新在文字內(nèi)容類產(chǎn)品中加入互動彈幕方式,用戶可一鍵表達態(tài)度,可以點贊、點踩,甚至可以吃瓜等等,同時配以趣味化表情、個性化文案。重互動氛圍營造,輕觀點內(nèi)容輸出,用戶參與積極性更高。
(3)低門檻 話題承上啟下
現(xiàn)在很多內(nèi)容產(chǎn)品都支持PK話題投票,是已經(jīng)被各個平臺驗證過的有效的低門檻互動方式,盡管大家都在用,但關(guān)鍵在于具體應(yīng)用的場景是否恰到好處。
當(dāng)用戶再往下瀏覽時,并不急讓用戶去評論區(qū)互動,在這之前加入話題投票,話題承接上文是對文章內(nèi)容的進一步展開,以問題的方式引導(dǎo)用戶選擇非是即否的答案,當(dāng)用戶看到投票結(jié)果,一種強烈陣營歸屬感促使其寫下理由,便生成最新評論。用戶不及評論區(qū)卻已評論,零門檻便進入評論區(qū)互動,而且更易產(chǎn)生優(yōu)質(zhì)內(nèi)容。
整個Q2都在集中為互動率的提升而努力,跟蹤相關(guān)數(shù)據(jù),互動數(shù)據(jù)整體獲得提升,我們的方法和設(shè)計策略湊效,越來越多的人對我們的內(nèi)容產(chǎn)生興趣。
第三步:讓用戶獲得價值——KOL體系影響力
第三步,讓用戶獲得價值。只有用戶真的獲得價值才會真正長久的留在你的平臺,產(chǎn)生粘性。那我們能給用戶提供什么價值?
對于迷茫青年來說,他們苦于不知道找誰獲得幫助,各種翻找內(nèi)容又不知道可不可靠;而我們的優(yōu)勢是,平臺的頭部用戶多是行業(yè)佼佼者,可以提供相關(guān)領(lǐng)域的知識技能訊息,形成互補,普通用戶可以獲得可靠的幫助,頭部用戶又可獲得社會尊崇、成就感和影響力。
但也面臨著挑戰(zhàn),頭部用戶雖然優(yōu)秀,但知名度不高,不像一線明星一樣家喻戶曉,怎么將身邊的人包裝成大咖,塑造其專業(yè)性、信任感尤其重要。
(1)大咖說定制化包裝
我們將大咖形象、基本信息、大咖說主題等信息置于卡片之上,形成每位大咖的專屬尊享名片。提取用戶最關(guān)心的五類民生信息,分別設(shè)計定義符合相應(yīng)行業(yè)屬性的色彩,而這些色彩又在同一灰階梯度,使得各類卡片在列表中即有統(tǒng)一的視覺感知,又具差異化。
五類分別為:創(chuàng)業(yè)-曙光橙、汽車-優(yōu)雅青、房產(chǎn)-溫暖黃、工作-專業(yè)藍、金融-品質(zhì)金,這些色階沿用到詳情頁、開屏,乃至Banner等,從而形成大咖說欄目統(tǒng)一品牌語言符號,長此以往,在用戶心中形成普遍性一致性的認知,更具專業(yè)性、影響力。
此外,每類可以進行定制化設(shè)計,依據(jù)不同類別主題色,高效適配置換不同大咖內(nèi)容,來迎合越來越多的大咖身份變化,做到敏捷運營。同時,未來我們也會將這種定制化做到更加細顆粒度,甚至個性化,來滿足日益增長的需要。
04 總結(jié)
做了許久內(nèi)容,也有一點心得,分享給相關(guān)領(lǐng)域從業(yè)者,總結(jié)為六字箴言“重內(nèi)容、輕運營”。字雖簡單,但沒有真正做過內(nèi)容產(chǎn)品的可能只明表不明里,這里提煉三個關(guān)鍵原則要素進一步解讀:易讀性、信任感、專業(yè)度。
- 易讀性:文字內(nèi)容以閱讀體驗為宗旨,內(nèi)容呈現(xiàn)要降噪避免干擾,易讀性是基礎(chǔ)。
- 信任感:確保內(nèi)容源真實可信的基礎(chǔ)上,運營內(nèi)容需突出主題內(nèi)容,弱化不必要的元素,特別是在Feed場景下,要注意場景融合,讓用感知可信而非騙人的廣告。要知道生活在嘈雜環(huán)境中的下沉用戶對外界的信任感知度偏低,所以做好這點尤為重要。
- 專業(yè)度:這一點專指PGC內(nèi)容,專業(yè)度是這類產(chǎn)品特質(zhì)的充分體現(xiàn)。如何保證專業(yè)性的同時,又能適配海量個性化內(nèi)容,達到高效運營是始終要研究的課題。
2019年,為助力部落社區(qū)生活服務(wù),我們做了很多努力。2020年,未來58部落、熱議還將繼續(xù)致力于做好內(nèi)容,內(nèi)容即服務(wù),不斷踐行讓人們的生活更加簡單美好的愿景。在此鳴謝熱議團隊的所有小伙伴,感謝相遇~
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設(shè)計中心(微信公眾號@58UXD),作者@環(huán)鐵藝術(shù)家
題圖來自 Unsplash,基于CC0協(xié)議。
寫得真的很好,受教了
打卡!
雖然沒用過你們的這個產(chǎn)品,但是這篇文章還是受益良多,感謝