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