我們是如何打造第一台Line的淨水器 (下)

迷你綠洲
6 min readAug 7, 2018

--

上一集我們提到,要透過Line或FB messenger來即時告知水質情況,但是要選擇哪一個平台比較適合呢?這次迷你綠洲繼續來分享給你:

選擇FB Messenger的好處是它與粉絲團的整合更為緊密,如果是製作社群型的產品,使用Messenger可以做到更好的互動,但是我們的產品希望可以透過簡單的掃瞄QR Code的方式,就能加入服務,單就掃描QR Code這一點,很多人的第一件事是打開Line來掃描,甚至不知道FB也有掃碼加好友的功能。而許多店家也有Line@服務,多數使用者已經被教育可以透過Line來接收資訊,Line也有很多的API開放讓開發者進行主選單、訊息選單的客製化調整,基於配套完整的模式,我們最後決定選擇使用Line@當作服務的載體。

使用Line@作為取代傳統APP,有幾個重點需要克服

(1)綁定的流程

傳統的Line@服務,是作為行銷用途的工具,直接掃描QR Code的話,就只是加入了一個互動通道,該如何把它變成像一個APP,可以接收到個人化的資訊呢?

我們必須先建妥綠洲的雲端,可以讓淨水器的資料,自動回傳到雲端後台。再來則是要將機器的識別碼與使用者的Line ID媒合起來,就能完成綁定,我們設定透過QR Code掃描,將自動開啟一個綁定網頁,此時系統會自動將機器識別碼儲存,當使用者透過Line Login的方式登錄後,系統就會自動得知這一台機器是由哪一個Line的使用者所擁有的,這樣子,我們的Line@就可以變成一個淨水器APP,也能傳發訊息了。

(2)視覺化

Line chatbot的運作模式是對話式操作,文字型chatbot希望使用者可以跟他對話,但是在使用者注意力有限的情況下,他會優先跟朋友聊天,因此把指令輸入改為類似傳統UI的操作方式,所以我們必須設計主選單(Line稱為Rich Menu),將主要功能捷徑呈現於其中,就像我們在APP中常見的Launchpad UI,讓使用者不需特別花心思,只須熟悉幾次,就能找到它要的資訊內容。

而次選單,則是透過Line@ api的旋轉木馬選單(Carousel),當使用者一按下Rich Menu後,就能將資訊透過Carousel呈現出來,為了給使用者快速地掌握資訊,我們選擇在Carousel最大的圖像區塊把資訊呈現,所以可以直接看到目前的水質情形,至於想要進一步數值的資訊時,則呈現在下方的文字區塊中。

在訊息通知的設計下,我們會把圖像作為主要傳遞的重點,即使沒時間細看文字內容,瞄一眼圖片也能清楚知道目前提示訊息要點。

(3)維持在同一畫面中

使用者對於跳轉的網頁越來越反感,除了類似清單類型的資料,使用網頁呈現比較適合以外,其餘的要盡可能地將資訊焦點留在對話視窗中,減少體驗中斷的情況。我們將訊息重新設計,拆解成每一則的對話泡泡,搭配旋轉木馬選單(Carousel),將機器常見的故障排除模式,轉化成步驟引導的操作指南。使用者只須要挑選他們遇到的問題型是屬於哪一類型,就能按照指示,逐步的自行排除問題。

在規劃迷你綠洲的Line@服務的時候,我們觀察到一個現象,因為所有的Line@產品都是架構在Line的體系上面,所以只能使用它的工具與模式,當未來開發商也開始轉進Line@的時候,會發現,做出來的產品外觀看起來都很相似,如果選單介面仍還採用幾何圖型的抽象表現形式,唯一的區別性在於最上方的文字標題,於是,我們決定要把它設計得更為趣味,就像有一個擬人化的角色在照顧全家,最後綠洲水獺就誕生了。

為什麼要有水獺,水獺住在沙漠裡嗎?這是角色設計初期最容易被詢問的問題,但是因為好奇,使用者就比較容易記住「有個水獺的Line,是個淨水器服務」,選擇水獺的用意,除了特殊之外,牠本身也有很多符號意義,例如水獺生活在乾淨的水源旁,有牠們出沒,代表水源純淨;在古代的宗教中,也把水獺視為純淨的象徵,同時在水獺的外觀也比較適合表現療癒感,也可以達成「喝水也能很療癒」的產品設定。於是我們在每個視覺接觸點,都把水獺作為主角,強化印象。

最後,考量到淨水器的銷售上,我們發現,許多人購買淨水器之前,其實是精打細算型的,會先了解未來的濾芯耗材花費,即使機器入手門檻低,但是往後的濾芯價格太高的話,也會讓人卻步。

為了能讓消費者能輕鬆無負擔的入手,迷你綠洲將濾芯耗材設定為消費者可以輕易接受的價格,和一線大廠相比,不僅可以減少高昂的濾芯費用,同時一年十隻濾芯的更換量,更能確保用水品質,即使家中管線老化,但是透過迷你綠洲的淨水器,也能像居住在綠洲一樣,享受好水質。

從這個開發中,我們可以在分享給大家一個觀點,產品設計是在拉近消費者與生產者之間的距離:

(1)利用生產者的觀點思考完成架構以後,別急著做開發,而是要用消費者的觀點來檢視,產品設計就是轉化,因此我們思考了用輕量化的Line服務來取代傳統APP,讓消費者更快速上手。

(2)利用視覺導向的設計方式,來拉近彼此的關係,往往消費者對於產品的接觸點,只有到開箱後就結束了,我們透過Line@傳送訊息的方式,經過設計的視覺對話,讓關係能更加拉近,達到喝水也能很療癒。

最後,迷你綠洲希望藉由每天喝水的方式,能夠滋補身體的活力,讓水來活絡全身,現在,快拿起你的水杯,大口的喝水,和我們一起補充你的活力吧!

把家裡變綠洲看這裡→https://www.minioasis.tw

【迷你綠洲文章目錄】

--

--