螢幕管理應用程式

讓螢幕的設定完美的貼合使用者需求
專案時間
2個月
團隊角色
UX 使用者體驗設計師、UI 介面設計師
負責工作
需求梳理、UI畫面設計

專案概覽

目標
  1. 提供完善UX,協助企業利取得案子
  2. 為主要的亮點功能梳理出操作的流程,輔助團隊評估開發的可能性
角色&負責項目
  1. 擔任該專案的UX / UI設計師,與客戶進行需求訪談
  2. 繪製Flow Chart及Wireframe與客戶快速確認設計目標
  3. 系統Design Guideline建立
  4. 原有功能UI介面拉皮
  5. 整合Android 及 IOS的操作介面
產出成果
  1. 協助客戶順利通過提案
  2. 完成原有功能UI畫面拉皮
  3. 重點功能”Network KVM”產出

專案背景

該專案為概念性項目,目的是提供使用者在不同情境下可以有更多的彈性設定,同時也需要檢視原有功能操作是否可以帶給使用者良好的體驗,協助他們更快的達成任務。由於新功能尚未出現在市場上,因此如何系統化的拆解高度不確定的需求將是該專案的挑戰。

了解&定義問題

透過PM的需球說明,了解現有的螢幕分享設定因技術限制仍有許多功能上的不足,因此希望藉由提案展現開發展團隊的技術能力。初步先了解使用的族群以及使用的情境,並針對已收集的資訊進行梳理:

多個主機連結到一台電腦都需要額外購買一個轉接器
設定的介面看起來很難懂,很工程師的畫面
從硬體開發技術層面來思考,是否可用螢幕來取代轉接器
功能過多專有名詞,針對這些操作可以考慮適時給予說明,輔助完成任務

透過視覺化方式對齊認知

使用Flow Chart和團隊溝通新功能的操作流程,同時也評估技術實現的可能性;另外根據使用者的操作習慣,並藉由該圖表重新盤點現有功能的操作是否有改善必要。

執行設計&交付

簡易操作介面

進階功能操作介面

階段性的呈現功能,降低使用者的學習門檻

提供簡易及完整功能介面,將基本及使用率最高的功能放置於簡易介面,開啟程式即可快速進行設定;針對複雜或進階設定的功能收納於完整介面,當使用者有相關需求再點擊展開,根據使用者需求階段性的呈現功能,降低學習門檻。

螢幕分享多個主機的設定畫面

主機IP查看

螢幕分享啟用

螢幕分享設定畫面

使用卡片方式呈現功能,透過不同的樣式字體大小、顏色等區分資訊層級,同時透過標題下方文字輔助解說功能,即便是非工程背景的使用者也能輕鬆了解該功能,並順利完成設定。

現有功能UI調整

梳理整個畫面的資訊層級、操作方式...等,並根據規範定義每個元件的顯示方式協助使用者更順暢德完成功能設定;同時調整系統內相關文案,例如功能進階設定原先用較模糊的"more"作為按鈕文字,將其調整為”Advanced Setting”讓文字發揮更良好的引導功能。

從專案中獲得的學習

此專案因為是概念性專案,時間關係無法更深入地探討功能的操作或需求,不僅如此提出的解決方案也需考拿捏功能的複雜性,在開發時間與技術能力展現取得平衡,在需求討論比起一般專案,會有更多的面相需要照顧。

另一方面透過整個操作流程梳理,將其可改善的流程藉由視覺化及簡單的Prototype的方式快速呈現給團隊,除了節省討論時間,操作體驗的改善也更有感,降低了討論過程的阻力,根據對象彈性調整溝通方式不僅呈現UX的專業及價值之外,對於客戶提案過程也間接彰顯了團隊體驗設計的能力。