avatar

張志豪

2024-10-10 17:03:12

4322 瀏覽, 6 min 閱讀

如今,推播通知已融入我們的日常生活,因為每個應用程式都透過這個工具與其用戶聯繫。 然而,這些通知的成效不僅僅取決於訊息本身。 相反,它的視覺元素可以在說服用戶參與方面發揮重要作用。 因此,通知圖示可以促成企業推播通知發揮出最大效能。

在本文中,我們將探討推播通知圖示的重要性、使用它的最佳實踐以及在過程中將幫助您的工具。


如何最大化利推播通知圖示

為什麼我們需要通知圖示?


notification icon messaging app notification

如果您想到任何通知,您會意識到圖示是其基本部分之一。 所有 Android 應用程式通知圖示都能讓用戶一目了然地知道哪個應用程式有更新。 不過,除此之外,它們還有更多好處。最重要的好處如下所示:

  • 視覺溝通: 應用程式通知圖示作為一種視覺提示,可以立即傳達通知的目的。 這有助於用戶即使不閱讀完整訊息也能瞭解溝通內容。例如,追蹤通知圖示告知他們包裹即將送達。
  • 品牌識別: 在所有溝通渠道中使用相同的圖像可以提升您的品牌識別。 因此,您的通知會立即被您的受眾識別,從而增強他們的信任和忠誠度。 一個很好的例子是各種訊息應用程式通知圖示,這些圖示已成為其相應應用程式的代名詞。
  • 用戶參與: 通知是眾所周知的吸引用戶注意的工具。 使用圖示的通知已被證明比僅有文字的更有效。 一個引人注目的圖示可以給用戶額外的動機去採取行動,而不是忽視溝通。
  • 增強的用戶體驗: 使用推播通知圖示是使您的溝通盡可能直觀和易於訪問的最佳方法之一。 這個簡單的視覺元素能提升應用程式的包容性,從而創造更好的體驗。

EngageLab中的通知圖示大小建議


富文本遊戲推播通知

如果您正在考慮在您的應用程式推播和網頁推播通信中應用通知圖示,您必須考慮它們的大小和格式。 這樣做,您可以放心,無論您的受眾使用何種設備,圖示都會顯得清晰和專業。 EngageLab 提供了應用程式推播和網頁推播通知的具體指南,幫助您創建這些圖示,然後您可以輕鬆地將它們整合到您的通信中。 我們建議您仔細閱讀 EngageLab 文件,這將為您提供創建適當推播通知圖示的所有相關信息。

為了幫助您,我們已經在下表中彙編了所有相關信息:

AppPush/WebPush/WhatsApp 通知的圖示大小和格式


富文本遊戲推播通知

社交媒體應用程式通知的圖示大小和格式

SNS 尺寸 大小 格式
Facebook 196*196px 8MB JPG, PNG, WebP, HEIC
Instagram 手機:110*100px
網頁:320*320px
8MB JPG, PNG, WebP, HEIC
X 200*200px 靜態:5MB
GIF:15MB
JPG, PNG, GIF, WebP, HEIC
TikTok 200*200px 8MB JPG, Webp

推播通知圖示工具

為了遵循指南,您可能需要使用正確的工具。好在,有許多線上應用程式可以幫助您在圖示創建的各個方面。 例如,您可以僅需點選幾下即可設計、調整尺寸和壓縮您的應用通知圖示。 在本節中,我們選擇了這些線上工具中最有用的:

1 Canva

Canva 是一個多功能工具,幫助您使用現成的範本設計圖示、橫幅等。 因此,您可以快速使用它設計符合您規格的 Android 應用通知圖示。


推播通知圖示 canva 圖示製作

2 TinyPNG

TinyPNG 是一個專門壓縮 PNG 和 JPEG 圖像而不損失質量的工具。透過優化您的圖示,您將提升通知的整體性能,因為它們將加載更快並且看起來更專業。


推播通知圖示 tinypng 圖示製作

3 Kapwing

像 Kapwing 這樣的工具為您提供了一種簡單的方法來將圖像調整為特定尺寸。 您只需上傳您的追蹤通知圖示或任何其他類型的圖示並設置所需的大小。


推播通知圖示 kapwing image resizer

4 IcoMoon

IcoMoon 是一個用於創建向量圖示並將其轉換為不同格式的工具。 使用這個應用程式,您可以輕鬆自定義圖示並以各種尺寸和格式導出它們。


推播通知圖示 icomoon icon vector

如何新增推播通知圖示

一旦準備好您的圖示,您可以開始在 EngageLab 中建立推播和網頁通知。這個平台讓您能夠比以往更輕鬆地在各種渠道中與受眾溝通,例如電子郵件、簡訊、應用程式推播和網頁推播。

EngageLab 是一個強大的平台,將成為您管理應用程式和網站推播通知的首選工具。其友好的使用者介面、詳細的分析和自訂選項讓您能夠制定有效的策略來吸引受眾。

立即免費開始

以下,您將找到 EngageLab 中 AppPush(應用程式推播) WebPush(網頁推播) 通知的逐步指南。

如何在 EngageLab 中新增應用程式通知圖示

