注(zhu)：分享頁面(mian)并不(bu)是(shi)僅僅呈現方(fang)式與原生(sheng)頁面(mian)不(bu)同，在做設計的(de)時(shi)候一定(ding)要有系統(tong)的(de)思維(wei)。
很多人認(ren)為在(zai)做(zuo)新聞或資訊的分享頁時，我們只需要(yao)做(zuo)好內容(rong)(rong)，好的內容(rong)(rong)就能(neng)引發(fa)用戶自主的傳播。這本(ben)身并沒有(you)錯，好的內容(rong)(rong)確實能(neng)帶來大量(liang)的轉發(fa)和分享。
但是(shi)作(zuo)為產品設(she)計(ji)師(shi)，我們在做(zuo)產品設(she)計(ji)的時候應該更多的思考(kao)：自身平臺傳播(bo)出(chu)去(qu)的內容，能帶回來多少流量，變成多少實際用戶(hu)的轉化。
下圖是flipboard的媒體feed頁的原生(sheng)頁面與分(fen)享頁面對(dui)比圖。
左(zuo)邊是分享出(chu)(chu)去的(de)鏈接(jie)頁面(mian)，簡介(jie)背景統一(yi)為紅色的(de)品牌色，左(zuo)上角增加了flipboard的(de)品牌露出(chu)(chu)，該媒體號(hao)的(de)簡介(jie)信(xin)息是全(quan)部展(zhan)示的(de)。而在APP原生頁面(mian)里，簡介(jie)背景是其中一(yi)篇(pian)熱門文章(zhang)里的(de)相關(guan)圖片，簡介(jie)只顯示一(yi)行，多余的(de)文字(zi)直接(jie)隱藏。
這種細小的差別可見設計師在(zai)設計該功能時(shi)，充分理解了正(zheng)在(zai)使用(yong)APP的用(yong)戶和在(zai)微信里點開分享鏈接的用(yong)戶，他們在(zai)使用(yong)場景、目標(biao)、行為(wei)等方面是有(you)差別的。
在微信里點開分(fen)享鏈(lian)接的(de)(de)(de)用戶(hu)(hu)他們很大程(cheng)度可(ke)能并沒(mei)有下載該APP，對(dui)于媒體號(hao)(hao)他們更可(ke)以(yi)都好(hao)無了解。所以(yi)，在設計分(fen)享頁面的(de)(de)(de)時(shi)候，要讓媒體號(hao)(hao)的(de)(de)(de)簡介全部呈現出來(lai)，從而(er)讓用戶(hu)(hu)更好(hao)的(de)(de)(de)決策是(shi)否該繼續點擊查(cha)看該媒體號(hao)(hao)的(de)(de)(de)相關(guan)文章，或是(shi)直接關(guan)注該媒體號(hao)(hao)。如果用戶(hu)(hu)點擊關(guan)注就會跳轉到下載頁面，進而(er)成功地轉化成了APP的(de)(de)(de)下載用戶(hu)(hu)。
而在APP里查(cha)看媒(mei)體(ti)(ti)號(hao)的用戶，他們(men)對于正(zheng)在看的媒(mei)體(ti)(ti)號(hao)都(dou)有一(yi)定的了解度，某些(xie)深度用戶甚至(zhi)是每天(tian)都(dou)會查(cha)看該(gai)媒(mei)體(ti)(ti)號(hao)是否(fou)更(geng)新了文章。所以(yi)在原生頁面里設計媒(mei)體(ti)(ti)號(hao)主頁的時候，設計師把(ba)更(geng)多的展示空(kong)間留給(gei)了最(zui)(zui)新更(geng)新的文章，甚至(zhi)連媒(mei)體(ti)(ti)號(hao)名稱(cheng)簡介(jie)的背景都(dou)可以(yi)替換成最(zui)(zui)新更(geng)新的文章里的相(xiang)關圖片。
下圖是豆瓣圖書詳(xiang)情(qing)頁(ye)的原(yuan)生頁(ye)面與分享(xiang)頁(ye)面對比(bi)圖。
左圖的(de)分(fen)(fen)享頁(ye)(ye)里(li)(li)，設計師縮減了該頁(ye)(ye)面的(de)圖片占比，書籍的(de)名稱，作者，簡介等都在(zai)(zai)一屏(ping)以內(nei)展(zhan)示，讓用(yong)(yong)(yong)戶快速地接(jie)收到了頁(ye)(ye)面信息。這(zhe)部分(fen)(fen)在(zai)(zai)分(fen)(fen)享頁(ye)(ye)面看(kan)資(zi)訊的(de)用(yong)(yong)(yong)戶，其(qi)(qi)目的(de)性沒有那么明確（相對于在(zai)(zai)原生APP里(li)(li)主動找資(zi)訊的(de)用(yong)(yong)(yong)戶）。所以在(zai)(zai)分(fen)(fen)享頁(ye)(ye)里(li)(li)，頂部固定導航(hang)欄上(shang)有豆瓣最主要的(de)內(nei)容分(fen)(fen)類“電影、圖書、廣播、小組”，方便用(yong)(yong)(yong)戶可以隨時導流到其(qi)(qi)他(ta)頻道，滿足了這(zhe)部分(fen)(fen)用(yong)(yong)(yong)戶隨意看(kan)看(kan)的(de)需(xu)求，也為更好地轉化(hua)用(yong)(yong)(yong)戶打下了基礎。
而APP內的用(yong)戶(hu)則(ze)相(xiang)對來說已經對整個APP有一定了(le)解(jie)，他(ta)們在(zai)這個頁面除了(le)看信息，還會去做一些深度(du)操作，比如(ru)給(gei)書籍打分或打上“想讀、在(zai)讀”等標簽。本(ben)質上豆瓣是(shi)一個UGC為主的社區，所以產品(pin)設(she)計(ji)(ji)的目的也是(shi)促(cu)進UGC產生(sheng)，讓(rang)用(yong)戶(hu)與內容深度(du)互動。所以可以看到即使是(shi)功(gong)能相(xiang)同的按(an)鈕，原生(sheng)頁面按(an)鈕也會設(she)計(ji)(ji)得(de)更明顯，更想吸引用(yong)戶(hu)點擊。
相信很多人都遇(yu)到(dao)過，在分享(xiang)頁瀏覽(lan)資訊的(de)時(shi)候，被各種下(xia)載引導入口干擾。如何(he)平衡用戶的(de)瀏覽(lan)體驗與(yu)下(xia)載引流的(de)目(mu)標(biao)，讓下(xia)載按鈕在適當(dang)的(de)時(shi)候出現(xian)是非(fei)常重(zhong)要的(de)。
在豆瓣分(fen)享頁(ye)(ye)里，只(zhi)有內容詳情(qing)頁(ye)(ye)的(de)(de)頂(ding)部才(cai)會有明顯的(de)(de)下載引導“用APP打(da)開，更(geng)多海外中國研究(jiu)好書推薦”（文案(an)會根(gen)據(ju)不同類別的(de)(de)書籍更(geng)換為對應的(de)(de)類別），跳轉到(dao)其(qi)他如分(fen)類頁(ye)(ye)的(de)(de)時候(hou)按(an)鈕(niu)就消失了(le)。在快(kuai)速瀏覽(lan)滑(hua)動(dong)詳情(qing)頁(ye)(ye)時，大概滑(hua)到(dao)兩三(san)屏，右(you)下角會出現一個“APP內打(da)開”的(de)(de)提醒按(an)鈕(niu)。
可見設計(ji)師充(chong)分認知到了用戶(hu)(hu)(hu)的(de)行為、目標、場(chang)景等要素。只有當用戶(hu)(hu)(hu)在瀏(liu)覽資訊內容本(ben)身的(de)時候，才(cai)可能(neng)會(hui)想在APP里獲(huo)得更好(hao)的(de)瀏(liu)覽體驗，從而(er)產(chan)生下載需求。對應(ying)的(de)“極速下載”的(de)按鈕文案又(you)帶給(gei)用戶(hu)(hu)(hu)快捷方便的(de)心理暗示，鼓勵用戶(hu)(hu)(hu)點擊下載。
所以分(fen)享頁(ye)(ye)面(mian)并不(bu)是(shi)僅(jin)僅(jin)呈現方式(shi)與(yu)原生頁(ye)(ye)面(mian)不(bu)同，在(zai)做設(she)計(ji)的(de)(de)時(shi)候一定要有(you)系統的(de)(de)思(si)維。交互(hu)設(she)計(ji)有(you)五個(ge)(ge)(ge)要素：用戶、行為、目標、場景、媒介。之前的(de)(de)幾(ji)個(ge)(ge)(ge)優(you)秀的(de)(de)案(an)例里，正是(shi)設(she)計(ji)師(shi)在(zai)設(she)計(ji)時(shi)，就整理清楚這幾(ji)個(ge)(ge)(ge)要素，才讓(rang)分(fen)享頁(ye)(ye)面(mian)有(you)了(le)(le)更好(hao)的(de)(de)使用體(ti)驗，而從完成(cheng)了(le)(le)由分(fen)享頁(ye)(ye)給自身平(ping)臺帶(dai)流量的(de)(de)產品目標。
