即時通訊服務
重新設計補習班的即時通訊功能。此功能讓學生、家長和教師能夠相互聯繫、提問、分享資源並保持聯繫。
角色
UI/UX 設計主管
裝置
應用程式與網站
工具
Figma
發布日期
2023年3月
背景
原有的即時通訊系統最初是為了學生和教師之間的基本課程問答而建立的。然而，隨著平台的發展，出現了新的需求：
- 角色混淆：家長也需要與教師溝通，但系統最初並未為他們設計
- 會話過載：使用者管理大量的個人聊天對話變得困難
- 有限的群組協作：沒有有效的方式來創建專案小組或班級討論群組
- 內容控制問題：學校管理員無法監督或管理不當內容
為了解決這些挑戰，我們重新設計了即時通訊系統，以適應教育環境中更複雜的溝通需求。
主要挑戰
- 為三種不同的使用者角色（學生、家長、教師）設計統一但有差異的體驗
- 在保持即時性的同時，創建可擴展的聊天介面來管理 100+ 個會話
- 實施學校管理員的內容管理功能，同時尊重隱私
- 確保行動應用程式和網頁版本之間的功能對等和設計一致性
解決方案
- 支援多種溝通模式：個人聊天、群組對話、公告頻道
- 為不同角色設計差異化介面（學生看到簡化視圖，教師看到班級管理功能）
- 建立強大的搜尋和篩選系統來管理大量會話
- 實施管理員的內容管理工具和不當內容報告機制
設計策略
從簡單聊天到協作中樞
我們採用了分層溝通設計——為不同情境創建不同的空間（快速問題、深入討論、公告），同時保持統一的介面語言。
🎯 挑戰 1：會話混亂與資訊過載
問題
- 使用者有太多個人聊天對話，難以找到特定會話
- 重要訊息淹沒在一般聊天中
- 沒有區分緊急訊息和常規訊息的方式
解決方案
- 分類標籤系統：將會話組織為類別（課程、專案、一般），讓使用者快速導航
- 置頂對話：讓使用者能夠將重要對話釘選在清單頂部
- 強大的搜尋功能：按姓名、關鍵字或日期範圍搜尋訊息
- 未讀徽章：清楚標示哪些會話有新訊息，幫助使用者優先處理
🎯 挑戰 2：缺乏群組協作功能
問題
- 學生需要為小組專案創建臨時群組，但系統不支援
- 教師想要為整個班級發送公告，但只能進行一對一對話
- 沒有共享檔案或多媒體內容的方式
解決方案
- 群組聊天功能：使用者可以創建多人群組對話，並為專案或班級命名
- 公告頻道：教師可以創建單向廣播頻道來發布重要更新
- 多媒體支援：允許分享圖片、文件和連結，讓協作更豐富
- 角色權限：群組管理員可以控制誰能發布、誰只能閱讀
🎯 挑戰 3：內容管理與安全性
問題
- 學校管理員無法監督平台上的不當內容
- 沒有機制讓使用者報告騷擾或不當行為
- 隱私問題：需要在安全和監督之間取得平衡
解決方案
- 報告機制：使用者可以直接從聊天中標記不當訊息，自動通知管理員
- 管理員儀表板：學校管理員可以查看被報告的內容並採取行動（警告、暫停帳號）
- 自動關鍵字過濾：系統自動偵測並標記可能不當的內容
- 透明的隱私政策：明確告知使用者什麼內容會被監控，什麼保持私密
跨平台設計系統
為了確保行動應用程式和網頁版本之間的一致性，我們建立了一套可重複使用的元件和設計模式。
成果與反思
增強溝通，建立社群
重新設計的即時通訊系統不僅改善了溝通效率，還創造了更強大的學習社群。
78%
提升使用者參與度
65%
減少教師回應時間
3x
群組對話增長
專案反思
溝通設計是關於脈絡，而非功能
這個專案教會我，有效的訊息系統不僅僅是複製 WhatsApp 或 Slack——而是深入理解使用者的溝通脈絡。
為多種角色設計
學生、家長和教師有完全不同的溝通需求。學生需要快速、非正式的小組聊天；教師需要結構化的公告工具；家長需要清晰、有組織的更新。我學會了如何為不同的使用者角色量身定制複雜性，同時保持統一的視覺語言。
在功能和簡潔之間取得平衡
最大的挑戰是加入群組聊天、檔案分享和內容管理，而不讓介面變得混亂。透過分層資訊架構和智慧預設值，我學會了如何在幕後提供強大的功能，只在使用者需要時才顯示進階選項。