8 - Richmenu Editor

Time|2020.7 ~ 2020.9
Role|Research, UX, Interaction, Visual

Overview

LINE Rich Menu 相關功能目前有開放 API 但沒有對應的編輯工具,原本需要工程師幫忙才可製作,這次的設計任務就是將 API 做成一個可視介面 - Rich Menu Editor,讓品牌行銷人員使用此工具編輯選單上的互動行為,向消費者提供品牌介紹、尋找客服、活動通知等情境應用,加深品牌黏著度。

B2B2C
MarTech
LINE 圖文選單
編輯器介面

What is Rich Menu?

    相信大家的 LINE 裡面應該有幾個喜歡的品牌官方帳號,開啟官方帳號後,如果可以看到最下方有張圖片,那就是所謂的 Rich Menu 囉。

    Rich Menu 又名圖文選單,商家可以使用各式內容的圖片作為 Rich Menu,藉由視覺設計傳達品牌形象,圖片上還能夠設定多個按鈕,消費者點選按鈕後可以開啟特定網址、觸發關鍵字機器人等行為。

    LINE 圖文選單說明範例

    1. The Problem 問題

    • 外部:多位付費客戶許願圖文選單編輯器,因為使用頻率高,每次都要花錢找工程師做客製化,不太經濟,而且來來回回時程容易拖很長
    • 內部:BD 對新客戶推銷時,常因後台無此功能被挑戰

    2. Competitor 競品

    競品 A、B 是公司的長期對手,每決定一個新需求時,業務、產品部門都會分別研究要怎麼制定銷售 & 產品策略才能夠與競爭對手不分軒輊,甚至超越他們。
    公司產品鎖定的行業不限制,但在產業規模 & 使用族群定位上與競品 A 十分相似,因而經常遇到客戶在兩者間互相比較,造成 BD Team 銷售狀況不如預期,本次目標希望彌補這一點的不足。

    初步競品分析

    3. User Scenario 目標使用者場景

    分析用戶如何達成他的目標,過程中遇到什麼痛點

    👩🏻 使用者

    品牌行銷人員

    💡 目的

    1. 製作常態選單
    2. 活動選單,搭配關鍵字機器人觸發內容

    🕑 使用頻率

    1. 依據業態有不同頻率
    2. 活動頻繁時每週更換 1~2 次
    3. 基本上每月會更換 1 次

    💢 困難

    1. 需要另開 LINE 後台設定圖文選單
    2. LINE 有版型限制,創意被侷限
    3. 無巢狀結構,不敷使用
    4. 無法紀錄用戶的點擊行為

    4. User Story 使用者故事

    從付費客戶的建議回饋中收斂出以下任務需求

    👩🏻:當我在製作圖文選單的時候,我想要自由編輯圖上的按鈕範圍,這樣我就能經常變化圖文選單的設計,提升品牌形象並刺激消費者。
    👩🏻:當我在製作圖文選單的時候,我想要看到實際完成的畫面並進行互動,這樣我就能確保設定沒有任何錯誤。
    👩🏻:當我在製作圖文選單的時候,原生後台限制只能用一張圖,導致按鈕全擠在一起,視覺呈現不夠好看,也不易發現太小的按鈕。
    👩🏻:當我策劃行銷活動並搭配圖文選單的時候,我想要活動選單可以自動開啟/關閉,如此我就不用等到活動最後一刻手動關閉。
    👩🏻:當消費者點擊圖文選單的時候,我想要知道他確切點了哪一個按鈕,這樣我就能收集消費者的喜好資訊。
    👩🏻:當消費者開啟品牌官方帳號的時候,我希望根據消費者身份顯示不同的圖文選單,這樣我就能提供各分眾適合的服務內容。

    5. Goal 產品目標

    規劃短中長期目標,搭配競品分析的結果,戰略為:找到別人沒解決的問題,優先推出解決方案。

    產品階段目標規劃

    6. Wireframe

    自行閱讀 LINE 提供的 API 文件,手繪主要畫面的草稿與開發人員溝通功能規格,確認技術可行性及開發時程

    7. Flow

    Flow 流程圖

    8. UI Screens

    由左至右 1~4、a~f 安排操作步驟,引導用戶逐步完成設定

    UI 規劃說明 -2

    Performance Review

    1. Clients

    付費客戶使用圖文選單編輯器做出相當有趣的應用,是超越預期的成果

    應用實例 - 綠藤生機

    ▴ 客戶使用範例

    ▴ 互動影片

    2. BD Team

    Rich Menu Editor 上線之後成為產品亮點功能,搭配產業應用實例讓客戶更願意掏錢購買,並帶動 2020/Q4, 2021/Q1 業績成長

    「超有用,功能完整且一次到位,沒什麼 bug,客戶看到案例應用會想買並跟著做。」- Sales Manager