by Kate

Device Center 桌面軟體

首頁 > Device Center 桌面軟體

專案概覽 | 流程圖線框圖視覺圖稿介面設計規範

專案概覽

Device Center 桌面軟體是一款批次設定監控裝置的管理工具,可顯著節省時間和人力資源。 (我想沒有人願意一個一個地架設上百台攝影機)主要功能是不用親自到現場就可以調整設定和監測設備的健康狀況。

? 設計目標

因為這個專案是集中管理工具,主要操作是批次設定,會有很多設定、列表和狀態。因此,我認為在圖形使用者介面(GUI)設計的最大挑戰,是如何運用視覺技巧適度地呈現信息。

與之前的使用者介面 (UI) 設計不同,我希望盡可能避免使用線段將資訊分開,減少視覺負擔,並為該產品塑造優雅和現代的感覺。

? 職責與產出

這是一個團隊項目。我與其他 UI 設計師合作,負責 GUI 設計與一些 UI 設計。

?️ 專案資訊

專案期間:4 個月(2017)
功能總數:12 個
產品規模:超過 100 頁
分類標籤:體驗 / 介面設計、Windows 系統、桌面軟體

專案概覽 | 流程圖 | 線框圖視覺圖稿介面設計規範

流程圖

流程圖能釐清頁面之間的關係,並確保所有必需的功能。因此,它是繪製線框圖的重要依據。

專案概覽流程圖 | 線框圖 | 視覺圖稿介面設計規範

線框圖

我提供線框圖給產品團隊,以確保他們對整體設計有透徹和完整的理解。設計文件中包括發行備註、線框圖、操作說明與多國語言字串表。

專案概覽流程圖線框圖視覺圖稿 | 介面設計規範

視覺圖稿

我通常會在視覺圖稿上,測試各視覺元素之間的差異,並將最終準確的產品視覺效果提供給產品開發團隊。 這有助於利害關係人直接地了解最終產品。

專案概覽流程圖線框圖視覺圖稿 | 介面設計規範

介面設計規範

我建立了介面設計規範,詳細說明所有必要的規範並整理 UI 元素,以努力達成與產品團隊有效率的溝通和協作,並確保產品的外觀和使用體驗之間的一致性。

Hi there, my name is Kate.
It's my Design Portfolio!