• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 詳解如何利用空白狀態提升用戶留存率—- 設計教程




    教學主題: 詳解如何利用空白狀態提升用戶留存率

    大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

    今天的這個教學主題是: 詳解如何利用空白狀態提升用戶留存率

    這教學的重點為這幾點 [ 提升,用戶,狀態,空白,如何,利用,詳解,頁面,引導,這個, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    通常我們會對有大量內容和數據的頁面進行精心設計,而空白狀態則是常常容易被忽視的一部分。然而,空白狀態對於留存用戶、提升用戶活躍度也起着至關重要的作用。今天這篇好文,總結了利用「空白狀態」提升用戶留存率的5個要點,附上大量實例,一起來收。

    通常我們會對有大量內容和數據的頁面進行精心設計,而空白狀態則是常常容易被忽視的一部分。然而,空白狀態對於留存用戶、提升用戶活躍度也起着至關重要的作用。今天這篇好文,總結了利用「空白狀態」提升用戶留存率的5個要點,附上大量實例,一起來收。

    空白狀態是什麼?

    「空白狀態」,英文 Empty State,通常是指 App 或者網頁上沒有任何數據顯示時所呈現的狀態,它產生的原因可能是以下 3 種:

    首次登錄

    用戶首次啟動該 App 或網頁,並完成註冊后顯示的頁面。

    詳解如何利用空白狀態提升用戶留存率

    △ 第一次使用Gmail ,完成註冊后顯示的「空白狀態」示例

    錯誤頁面

    這時候往往是用戶遇到了問題,比較常見的狀態是「404頁面」、「網絡中斷」。

    內容清空

    內容被用戶清空或沒有添加任何數據時所顯示的頁面狀態。

    詳解如何利用空白狀態提升用戶留存率

    「還沒有添加任何項目,點擊+號開啟吧!」

    空白狀態的作用不僅僅是裝飾那麼簡單。它不僅應該告訴用戶這個頁面是什麼,作為引導流暢用戶體驗的一部分,它還需要告訴用戶下一步該怎麼操作。

    一個合格的「空白狀態」引導頁面,至少需要滿足以下任意一個條件:

    能夠幫助和培育用戶正確使用你的產品

    能夠引導用戶,提示用戶進行下一步的正確操作

    能夠給用戶帶來愉悅感

    數據表明,平均每個應用會在安裝后的 3 天之內流失掉 77% 的日活躍用戶。一個月之內,這個數字幾乎達到了 80%。這麼低的留存率真的是因為應用不夠好么?

    不完全是。

    「試用期」間,你的產品是否獲得用戶的青睞是留存用戶成功的關鍵。

    真實情況是,用戶會同時下載市面上的多款同類應用,之後就會選擇其中最好用的一款,而刪掉其他的。而在這個「試用期」間,你的產品是否獲得用戶的青睞是留存用戶成功的關鍵。

    想要獲得用戶的青睞,第一眼印象很重要,這個時候,當用戶註冊完畢后,呈現的空白狀態頁面的重要性就凸顯出來了。

    在這個用戶初始登錄頁,應該儘可能地引導用戶嘗試產品的各種功能,最好是喜歡上你的應用。而在這之前,需要做的就是,讓用戶在第一次使用的時候就喜歡上你的應用。

    「空白狀態」的一個基本作用是順利引導用戶創建內容

    「空白狀態」的一個基本作用是順利引導用戶創建內容,以簡明扼要的文字、標識告訴用戶是什麼,如何創建內容,創建內容後有哪些好處。第一次使用的用戶如果能很快上手使用這個產品的功能,才有可能成為回頭客。

    詳解如何利用空白狀態提升用戶留存率

    △ 錯誤示例,第一次登錄頁面時,沒有任何提示和幫助引導,可能會讓新用戶感到不知所措。

    詳解如何利用空白狀態提升用戶留存率

    △ 正確示例,第一次登錄頁面時,增加了引導性提示,告訴用戶進行下一步操作,引導用戶創建第一個應用。

    錯誤頁面的「空白狀態」,應該為用戶帶來有用的提示信息

    在發生錯誤的時候,「空白狀態」頁面應該能夠為用戶帶來有用的信息。你遇到了什麼問題,為什麼會遇到這個問題,以及給與提示要如何解決這個問題,引導用戶進行下一步操作。

    詳解如何利用空白狀態提升用戶留存率

    △ 錯誤示例,Spotify 操作出現錯誤時顯示的空白狀態,只顯示錯誤發生了,然而對於用戶來說,這沒有任何幫助。

    詳解如何利用空白狀態提升用戶留存率

    △ 正確示例,Azendoo錯誤出現時展示的「空白狀態」頁面,這個頁面不僅告訴用戶掉線了,而且提供了有用的建議。

    促使用戶響應行為召喚,促成轉化

    你還可以把空白狀態頁面看成是一個微型的登錄頁面。優秀的登錄頁面首先設計上是簡潔的,其次是提供具體的功能信息,並促使用戶響應行為召喚,進行下一個動作。

    詳解如何利用空白狀態提升用戶留存率

    為此,你必須:

    激勵你的用戶

    用勸導性的語氣和設計,比如:「了解更多,現在就開始吧!」這樣的語句。

    詳解如何利用空白狀態提升用戶留存率

    告訴用戶進行下一步操作的好處

    提醒用戶使用了這個功能可以達成怎樣的結果,這個功能有什麼益處

    詳解如何利用空白狀態提升用戶留存率

    使用行為召喚的按鈕引導用戶開始操作之旅

    使用「行為召喚」(call to action)按鈕,以適當的操作引導用戶離開空白狀態的頁面,進行下一步更有意義的操作:

    詳解如何利用空白狀態提升用戶留存率

    給用戶帶來愉悅的驚喜,錦上添花之舉

    「空白狀態」除了告訴用戶這個頁面是什麼,如何進行下一步操作之外,如果還能讓用戶感覺到有趣好玩,帶來愉悅的驚喜,能讓用戶感受到你的產品有那麼一點點不一樣,就會給用戶留下深刻的印象。

    詳解如何利用空白狀態提升用戶留存率

    Google Hangouts ,「空白狀態」頁面上展示了一個孤獨的淚人兒的畫面,沒有邀請是一件讓人悲傷的事情。

    觀察以下這些應用的空白狀態頁面,通常包含以下這些特點:

    品牌展示(以一種有趣的方式差異化自己的產品)

    有一種幽默感,給人愉悅感,(使用了情感元素,給用戶帶來意外的驚喜)

    展示品牌或產品人性化的一面

    詳解如何利用空白狀態提升用戶留存率
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    詳解如何利用空白狀態提升用戶留存率
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    詳解如何利用空白狀態提升用戶留存率

    如何利用「空白狀態」提升用戶留存率?

    總結下來,就是以下幾個要點:

    空白狀態的設計,簡潔明了,用戶一眼就能看出要做什麼

    視覺上保持簡潔,通常簡潔明了的文案+不錯的圖標或者有趣的插畫 + 一個CTA按鈕即可

    最好一個頁面呈現完畢,文字不用太多,呈現的內容太多可用圖片或動畫代替

    聯結產品/服務的功能和人類的情感,傳達產品和品牌的個性,讓用戶產生愉悅感,更加能記住你的產品。

    最高境界是好的「空白狀態」頁面設計幾乎讓用戶感受不到它的存在,覺得它本來就應該在那裡,像一個方嚮導航儀,引導用戶走出「網絡荒原」。

    總之,千萬不要忽略空白狀態頁面的重要性,它是用戶設計體驗中的一部分,對用戶的留存至關重要。

    看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

    希望我們所介紹的 詳解如何利用空白狀態提升用戶留存率 這教學會喜歡

    文章標題: 骨子愛創意- 詳解如何利用空白狀態提升用戶留存率–轉載請註明來源處

    本教學分類為平面理論教程中的 設計教程相關教學

    文章相關關鍵字為: 提升,用戶,狀態,空白,如何,利用,詳解,頁面,引導,這個,

    本文永久連結 :詳解如何利用空白狀態提升用戶留存率

    本文轉載自 :VIA