好的圖文選單設計,除了可以引導好友認識服務,讓好友不迷航,還能增加商家與好友互動的機會與情感!如果商家也想要能提供更好的服務體驗,那小編絕對不能錯過本篇的圖文選單教學!
學習目標:
1. 認識圖文選單的效益
2. 善用圖文選單做服務導覽
3. 嘗試設計商家獨有的圖文選單
回想一下,在與家人或朋友出遊之前,是不是都會先查看地圖或相關文章,看看有哪些景點值得遊覽;在餐廳點餐前,我們都也會先翻閱商家的 Menu,看看這家餐廳提供哪些選擇。
LINE 官方帳號提供可以高度客製的圖文選單(Rich Menu),就像是景點地圖或餐廳的 Menu,可以讓顧客快速知道商家想傳達的資訊與特色,也是商家最好的服務小幫手。此外,由於使用者會自由點擊他所感興趣的功能,因此商家還可以透過選單的點擊數據,推測使用者們的喜好,進而提供更個人化的服務體驗!
圖文選單好好用!
1. 幫助好友快速鎖定重要訊息
在現在的時代,大家都非常重效率、也無法專心閱讀。因此,節省好友閱讀時間,幫助好友能快速看到並理解商家想傳達的資訊非常重要(千萬不要期待或勉強好友有「耐心」慢慢了解商家)!想經營社群的商家,更應該聰明地將建立品牌形象與傳達明確地資訊訂為優先的目標。
唯有將好友常用功能及感興趣的資訊設計在圖文選單中,讓好友能夠在每次與官方帳號互動時,就能夠快速的選定重要訊息,讓資訊的獲得、活動參與等,都更加便利快速,才可以提升好友對商家的官方帳號的訊息傳遞效率,進而提升好友對之官方帳號的好感度與黏著度。
除了提供導覽介面供好友點擊之外,圖文選單亦可搭配自動回應訊息的「關鍵字」功能,透過類似於搜尋的對話功能,讓好友隨時可以透過關鍵字目錄來找發問問題及找到類似產品介紹、店家資訊、常見客服問題等。
2. 提供最佳的訊息公告與廣告版位
由於圖文選單會固定顯示於商家官方帳號的底部,因此在圖文選單上面放上商家最新想推廣的訊息公告與活動廣告,可以輕而易舉地吸引好友目光。
若有舉辦優惠、集點、問卷調查的活動,也可設置在圖文選單中,讓參與上面這些營運活動的好友們,能夠隨時的進入官方帳號,且快速的查看優惠訊息及集點記錄,非常的便捷。
3. 創造多元化導流
圖文選單除了可有優美的圖文視覺效果與功能與客服導覽,還能在選單上方提供官網、商城、 Facebook 或是 Instagram 等連結,讓好友可以在不同的平臺分別找到自己想要的資訊,也藉此幫商家的網站或是社群平台增加粉絲。
圖文選單怎麼設計?
小編們可能會疑惑,如果沒有美感也不會設計,要怎麼開始設計圖文選單呢?請放心,這時候小編可以多多參考別的官方帳號的設計,也許可以帶給你一些創意上的啟發。
當然,選單設計其實不用從零開始!在「LINE 官方資源下載區-應用模板」的網站上,已經幫大家準備好了很多精美與應景的圖文選單的模板,讓小編們可以輕鬆快速地建立商家專屬的圖文選單。
此外,設計師在設計選單時,還可以參考下列細節:
1. 設計可以不拘泥於現有模板格式
LINE 官方帳號提供 12 種圖文選單的版型,但在設計上其實可以跳脫框架思考,並不一定都是只能透過方方正正的格子來建立按鈕區塊。小編除了可以將好友常用的按鈕或將商家想傳達的資訊設計成較大的版位之外,不規則形狀的按鈕也很能夠吸引使用者的注意力。
2. 加入輔助圖標「暗示」,引導好友點選連結
若有特別希望好友查看的內容,可以使用手指頭、箭頭、對話框或其他引人注目的指標圖示,來激發好友的好奇心與點擊。
3. 按鍵位置與功能的設計
在選擇圖文選單的每一個區塊要放什麼資訊或提供功能按鈕時,要特別注意下面幾件事:
-
主題的相似性:每一個按鈕的標題文字不要取太相似的名稱,要讓好友很直覺的可以聯想,點擊哪個選單會出現什麼服務與功能,才不會造成好友混淆。
-
內容簡單明瞭:圖文選單上面雖然沒有文字限制,但要在設計時建議以簡單明瞭的圖示為主,文字太多也會破壞版面的協調,並且會模糊焦點及破壞視覺美感。
-
適度的設計邊線:圖文選單的區塊雖小,但小編可以透過介面的空白或是線條設計,將互動按鈕隱約分成不同的區塊,讓使用者與圖文選單互動時,更有效率。
-
聚焦於重點活動:小編也可以善用視覺介面顏色或是區塊,能創造出視覺效果上不規則、特別、不協調性的形狀,凸顯重點資訊,讓好友更容易看見你想要表達的重點,來達到吸睛與強化的目的。
※小提醒:「圖文訊息」與圖文選單的格式不同,但設計概念是相通的!當小編與商家老闆們閱讀到圖文訊息時,也可回頭複習這篇所談到的設計觀念!
圖文選單的設計可以配合商家需求靈活應用,也可以很有商家個性
- 【車麻吉】選單最左側專門用來宣傳升級的優惠,並將具有商家特色的 LOGO 置於宣傳圖中,增加好友印象。另外再以四格的功能選單,讓好友可以依需求操作,兼具了圖文選單的趣味性與功能性。上方正方形比例的圖文訊息,也成功創造訊息滿版、卻不會被裝置螢幕高度截斷的視覺效果。
- 【國泰世華】 顯眼的智能客服突破常見的六格選單的區域框架,功能完整也方便操作。
- 【Richart】由於處於特定活動期間,設計師有巧思地以將圖文選單分為兩大格,圖文選單結合上方的訊息圖,說明了完整的活動故事與內容。