資訊分享頁設計如何提公升使用者轉化?

2022-09-21 19:39:06 字數 1729 閱讀 2167

注:分享頁面並不是僅僅呈現方式與原生頁面不同,在做設計的時候一定要有系統的思維。

很多人認為在做新聞或資訊的分享頁時,我們只需要做好內容,好的內容就能引發使用者自主的傳播。這本身並沒有錯,好的內容確實能帶來大量的**www.cppcns.com和分享。

但是作為產品設計師,我們在做產品設計的時候應該更多的思考:自身平台傳播出去的內容,能帶回來多少流量,變成多少實際使用者的轉化。

下圖是flipboard的**feed頁的原生頁面與分享頁面對比圖。

左邊是分享出去的鏈結頁面,簡介背景統一為紅色的品牌色,左上角增加了flipboard的品牌露出,該**號的簡www.cppcns.com介資訊是全部展示的。而在app原生頁面裡,簡介背景是其中一篇熱門文章裡的相關,簡介只顯示一行,多餘的文字直接隱藏。

這種細小的差別可見設計師在設計該功能時,充分理解了正在使用app的使用者和在微信裡點開分享鏈結的使用者,他們在使用場景、目標、行為等方面是有差別的。

在微信裡點開分享鏈結的使用者他們很大程度可能並沒有**該app,對於**號他們更可以都好無了解。所以,在設計分享頁面的www.cppcns.com時候,要讓**號的簡介全部呈現出來,從而讓使用者更好的決策是否該繼續點選檢視該**號的相關文章,或是直接關注該**號。如果使用者點選關注就會跳轉到**頁面,進而成功地轉化成了app的**使用者。

而在app裡檢視**號的使用者,他們對於正在看的**號都有一定的了解度,某些深度使用者甚至是每天都會檢視該**號是否更新了文章。所以在原生頁面裡設計**號主頁的時程式設計客棧候,設計師把更多的展示空間留給了最新更新的文章,甚至連**號名稱簡介的背景都可以替換成最新更新的文章裡的相關。

下圖是豆瓣圖書詳情頁的原生頁面與分享頁面對比圖。

左圖的分享頁裡,設計師縮減了該頁面的佔比,書籍的名稱,作者,簡介等都在一屏以內展示,讓使用者快速地接收到了頁面資訊。這部分在分享頁面看資訊的使用者,其目的性沒有那麼明確(相對於在原生app裡主動找資訊的使用者)。所以在分享頁裡,頂部固定導航欄上有豆瓣最主要的內容分類「電影、圖書、廣播、小組」,方便使用者可以隨時導流到其他頻道,滿足了這部分使用者隨意看看的需求,也為更好地轉化使用者打下了基礎。

而app內的使用者則相對來說已經對整個app有一定了解,他們在這個頁面除了看資訊,還會去做一些深度操作,比如給書籍打分或打上「想讀、在讀」等標籤。本質上豆瓣是乙個ugc為主的社群,所以產品設計的目的也是促進ugc產生,讓使用者與內容深度互動。所以可以看到即使是功能相同的按鈕,原生頁面按鈕也會設計得更明顯,更想吸引使用者點選。

相信很多人都遇到過,在分享頁瀏覽資訊的時候,被各種**引導入口干擾。如何平衡使用者的瀏覽體驗與**引流的目標,讓**按鈕在適當的時候出現是非常重要的。

在豆瓣分享頁裡,只有內容詳情頁的頂部才會有明顯的**引導「用app開啟,更多海外中國研究好書推薦」(文案會根據不同類別的書籍更換為對應的類別),跳轉到其他如分類頁的時候按鈕就消失了。在快速瀏覽滑動詳情頁時,大概滑到兩三屏,右下角會出現乙個「app內開啟」的提醒按鈕。

可見設計師充分認知到了使用者的行為、目標、場景等要素。只有當使用者在瀏覽資訊內容本身的時候,才可能會想在app裡獲得更www.cppcns.com好的瀏覽體驗,從而產生**需求。對應的「極速**」的按鈕文案又帶給使用者快捷方便的心理暗示,鼓勵使用者點選**。

所以分享頁面並不是僅僅呈現方式與原生頁面不同,在做設計的時候一定要有系統的思維。互動設計有五個要素:使用者、行為、目標、場景、媒介。之前的幾個優秀的案例裡,正是設計師在設計時,就整理清楚這幾個要素,才讓分享頁面有了更好的使用體驗,而從完成了由分享頁給自身平台帶流量的產品目標。 

本文標題: 資訊分享頁設計如何提公升使用者轉化?

本文位址:

實現引導頁 如何提公升引導頁轉化率

不少人在策劃引導頁時,想到什麼就放什麼,整體沒有邏輯順序,最後效果不好也不知是 出了問題。乙個優秀的引導頁需要具備4大核心要素,有價值 可信任 門檻低和稀缺感。今天我們來分享下做好引導頁的一部分內容。客戶需求 有價值且實用的主題 有了頁面框架後,接著就是著手最關鍵的頁面主題,主題第一要素就是要有吸引...

如何提公升分享資訊的價值

資訊需要有一定的篇幅,以保證資訊的完整性和足夠的資訊量,而實際上附加很多關於 資訊 的資訊,可以大大增加資訊的可信度 突出資訊的核心觀點讓人迅速掌握,長篇大論會被儲存,但是很少被真正閱讀 提出原創的個人點評和觀點,表示對此資訊經過消化和思考,是一次嚴肅的推薦 能夠針對幾個問題形成主題式推薦 最好能夠...

測試設計 如何提公升測試用例設計水平?

測試用例 test case 是測試設計的乙個產出物,它直接體現測試設計的思想,乙份漂亮的測試用例不僅僅是設計思路的優秀體現,更是便於流轉和執行,具有可讀性 傳遞性。它一般是為某個特殊目標而編制的一組測試輸入 執行條件及預期結果,用以核實程式是否滿足某個特定需求及沒有完成多餘操作,即保證以下兩點 因...