注:分享頁(yè)面并不是僅僅呈現(xiàn)方式與原生頁(yè)面不同,在做設(shè)計(jì)的時(shí)候一定要有系統(tǒng)的思維。
很多人認(rèn)為在做新聞或資訊的分享頁(yè)時(shí),我們只需要做好內(nèi)容,好的內(nèi)容就能引發(fā)用戶自主的傳播。這本身并沒(méi)有錯(cuò),好的內(nèi)容確實(shí)能帶來(lái)大量的轉(zhuǎn)發(fā)和分享。
但是作為產(chǎn)品設(shè)計(jì)師,我們?cè)谧霎a(chǎn)品設(shè)計(jì)的時(shí)候應(yīng)該更多的思考:自身平臺(tái)傳播出去的內(nèi)容,能帶回來(lái)多少流量,變成多少實(shí)際用戶的轉(zhuǎn)化。
下圖是flipboard的媒體feed頁(yè)的原生頁(yè)面與分享頁(yè)面對(duì)比圖。
左邊是分享出去的鏈接頁(yè)面,簡(jiǎn)介背景統(tǒng)一為紅色的品牌色,左上角增加了flipboard的品牌露出,該媒體號(hào)的簡(jiǎn)介信息是全部展示的。而在APP原生頁(yè)面里,簡(jiǎn)介背景是其中一篇熱門(mén)文章里的相關(guān)圖片,簡(jiǎn)介只顯示一行,多余的文字直接隱藏。
這種細(xì)小的差別可見(jiàn)設(shè)計(jì)師在設(shè)計(jì)該功能時(shí),充分理解了正在使用APP的用戶和在微信里點(diǎn)開(kāi)分享鏈接的用戶,他們?cè)谑褂脠?chǎng)景、目標(biāo)、行為等方面是有差別的。
在微信里點(diǎn)開(kāi)分享鏈接的用戶他們很大程度可能并沒(méi)有下載該APP,對(duì)于媒體號(hào)他們更可以都好無(wú)了解。所以,在設(shè)計(jì)分享頁(yè)面的時(shí)候,要讓媒體號(hào)的簡(jiǎn)介全部呈現(xiàn)出來(lái),從而讓用戶更好的決策是否該繼續(xù)點(diǎn)擊查看該媒體號(hào)的相關(guān)文章,或是直接關(guān)注該媒體號(hào)。如果用戶點(diǎn)擊關(guān)注就會(huì)跳轉(zhuǎn)到下載頁(yè)面,進(jìn)而成功地轉(zhuǎn)化成了APP的下載用戶。
而在APP里查看媒體號(hào)的用戶,他們對(duì)于正在看的媒體號(hào)都有一定的了解度,某些深度用戶甚至是每天都會(huì)查看該媒體號(hào)是否更新了文章。所以在原生頁(yè)面里設(shè)計(jì)媒體號(hào)主頁(yè)的時(shí)候,設(shè)計(jì)師把更多的展示空間留給了最新更新的文章,甚至連媒體號(hào)名稱(chēng)簡(jiǎn)介的背景都可以替換成最新更新的文章里的相關(guān)圖片。
下圖是豆瓣圖書(shū)詳情頁(yè)的原生頁(yè)面與分享頁(yè)面對(duì)比圖。
左圖的分享頁(yè)里,設(shè)計(jì)師縮減了該頁(yè)面的圖片占比,書(shū)籍的名稱(chēng),作者,簡(jiǎn)介等都在一屏以內(nèi)展示,讓用戶快速地接收到了頁(yè)面信息。這部分在分享頁(yè)面看資訊的用戶,其目的性沒(méi)有那么明確(相對(duì)于在原生APP里主動(dòng)找資訊的用戶)。所以在分享頁(yè)里,頂部固定導(dǎo)航欄上有豆瓣最主要的內(nèi)容分類(lèi)“電影、圖書(shū)、廣播、小組”,方便用戶可以隨時(shí)導(dǎo)流到其他頻道,滿足了這部分用戶隨意看看的需求,也為更好地轉(zhuǎn)化用戶打下了基礎(chǔ)。
而APP內(nèi)的用戶則相對(duì)來(lái)說(shuō)已經(jīng)對(duì)整個(gè)APP有一定了解,他們?cè)谶@個(gè)頁(yè)面除了看信息,還會(huì)去做一些深度操作,比如給書(shū)籍打分或打上“想讀、在讀”等標(biāo)簽。本質(zhì)上豆瓣是一個(gè)UGC為主的社區(qū),所以產(chǎn)品設(shè)計(jì)的目的也是促進(jìn)UGC產(chǎn)生,讓用戶與內(nèi)容深度互動(dòng)。所以可以看到即使是功能相同的按鈕,原生頁(yè)面按鈕也會(huì)設(shè)計(jì)得更明顯,更想吸引用戶點(diǎn)擊。
相信很多人都遇到過(guò),在分享頁(yè)瀏覽資訊的時(shí)候,被各種下載引導(dǎo)入口干擾。如何平衡用戶的瀏覽體驗(yàn)與下載引流的目標(biāo),讓下載按鈕在適當(dāng)?shù)臅r(shí)候出現(xiàn)是非常重要的。
在豆瓣分享頁(yè)里,只有內(nèi)容詳情頁(yè)的頂部才會(huì)有明顯的下載引導(dǎo)“用APP打開(kāi),更多海外中國(guó)研究好書(shū)推薦”(文案會(huì)根據(jù)不同類(lèi)別的書(shū)籍更換為對(duì)應(yīng)的類(lèi)別),跳轉(zhuǎn)到其他如分類(lèi)頁(yè)的時(shí)候按鈕就消失了。在快速瀏覽滑動(dòng)詳情頁(yè)時(shí),大概滑到兩三屏,右下角會(huì)出現(xiàn)一個(gè)“APP內(nèi)打開(kāi)”的提醒按鈕。
可見(jiàn)設(shè)計(jì)師充分認(rèn)知到了用戶的行為、目標(biāo)、場(chǎng)景等要素。只有當(dāng)用戶在瀏覽資訊內(nèi)容本身的時(shí)候,才可能會(huì)想在APP里獲得更好的瀏覽體驗(yàn),從而產(chǎn)生下載需求。對(duì)應(yīng)的“極速下載”的按鈕文案又帶給用戶快捷方便的心理暗示,鼓勵(lì)用戶點(diǎn)擊下載。
所以分享頁(yè)面并不是僅僅呈現(xiàn)方式與原生頁(yè)面不同,在做設(shè)計(jì)的時(shí)候一定要有系統(tǒng)的思維。交互設(shè)計(jì)有五個(gè)要素:用戶、行為、目標(biāo)、場(chǎng)景、媒介。之前的幾個(gè)優(yōu)秀的案例里,正是設(shè)計(jì)師在設(shè)計(jì)時(shí),就整理清楚這幾個(gè)要素,才讓分享頁(yè)面有了更好的使用體驗(yàn),而從完成了由分享頁(yè)給自身平臺(tái)帶流量的產(chǎn)品目標(biāo)。
工作日 8:30-12:00 14:30-18:00
周六及部分節(jié)假日提供值班服務(wù)