睡眠日誌的介面 (SleepDiary Interface)

返回正式登場首頁

一、介面設計說明

整體介面以流暢操作與明確傳達訊息為首要目標。

大圖像的功能選擇減少操作的失誤。

整體介面風格的配置以舒適非高對比為設計原則,讓使用者無論於睡前或睡醒均能舒服地操作。

Sleepcoach-Interface-01.jpg Sleepcoach-Interface-02.jpg

提醒:平時為時鐘的顯示,背景以動畫來達到提醒使用者記錄的效果。

主選單:觸碰畫面進入此畫面。時間顯示外,還有選擇日誌與工具的功能選項。

Sleepcoach-Interface-02-1.jpg Sleepcoach-Interface-02-1-1.jpg
選擇日誌:睡前日誌羽選醒日誌的選單 睡前日誌:使用者就寢前須記錄的日誌。右邊為記錄欄,左邊為睡前日誌的事件選項,選項包含小睡、飲食、運動、睡前活動、睡前心情與其他
Sleepcoach-Interface-02-1-1-2.jpg Sleepcoach-Interface-02-1-2.jpg
睡前日誌- 飲食範例說明 睡醒日誌:使用者起床後須記錄的日誌。左邊為睡醒日誌的事件選項,選項包含中途醒來、清醒時距、入眠時距、助眠藥物、睡眠品質與其他
Sleepcoach-Interface-02-1-2-2.jpg Sleepcoach-Interface-02-2.jpg

睡醒日誌-睡眠品質範例說明

工具頁面選項:此頁面選項提供日誌檢視、鬧鐘設計與時間設定功能選項
Sleepcoach-Interface-02-2-1.jpg Sleepcoach-Interface-02-2-2A.jpg
日誌檢視:檢視一周一來記錄的成果,主要觀看睡眠效率、入睡時距、起床時距以及睡眠時間 設定鬧鐘時間- 關閉:點擊鬧鐘的按鈕即可開關鬧鐘
Sleepcoach-Interface-02-2-2B.jpg Sleepcoach-Interface-02-2-3.jpg
設定鬧鐘時間:以滾動數字的方式來調整鬧鐘時間 調整時間:以滾動的方式來調整時間

二、外觀設計說明

由於產品屬性為睡眠家電產品並配置於臥房,造型的語彙、色彩與質感以舒適、柔和為主要的意象。 產品的正面以簡潔舒服的設計為主,傾斜15 度能讓使用者方便操作。背後帶以流線的隆起,除了讓重心穩固外,欲傳達柔軟的感覺。

數位模型

Sleep Diary 01.jpg Sleep Diary 02.jpg
Sleep Diary 03.jpg Sleep Diary 04.jpg
Sleep Diary 05.jpg Sleep Diary 06.jpg
Sleep Diary 07.jpg

設計原型

Sleep Diary Model-0.jpg Sleep Diary Model-1.jpg
Sleep Diary Model-2.jpg Sleep Diary Model-3.jpg
Sleep Diary Model-4.jpg Sleep Diary Model-5.jpg
Sleep Diary Model-6.jpg Sleep Diary Model-7.jpg
Sleep Diary Model-8.jpg Sleep Diary Model-9.jpg
Sleep Diary Model-10.jpg Sleep Diary Model-11.jpg

三、工作分配

雷凱俞

工業設計

陳郁汝

商業設計

陳正偉

資訊設計

介面流程建構

介面風格設定

介面圖像設計

介面板面配置

介面互動方式

與工程端溝通

產品外觀設計

返回正式登場首頁