Beseye Web & App

Security Camera System

Business Analytics

Overview

Business Analytic Report (商情分析報表) 為公司產品的加值服務,透過AI影像分析技術,辨識影像中的人體特徵,並計算人流、性別以及年齡比,提供客戶具體的數據應用於商用零售場域,以改善商品陳列擺設以及行銷活動安排。

My Role

UI/UIX Design, Wireframe

Timeline

2018

Wireframe

透過基本的工具紙和筆,畫出功能流程的Wireframe,以低擬真的草稿與PM及工程師快速做溝通與討論,並確認不同狀態間的呈現方式,來回反覆修改,待設計內容與流程達到共識,才進入Sketch進行設計,工作流程上不僅有效率,也能減低來回修改的成本。

Design Style

因公司內部先前設計師皆未定義出一制性的設計規範,在進行功能設計時,會先將該功能應用到的顏色與元件作定義,並重新檢視與整體網站風格是否一致,避免在設計過程中有不一致的設計方式產生,同時也將定義整理進設計規範中。

UI Screens

UI Flow Prototype - made by InvisionApp

UI Status

理想狀態(Ideal State)、空白狀態(Empty State)、極限狀態(Maximum State)、錯誤狀態(Error State)、局部資料狀態(Partial State)、載入中狀態(Loading State)

Camera List and Group

Overview

Beseye提供服務的主要頁面,展示所有攝影機的縮圖狀態,並提供使用者自行創建群組,歸納與管理所有攝影機分類,快速點擊觀看。

My Role

UI/UIX Design, Wireframe

Timeline

2018

UI Screens


MultiScreen

Overview

主要提供給商用需求的用戶,可以一次觀看四、六與九格的螢幕畫面,可隨時切換與兌換順序。

My Role

UI/UIX Design, Wireframe

Timeline

2018

UI Screens



Thanks for your watching.

Back to top