登入 EngageLab。如果您沒有帳戶,建立一個免費帳戶非常簡單。只需輸入您的電子郵件和密碼。


推播通知圖示 engagelab 建立帳戶

前往您的 EngageLab 控制台並點選 AppPush。這將帶您進入推播通知儀表板。


推播通知圖示 engagelab 儀表板

設定您的應用程式。如果您之前未使用過此功能,您需要將您的應用程式新增到 EngageLab。 請輸入所有必需的信息並上傳您已準備好的圖示。


推播通知圖示 engagelab 創建應用

創建您的推播通知。在側邊欄中點選建立推播選項以開始創建您的通知。 最後輸入文字,選擇您的受眾群體,並選擇您希望發送通知的時間。


推播通知圖示 engagelab 建立推播通知

如何在 EngageLab 中新增網頁推播通知圖示

使用您的 EngageLab 憑證登錄。如果您尚未註冊,請免費創建您的帳戶。


推播通知圖示 engagelab 建立帳戶

從您的控制台中點選WebPush以創建您的網頁推播通知。


推播通知圖示 engagelab 網頁推播

接下來,請設定您的應用程式,您將在此發送您的網頁推播通知。 您可以輸入所有必需的信息,並確保在此處添加您的應用程式圖示,該圖示將用於您的通知中。


推播通知圖示 engagelab 網頁推播

最後一步,開始創建您的網頁推播通知。從側邊欄中點選建立推播,然後選擇通知訊息。 最後輸入您的文字和目標網頁地址,並選擇您的受眾群體和日期。


推播通知圖示 engagelab 創建網頁推播通知訊息

除了圖示之外-您需要了解的通知事項

雖然通知圖示是通知本身不可或缺的一部分,但其他元素決定了其有效性。 在本節中,我們將分析一些案例研究,向您展示如何改變圖示可以對您的業務產生強烈影響。 在這些案例中,您將會發現各種規模的品牌都從新的標誌中受益,這些標誌被納入他們的通知中。

1. Instagram的新標誌


推播通知圖示 instagram

改變品牌標誌和圖示最著名的案例之一就是 Instagram。 Instagram 已經是最受歡迎的社交媒體之一,當他們在 2013 年決定進行這一重大變革時,這一舉動成為圖示設計的起點。 然而,如今這個極簡的圖示被認為是全球最具辨識度的之一。 Instagram 繼續是社交媒體平台中的大玩家,而應用程式的標誌只會加強公司的形象。

2. Travel Town – Merge Adventure


推播通知圖示 travel town 舊 logo

Magmatic Games 的 Travel Town(旅行小鎮)是最近幾個月來流行的手機遊戲之一。 該遊戲首次出現在 2021 年,從那時起,它獲得了許多粉絲。 實際上,在 2024 年 3 月,該遊戲創下了迄今為止最高的收入,達到驚人的 2110 萬美元。


推播通知圖示 travel town 新 logo

這個遊戲成功的貢獻因素之一無疑是其標誌。 新的圖示展示了兩杯咖啡,也暗示了其類型。之前的標誌並不那麼容易辨識,也沒有突出遊戲的實際內容。 這是一個很好的案例,讓人意識到,即使是應用程式通知圖示,也可以在您的成長中發揮作用。

3. Duolingo Owl


推播通知圖示 duolingo logo

毫不意外,Duolingo 是其圖標使用的一個絕佳範例。 最近幾個月,這款語言學習應用程式的用戶發現其標誌已經改變,展示了狀態不佳的 Duolingo 貓頭鷹。 這種行銷技術旨在讓用戶感到震驚和好奇,進而促使他們開啟應用程式。


推播通知圖示 duolingo 個性化

除此之外,Duolingo 大量使用個性化。 它的推播通知圖標保持相當簡單,展示了品牌的即時識別活動。 此外,它還使用額外的圖片和表情符號來引起接收者的情感反應。 透過這些策略,該應用程式已經獲得超過 5 億註冊用戶和約 3700 萬月活躍用戶。

4. Netflix 標誌


notification icon netflix

無可否認,Netflix 擁有當今最具標誌性的標誌之一。 Netflix 是展示您圖標簡化往往可以創造出非常現代和專業效果的品牌之一。 現在,當您看到這個圖標時,您會立即識別出是哪個品牌,而無需查找。

notification icon netflix original

然而,該品牌在達到這一標誌性設計之前使用了其標誌的各種版本。 它第一個標誌與您正在使用的簡約紅色字母無關。 透過改變其行銷方法和視覺元素,該公司成功地革新了媒體流媒體,並成為世界上最大的科技公司之一。

這些案例研究為您提供了如何充分利用您的通知圖標的良好見解。 我們積極推薦的一些最佳實踐包括:

總結

訊息應用程式的通知圖示是一個提升品牌認知的絕佳範例。 利用通知圖示的力量,為您的應用程式推播和網頁推播通訊添加重要的視覺元素。 EngageLab 提供您所有需要的工具來建立成功的推播通知策略。請立即註冊 EngageLab,以獲取您所需的所有工具和功能,創建引人入勝且有效的推播通知。

免費開始