Synology DS Cam App

Company

Synology

Role

UI Designer

Year

2022-2023

DS cam 提供在手機上隨時隨地監控即時影像、存取錄影畫面並控制攝影。在 Synology 推出自家攝影機後,更可支援在手機上進行裝置啟用與進階影像設定。

Mobile UI

Synology DS Cam App

Company

Synology

Role

UI Designer

Year

2022-2023

DS cam 提供在手機上隨時隨地監控即時影像、存取錄影畫面並控制攝影。在 Synology 推出自家攝影機後,更可支援在手機上進行裝置啟用與進階影像設定。

Synology DS Cam App

Company

Synology

Role

UI Designer

Year

2022-2023

DS cam 提供在手機上隨時隨地監控即時影像、存取錄影畫面並控制攝影。在 Synology 推出自家攝影機後,更可支援在手機上進行裝置啟用與進階影像設定。

Product goal

啟用攝影機流程與進階影像設定

啟用攝影機流程與進階影像設定

Mission and Role

Synology 在 2023 年推出自家的攝影機 BC500 與 TC500,因此增設了自家攝影在移動端便捷啟用的功能,並支援更多的影像與監控通知設定。於此專案中立基於既有的 App 樣式,迭代新增攝影機與進階監控設定之功能。

Setup Cameras

攝影機新增流程

攝影機新增流程

Feature

攝影機新增流程有手動新增與自動偵測新增兩種方式。在手動模式可選擇欲新增的攝影機類型後,在網域內主動進行裝置搜索。而自動偵測只要 App 在攝影機列表頁面時,當偵測到可用的攝影機時,會即時的跳出 Bottom Sheet 提示使用者可立即新增。當裝置無法順利在網域內被搜尋,也提供透過掃描 QR-Code 的方式與攝影機建立連線。

手動選擇新增的攝影機類型

選擇有線或無線的攝影機來進行手動的網域搜尋。

搜尋中的等待畫面

約需要 3-5 秒的等待時間,以動態圖像來提示搜尋正在進行中。

自動偵測到可用的攝影機

以 Bottom Sheet 的樣式告知使用者可立即進行攝影機的啟用設定。

無法透過藍牙正常連線

若手機或攝影機的連線異常,會顯示空值頁面並提供額外的 QR-Code 新增方式。

生成 QR-Code 讓攝影機進行掃描配對

App 端可生成 QR-Code 讓攝影機掃描,以傳遞正確的連線資訊進行配對。

Smart Detection Settings

攝影機智慧偵測

攝影機智慧偵測

Feature

Synology 自家的攝影機支援智慧影像偵測功能,同樣透過 App 即可設置詳細的偵測目標,包括人車偵測、入侵偵測、移動偵測、聲音偵測、破壞偵測等五項功能。使用者能夠自由啟用所需的偵測項目,並於影像上標設偵測範圍與閾值,手機端便能發送偵測事件的推播通知。

五種智慧影像偵測方式

使用者可以設定偵測的目標物、入侵方向、閾值等參數,便可即時收到手機端發送的事件推播通知。

Instant Search Event

在錄影檔中快速搜尋事件

在錄影檔中快速搜尋事件

Feature

為提供使用者更高效的查詢過去發生的事件,在事件列表下方新增了 Instatnt search 按鈕,點擊後進入影像搜尋模式,使用者可選擇事件對象是人、車或動作,並框選出事件發生的範圍,來更精準的搜尋錄影存檔。在進入事件列表頁面時,會優先顯示新功能對話視窗,告知使用者本次新功能與操作方式。

Instant Search 功能教學

初次進到頁面後顯示對話視窗,以插圖的形式描述功能與使用教學。

Instant Search 顯示位置

以漂浮按鈕形式顯示於頁面底部。

Instant Search 點擊行為

點擊後會優先讓使用者選擇事件對象。

進入到搜尋模式

可點擊頁面底部漂浮按鈕的「X」 退出搜尋模式。

Next project

YOCTOL.AI Seeker

YOCTOL.AI Seeker