分享頁面并不是僅僅呈現(xiàn)方式與原生頁面不同,在做設(shè)計(jì)的時候一定要有系統(tǒng)的思維。
很多人認(rèn)為在做新聞或資訊的分享頁時,我們只需要做好內(nèi)容,好的內(nèi)容就能引發(fā)用戶自主的傳播。這本身并沒有錯,好的內(nèi)容確實(shí)能帶來大量的轉(zhuǎn)發(fā)和分享。
但是作為產(chǎn)品設(shè)計(jì)師,我們在做產(chǎn)品設(shè)計(jì)的時候應(yīng)該更多的思考:自身平臺傳播出去的內(nèi)容,能帶回來多少流量,變成多少實(shí)際用戶的轉(zhuǎn)化。
下圖是flipboard的媒體feed頁的原生頁面與分享頁面對比圖。
左邊是分享出去的鏈接頁面,簡介背景統(tǒng)一為紅色的品牌色,左上角增加了flipboard的品牌露出,該媒體號的簡介信息是全部展示的。而在APP原生頁面里,簡介背景是其中一篇熱門文章里的相關(guān)圖片,簡介只顯示一行,多余的文字直接隱藏。
這種細(xì)小的差別可見設(shè)計(jì)師在設(shè)計(jì)該功能時,充分理解了正在使用APP的用戶和在微信里點(diǎn)開分享鏈接的用戶,他們在使用場景、目標(biāo)、行為等方面是有差別的。
在微信里點(diǎn)開分享鏈接的用戶他們很大程度可能并沒有下載該APP,對于媒體號他們更可以都好無了解。所以,在設(shè)計(jì)分享頁面的時候,要讓媒體號的簡介全部呈現(xiàn)出來,從而讓用戶更好的決策是否該繼續(xù)點(diǎn)擊查看該媒體號的相關(guān)文章,或是直接關(guān)注該媒體號。如果用戶點(diǎn)擊關(guān)注就會跳轉(zhuǎn)到下載頁面,進(jìn)而成功地轉(zhuǎn)化成了APP的下載用戶。
而在APP里查看媒體號的用戶,他們對于正在看的媒體號都有一定的了解度,某些深度用戶甚至是每天都會查看該媒體號是否更新了文章。所以在原生頁面里設(shè)計(jì)媒體號主頁的時候,設(shè)計(jì)師把更多的展示空間留給了最新更新的文章,甚至連媒體號名稱簡介的背景都可以替換成最新更新的文章里的相關(guān)圖片。
下圖是豆瓣圖書詳情頁的原生頁面與分享頁面對比圖。
左圖的分享頁里,設(shè)計(jì)師縮減了該頁面的圖片占比,書籍的名稱,作者,簡介等都在一屏以內(nèi)展示,讓用戶快速地接收到了頁面信息。這部分在分享頁面看資訊的用戶,其目的性沒有那么明確(相對于在原生APP里主動找資訊的用戶)。所以在分享頁里,頂部固定導(dǎo)航欄上有豆瓣最主要的內(nèi)容分類“電影、圖書、廣播、小組”,方便用戶可以隨時導(dǎo)流到其他頻道,滿足了這部分用戶隨意看看的需求,也為更好地轉(zhuǎn)化用戶打下了基礎(chǔ)。
而APP內(nèi)的用戶則相對來說已經(jīng)對整個APP有一定了解,他們在這個頁面除了看信息,還會去做一些深度操作,比如給書籍打分或打上“想讀、在讀”等標(biāo)簽。本質(zhì)上豆瓣是一個UGC為主的社區(qū),所以產(chǎn)品設(shè)計(jì)的目的也是促進(jìn)UGC產(chǎn)生,讓用戶與內(nèi)容深度互動。所以可以看到即使是功能相同的按鈕,原生頁面按鈕也會設(shè)計(jì)得更明顯,更想吸引用戶點(diǎn)擊。
相信很多人都遇到過,在分享頁瀏覽資訊的時候,被各種下載引導(dǎo)入口干擾。如何平衡用戶的瀏覽體驗(yàn)與下載引流的目標(biāo),讓下載按鈕在適當(dāng)?shù)臅r候出現(xiàn)是非常重要的。
在豆瓣分享頁里,只有內(nèi)容詳情頁的頂部才會有明顯的下載引導(dǎo)“用APP打開,更多海外中國研究好書推薦”(文案會根據(jù)不同類別的書籍更換為對應(yīng)的類別),跳轉(zhuǎn)到其他如分類頁的時候按鈕就消失了。在快速瀏覽滑動詳情頁時,大概滑到兩三屏,右下角會出現(xiàn)一個“APP內(nèi)打開”的提醒按鈕。
可見設(shè)計(jì)師充分認(rèn)知到了用戶的行為、目標(biāo)、場景等要素。只有當(dāng)用戶在瀏覽資訊內(nèi)容本身的時候,才可能會想在APP里獲得更好的瀏覽體驗(yàn),從而產(chǎn)生下載需求。對應(yīng)的“極速下載”的按鈕文案又帶給用戶快捷方便的心理暗示,鼓勵用戶點(diǎn)擊下載。
所以分享頁面并不是僅僅呈現(xiàn)方式與原生頁面不同,在做設(shè)計(jì)的時候一定要有系統(tǒng)的思維。交互設(shè)計(jì)有五個要素:用戶、行為、目標(biāo)、場景、媒介。之前的幾個優(yōu)秀的案例里,正是設(shè)計(jì)師在設(shè)計(jì)時,就整理清楚這幾個要素,才讓分享頁面有了更好的使用體驗(yàn),而從完成了由分享頁給自身平臺帶流量的產(chǎn)品目標(biāo)。
填寫下面表單即可預(yù)約申請免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!
?2007-2022/ m.mwtacok.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc