top of page
somnus_behance用2.jpg
設計主題
專案概述

專案概述

SOMNUS是我第一次接觸科技產品的視覺設計專案,從獨立完成的募資案企劃案到與研究所學妹一同完成的app UI 設計過程,讓我有機會將研究所所學運用到商業案例上,我十分感激有機會能夠參與其中。

SOMNUSflyingV募資前已先在國外募資平台indiegogo募資過,但卻以失敗收場。後來業主與我討論時僅期望募資頁面它看起來漂亮吸引人就好,我當下提出希望更全面了解產品內容,包含設計概念、各項功能、研發過程以及預期推廣的對象,我認為視覺設計不是美工,而是設計一套完整的訊息傳達內容,美化只是其中一環,更重要的是說出產品能夠帶給消費者的利益。

 

後來成功說服業主由我負責募資文案、版面、攝影及宣傳文宣等內容一同設計的整體企劃案,我的企劃主軸放在產品功能帶來的睡眠利益、相關產品的比較等,減去龐雜的文字敘述,輔以用大量視覺化標語、icon讓讀者迅速抓到重點,同時將相關測試與研究機構放入企劃中增加贊助者的信任度。flyingV的募資共募得約176萬,是相當成功的募資專案。參考連結請點右方 flyingV logo

募資成功後我們隨即進行app開發,業主希望延續app已開發的系統,優化UI介面與使用性。由於設計時間緊迫的關係,我們並無充裕時間進行使用者經驗研究,僅能盡可能思考使用者初次使用會碰到的問題、主要使用需求與使用流程三方面著手。

我們從功能面設想SOMNUS的使用情境為:觀看睡眠品質、了解睡眠環境兩面向。因此我們將即時的環境資訊放在登入頁上,隨後進入主頁面則顯示昨日睡眠品質,讓使用者不需尋找直接閱讀到睡眠資訊。昨日睡眠環境紀錄也一併放置在主頁面的下方,想進一步瞭解昨日睡眠環境狀態可直接滾動主頁面取得。

我們觀察多數人的睡眠習慣具有規律性,在首次設定完成SOMNUS後較少需要頻繁調整,因此依使用優先性將設定功能藏在可收納的主選單中。此外為了幫助初次使用的人完成IOT產品的網路設定,我們增加初次使用時的輔助介面,一步一步幫助使用者完成最困難複雜的設定部分,減少複雜設定的痛苦,完整app flow請看下圖。

嚴格來說,SOMNUS app跟小米手環等產品的appㄧ樣,是為輔助IOT產品而生,也經常因為產品結束而死。很遺憾業主後來將重心轉移至其他產品,讓SOMNUS走入歷史,但我始終十分感激這個讓我能夠將學習化為實踐的工作經驗。

flyingV logo_red.png
somnus flow(最新版本)-01.png
FLOW

SOMNUS app flow

somnus_behance用3.jpg
主要功能

影片展示主要功能「輕鬆入眠」、「聰明喚醒」的使用流程。「輕鬆入眠」可設定調整發出助眠紅光的時間,「聰明喚醒」則在起床時間啟動藍光等緩和的甦醒機制。

somnus_behance用4.jpg
偵測功能

影片展示主頁面各項偵測功能,包含噪音偵測記錄回播操作方式。

介紹長圖4.jpg
氣氛燈
bottom of page