IoT App

IoT App

IoT App

App Design

App Design

App Design

AI 安全照護 APP是針對產品連線及功能展示的一個應用程式,它提供了連結、監控和管理多項功能。

AI 安全照護 APP是針對產品連線及功能展示的一個應用程式,它提供了連結、監控和管理多項功能。

AI 安全照護 APP是針對產品連線及功能展示的一個應用程式,它提供了連結、監控和管理多項功能。

Company

Company

Company

Friendtrol Tech.

Friendtrol Tech.

Friendtrol Tech.

Role

Role

Role

UI/UX Design

UI/UX Design

UI/UX Design

Industries

Industries

Industries

Technology

Technology

Technology

Date

Date

Date

2019/09 - 2020/02

2019/09 - 2020/02

2019/09 - 2020/02

負責角色

加入這間以感測器為主要商品的科技公司後,第一個接手的專案就是AI 安全照護儀。
主要負責有 APP設計、產品外觀設計,以及產品募資籌備。

加入這間以感測器為主要商品的科技公司後,第一個接手的專案就是AI 安全照護儀。
主要負責有 APP設計、產品外觀設計,以及產品募資籌備。

加入這間以感測器為主要商品的科技公司後,第一個接手的專案就是AI 安全照護儀。
主要負責有 APP設計、產品外觀設計,以及產品募資籌備。

專案挑戰

這是我轉職UI/UX領域後接手的第一個設計。最大的挑戰在於沒有導師的指導,我需要獨立完成項目解決問題,並根據PO的需求進行設計。

這是我轉職UI/UX領域後接手的第一個設計。最大的挑戰在於沒有導師的指導,我需要獨立完成項目解決問題,並根據PO的需求進行設計。

這是我轉職UI/UX領域後接手的第一個設計。最大的挑戰在於沒有導師的指導,我需要獨立完成項目解決問題,並根據PO的需求進行設計。

團隊目標

因應隱私權高漲的社會,需要一個能夠讓安全以及隱私達到平衡的產品。

1. 熱感影像技術,利用偵測溫度達到安全效用。
2. 家具圖示定位,幫助 AI判讀。
3. 緊急事件通知,並記錄當下熱感影像。

因應隱私權高漲的社會,需要一個能夠讓安全以及隱私達到平衡的產品。

1. 熱感影像技術,利用偵測溫度達到安全效用。
2. 家具圖示定位,幫助 AI判讀。
3. 緊急事件通知,並記錄當下熱感影像。

因應隱私權高漲的社會,需要一個能夠讓安全以及隱私達到平衡的產品。

1. 熱感影像技術,利用偵測溫度達到安全效用。
2. 家具圖示定位,幫助 AI判讀。
3. 緊急事件通知,並記錄當下熱感影像。

資訊架構、流程圖以及線框稿

在產品推出前,市場定位其實是不夠清晰的。但在時間和預算有限的情況下,直接產出了資訊架構、流程圖以及線框稿。

在產品推出前,市場定位其實是不夠清晰的。但在時間和預算有限的情況下,直接產出了資訊架構、流程圖以及線框稿。

在產品推出前,市場定位其實是不夠清晰的。但在時間和預算有限的情況下,直接產出了資訊架構、流程圖以及線框稿。

介面設計 - 最終版

經過6個多月的研發、修改,最後版本終於完成。

經過6個多月的研發、修改,最後版本終於完成。

經過6個多月的研發、修改,最後版本終於完成。

01 | 登入/ 註冊

登入為主;註冊為輔,註冊不需認證,簡化流程外,也讓使用者有好的體驗。進入首頁後,即有文字提醒使用者,加入裝置方可使用。

登入為主;註冊為輔,註冊不需認證,簡化流程外,也讓使用者有好的體驗。進入首頁後,即有文字提醒使用者,加入裝置方可使用。

登入為主;註冊為輔,註冊不需認證,簡化流程外,也讓使用者有好的體驗。進入首頁後,即有文字提醒使用者,加入裝置方可使用。

02 | 加入裝置

由於裝置在不同空間能夠達到不同警示效果,故在連線前需先選擇安裝空間。

智慧家庭連線方式多種,以藍芽及 WiFi佔大宗,但多數提示不清;因此在連線頁面增加圖示,讓使用者明確知道需如何操作,甚至新增了如何學習的按鈕,讓使用者可以直接觀看影片,無需再至其他平台尋找教學影片。

由於裝置在不同空間能夠達到不同警示效果,故在連線前需先選擇安裝空間。

智慧家庭連線方式多種,以藍芽及 WiFi佔大宗,但多數提示不清;因此在連線頁面增加圖示,讓使用者明確知道需如何操作,甚至新增了如何學習的按鈕,讓使用者可以直接觀看影片,無需再至其他平台尋找教學影片。

由於裝置在不同空間能夠達到不同警示效果,故在連線前需先選擇安裝空間。

智慧家庭連線方式多種,以藍芽及 WiFi佔大宗,但多數提示不清;因此在連線頁面增加圖示,讓使用者明確知道需如何操作,甚至新增了如何學習的按鈕,讓使用者可以直接觀看影片,無需再至其他平台尋找教學影片。

03 | 裝置功能

裝置可以新增多組,以條列式呈現。點選裝置進入功能頁面,很明確的四大功能讓使用者能夠直覺式地點選;熱感影像則以色塊顯示,既保護隱私又能達到偵測效果。

