Project: Streaming Media Processor錄影直播串流系統
About the project:
根據需求加入錄影、串流、混音開關控制、攝影機控制、客製版型快速切換，達成「錄影直播串流導播台」。
Pages:
1. Dashboard 錄影直播串流導播台
2.Template 畫面排版編輯器（給客人製作版型）
3. Schedule 錄影或串流時間日曆排程
4. Media Center 媒體中心
5. Device 設備
6. Recording Setting 錄影設定
7. Streaming Setting 串流設定
8. Backup and Export 備份與輸出
9. System Setting 系統設定
10. Account 帳號管理
11. Schedule Remind 排程通知
12. Customer Order Version 客人特別訂製版本
About the project:
根據需求加入錄影、串流、混音開關控制、攝影機控制、客製版型快速切換，達成「錄影直播串流導播台」。
Pages:
1. Dashboard 錄影直播串流導播台
2.Template 畫面排版編輯器（給客人製作版型）
3. Schedule 錄影或串流時間日曆排程
4. Media Center 媒體中心
5. Device 設備
6. Recording Setting 錄影設定
7. Streaming Setting 串流設定
8. Backup and Export 備份與輸出
9. System Setting 系統設定
10. Account 帳號管理
11. Schedule Remind 排程通知
12. Customer Order Version 客人特別訂製版本
The Challenge:
在我入職前所既有的產品，此產品已經上線賣一段時間，舊版如圖。長期都需要透過教育訓練給客人教學如何使用，大部分情況不僅是客人的學習成果不好，連業務學習效率也需要花很多時間。表示UIUX並沒有給予使用者直覺地操作，沒有降低使用者學習時間，希望使用上主要針對此部分進行改善。在這個專案執行前，經由我觀察發現此現象。並且第一次與後端軟體工程師合作桌面版本，介面也須考量一些硬體效能限制與不同的規範。
在我入職前所既有的產品，此產品已經上線賣一段時間，舊版如圖。長期都需要透過教育訓練給客人教學如何使用，大部分情況不僅是客人的學習成果不好，連業務學習效率也需要花很多時間。表示UIUX並沒有給予使用者直覺地操作，沒有降低使用者學習時間，希望使用上主要針對此部分進行改善。在這個專案執行前，經由我觀察發現此現象。並且第一次與後端軟體工程師合作桌面版本，介面也須考量一些硬體效能限制與不同的規範。
The Solution:
透過提出友善使用者的使用方式給團隊來進行討論開發，像是首頁也改為較為直觀有現在螢幕畫面的樣式，錄影與串流時，顯示方式改善。並且簡化相關預先設定方式，讓使用者更容易地設定好自己的裝置，並且執行。在於跟前端工程師與後端軟體工程師愉快合作過程中，時常一起討論提出大家的觀點，達成最好的解決辦法。
透過提出友善使用者的使用方式給團隊來進行討論開發，像是首頁也改為較為直觀有現在螢幕畫面的樣式，錄影與串流時，顯示方式改善。並且簡化相關預先設定方式，讓使用者更容易地設定好自己的裝置，並且執行。在於跟前端工程師與後端軟體工程師愉快合作過程中，時常一起討論提出大家的觀點，達成最好的解決辦法。
Keywords: 專業、科技、精準俐落。
My Role: UIUX Designer
Responsibility: Logo, User interface, icons, Graphics, User Experience
Strategy: Research, Wireframe, Style Guide, User Experience
Duration: 6 months. Version update Ongoing.
Version: Desktop, Web
Responsibility: Logo, User interface, icons, Graphics, User Experience
Strategy: Research, Wireframe, Style Guide, User Experience
Duration: 6 months. Version update Ongoing.
Version: Desktop, Web
User Insight and Analytics
User Journey Map
Design System
Desktop version
Mockup Thanks for @customscene (freepik) & @rawpixel.com (freepik)
