"ปุ่มไม่อยู่จอ" Google meet

Overview

Objective - ผมต้องการที่จะแก้ปัญหาของการเกิด Dead-air ในการประชุม หรือการเรียนของ Google meet ที่เกิดจากการไม่มี feature ที่ตอบโจทย์

My role - Project นี้เป็น Case study ที่ผมสร้างขึ้นเพราะเห็นถึงปัญหาเหล่านี้ งานทั้งหมดนี้จึงเป็น
ฝีีมือของผมทั้งหมด

‍Challenge - สร้าง feature ที่ใช้งานง่าย และตอบโจทย์ของคนที่ต้องการลุกออกจากจอไปทำอย่างอื่น

‍Final product showcase - "ปุ่่มไม่อยู่จอ" Google meet

Problem

ในการประชุม หรือเรียนออนไลน์แต่ละครั้ง ส่วนใหญ่นั้นจะใช้เวลานานมาก ทำให้บ้างครั้ง User ก็ต้องการที่จะลุกไปยืดเส้นยืดสาย หรือไปทำธุระอื่น ๆ เช่น เข้าห้องน้ำ ดื่มน้ำ แต่ Google meet ก็ไม่ได้มี feature ไหนที่จะสามารถแจ้งให้ User คนอื่นรู้ได้ว่าไม่อยู่จอ ทำให้จำเป็นต้อง Chat หรือเปิดไมค์ ซึ่งมันก็เป็นการขัดกิจกรรมในขณะนั้น แต่ถ้าจะให้ลุกไปเฉย ๆ บ้างครั้ง User คนอื่นก็เรียกหา จนทำให้เกิด Dead-air จากการไม่มีคนตอบ

How To Fix?

สร้างปุ่ม “ไม่อยู่จอ” เพื่อตอบสนองความต้องการของ Users ในจุดนี้โดย

จะต้องไม่มีเสียง หรืออะไรที่จะมารบกวน ดึงสมาธิผู้ร่วมประชุมคนอื่น ๆ
เมื่อ feature ทำงาน จะต้องทำยังไงก็ได้ ให้ผู้อื่นรับรู้ตลอดเวลา จนกว่าจะยกเลิก
User-friendly

How To Design?

จะใช้ Design System โดยการยึดเอาColor, Iconเวลา Off/ON ของ Google Meet เป็นหลัก
ในส่วนการออกแบบ Icon ใช้รูป Moniter เพื่อสื่อถึงการอยู่หน้าหน้าจอคอม และมีขีดทับ เพื่อสื่อว่าไม่อยู่หน้าหน้าจอ โดยใช้ Design System แบบเดียวกับ Google Meet

Example Google meet Layout

Working
Principle

อันนี้เป็น Figma ที่ได้สร้างไว้ โดยสิ่งที่เราจะ interaction ประกอบด้วย 2 ส่วน คือ Users ซึ่งเราคือ You อีกส่วนคือ “ปุ่่มไม่อยู่จอ”

ซึ่งเมื่อเราคลิก “ปุ่มไม่อยู่จอ” แล้ว ก็จะมี 2 action คือ

User ของเรา จะมีค่า Piority เพิ่มขึ้น ทำให้เด้งไปอันดับต้น ๆ และจะมีสัญลักษณ์ขึ้นข้างชื่อ ซึ่งอ้างอิงมาจากปุ่มยกมือของ Google Meet(ในที่นี้สมมติว่า Meeting mate A กำลังเปิดไมค์พูดอยู่ ซึ่งค่า Priority จะมากกว่า You ทำให้ไม่ถูกแซง)