其中幾個有趣的功能,包含Arm Away保全功能,當啟動時一旦裝置偵測到熱能,系統將發送竊盜警報;家具定位是公司專利,有了定位的輔助,不僅能夠知偵測位置與範圍;也能夠幫助 AI判讀。這個功能也讓功能為導向的 APP多了一份趣味性,提供使用者隨心所欲根據自身需求拖拉編輯。

裝置可以新增多組,以條列式呈現。點選裝置進入功能頁面,很明確的四大功能讓使用者能夠直覺式地點選;熱感影像則以色塊顯示,既保護隱私又能達到偵測效果。

其中幾個有趣的功能,包含Arm Away保全功能,當啟動時一旦裝置偵測到熱能,系統將發送竊盜警報;家具定位是公司專利,有了定位的輔助,不僅能夠知偵測位置與範圍;也能夠幫助 AI判讀。這個功能也讓功能為導向的 APP多了一份趣味性,提供使用者隨心所欲根據自身需求拖拉編輯。

裝置可以新增多組,以條列式呈現。點選裝置進入功能頁面,很明確的四大功能讓使用者能夠直覺式地點選;熱感影像則以色塊顯示,既保護隱私又能達到偵測效果。

其中幾個有趣的功能,包含Arm Away保全功能,當啟動時一旦裝置偵測到熱能,系統將發送竊盜警報;家具定位是公司專利,有了定位的輔助,不僅能夠知偵測位置與範圍;也能夠幫助 AI判讀。這個功能也讓功能為導向的 APP多了一份趣味性,提供使用者隨心所欲根據自身需求拖拉編輯。

04 | 事件通知

根據家具定位、保全狀態、溫度判別,歸類出多種事件,例如:火災警報、竊盜警報、昏迷警報、失蹤警報、進入通報、離開通報等。

介面以條列式可篩選事件的設計,讓使用者快速找到所需資料。點選事件可看到10秒的熱感畫面:竊盜警報還多了可觸發蜂鳴器按鈕,達到警示效果。若是誤報也可選擇回報誤判,幫助 AI更加精準。

事件可讓使用者選擇開啟或關閉,根據自身狀況輸入時間參數,讓通報更準確。

根據家具定位、保全狀態、溫度判別,歸類出多種事件,例如:火災警報、竊盜警報、昏迷警報、失蹤警報、進入通報、離開通報等。

介面以條列式可篩選事件的設計,讓使用者快速找到所需資料。點選事件可看到10秒的熱感畫面:竊盜警報還多了可觸發蜂鳴器按鈕,達到警示效果。若是誤報也可選擇回報誤判,幫助 AI更加精準。

事件可讓使用者選擇開啟或關閉,根據自身狀況輸入時間參數,讓通報更準確。

根據家具定位、保全狀態、溫度判別,歸類出多種事件,例如:火災警報、竊盜警報、昏迷警報、失蹤警報、進入通報、離開通報等。

介面以條列式可篩選事件的設計,讓使用者快速找到所需資料。點選事件可看到10秒的熱感畫面:竊盜警報還多了可觸發蜂鳴器按鈕,達到警示效果。若是誤報也可選擇回報誤判,幫助 AI更加精準。

事件可讓使用者選擇開啟或關閉,根據自身狀況輸入時間參數,讓通報更準確。

後記

很榮幸參與這個專案的製作。過程歷經近一年,不管是 APP多次修改、外殼設計、模具廠來回溝通、甚至是Kickstarter募資、素材的製作,都讓我對於轉職產品設計這條路更加有連結以及更多信心。

AI 安全照護儀可以應用在不同領域,像是獨居老人、照護中心、養老院、一般家庭、旅館、以及醫院等。目前已成功進駐台北/高雄榮總、龍山寺、桃園虎頭山環保公園、花蓮海洋公園等地區,期望這個產品幫助社會更加安全及美好 :)

很榮幸參與這個專案的製作。過程歷經近一年,不管是 APP多次修改、外殼設計、模具廠來回溝通、甚至是Kickstarter募資、素材的製作,都讓我對於轉職產品設計這條路更加有連結以及更多信心。

AI 安全照護儀可以應用在不同領域,像是獨居老人、照護中心、養老院、一般家庭、旅館、以及醫院等。目前已成功進駐台北/高雄榮總、龍山寺、桃園虎頭山環保公園、花蓮海洋公園等地區,期望這個產品幫助社會更加安全及美好 :)

很榮幸參與這個專案的製作。過程歷經近一年,不管是 APP多次修改、外殼設計、模具廠來回溝通、甚至是Kickstarter募資、素材的製作,都讓我對於轉職產品設計這條路更加有連結以及更多信心。

AI 安全照護儀可以應用在不同領域,像是獨居老人、照護中心、養老院、一般家庭、旅館、以及醫院等。目前已成功進駐台北/高雄榮總、龍山寺、桃園虎頭山環保公園、花蓮海洋公園等地區,期望這個產品幫助社會更加安全及美好 :)

專注於創造出色的使用者體驗並實現產品優化目標。

© 2023 YA TZU LAI

專注於創造出色的使用者體驗並實現產品優化目標。

© 2023 YA TZU LAI

專注於創造出色的使用者體驗並實現產品優化目標。

© 2023 YA TZU LAI