Moxtik

Moxtik

HCI Project

UX Research, UX/UI Design, Wireframe, Interaction Design, Prototype, Design System

Project Overview

ตัวเลือกสำหรับตอบโจทย์ทุกความต้องการของคนรักภาพยนตร์โดยเป็นการรวบรวมฟีเจอร์ที่มีประโยชน์ต่อการใช้งาน และแก้ไขข้อผิดพลาดจากแอพพลิเคชั่นที่มีอยู่ในปัจจุบัน ให้ดียิ่งขึ้น Moxtik แอพพลิเคชันที่ถูกออกแบบมาเพื่อมอบประสบการณ์การดูหนังที่ไม่ เหมือนใครสะดวกสบายครบจบในที่เดียวไม่ว่าจะเป็น การดูหนังออนไลน์ ดูไปพร้อมกับ เพื่อนหรือสามารถดูรายละเอียดภาพยนตร์ รีวิวภาพยนตร์ที่ดู นอกจากนี้ยังสามารถ ดูรอบฉายและจองตั๋วโรงภาพยนตร์ที่ใกล้เคียงได้ในที่เดียวจบไม่ต้องเข้าหลาย ๆ ที่

Play Prototype

Role Me

สำรวจกลุ่มผู้ใช้งานและแอปพลิเคชันคู่แข่งที่มี
ช่วยคิดหาไอเดียฟีเจอร์ย่อยทั้งหมดที่มี
ออกแบบ Wireframe และพัฒนาต่อจนเป็น Prototype ทั้งหมด
สร้างและคอยดูแล Design System
เขียนโปรแกรมส่วนหน้าบ้าน (Front-End) โดยใช้ภาษา Flutter ทั้งหมด

Tool Used

Google Form

Figma

Illustrator

Discord

QUANTITATIVE SURVEYS

จากผลการสำรวจผ่าน Google Form (22 คน) พบว่า จำนวนคนที่ชื่นชอบการดูภาพยนตร์ที่โรงภาพยนตร์ (9 คน) และการดูภาพยนตร์
ออนไลน์สตรีมมิ่ง (13 คน) มีจำนวนใกล้เคียงกัน โดยมีคนที่ชอบการดูภาพออนไลน์สตรีมมิ่งมากกว่าแต่มีความหลากหลาย ตามสถานการณ์
เช่นการต้องอยู่ในบ้าน จะทำให้การดูภาพยนตร์ออนไลน์เป็นทางเลือกที่ดีกว่า แต่อาจทำให้เราเบื่อง่ายและไม่สามารถดูพร้อมกับเพื่อนได้
ดังนั้นการเลือกดูที่โรงภาพยนตร์เป็น ทางเลือกที่ดีกว่า จากข้อมูลที่ได้มานี้เลยทำให้เริ่มมีการคิดเพื่อที่จะทำแอพพลิเคชัน
ที่จะให้คนทั้ง 2 ประเภทเข้ามาใช้งานได้ โดยพยายามคิดฟีเจอร์เพื่อ ให้เหมาะสมกับกลุ่มคนผู้ใช้ให้ได้มากที่สุด

COMPETITIVE ANALYSIS

ได้ไปลองทำการวิจัยเล็กๆ เปรียบเทียบสตรีมมิ่งค่ายอื่นๆ ที่มีลักษณะเดียวกัน เพื่อลองมองหาข้อเด่นของแอพเรา จะเห็นหลักๆเลยว่าทุกๆแอพที่มี
ในตอนนี้ ไม่สามารถที่จะทำการดูไปพร้อมกับเพื่อนๆได้ นอกจากนี้ยังไม่มีพื้นที่ให้รีวิวเพื่อใช้ประกอบการตัดสินใจในการเลือกดูภาพยนตร์เราจึงอาศัย จุดเด่นพวกนี้ที่เรามองเห็นมาปรับใช้กับในแอพของเรา

CUSTOMER JOURNEY

ส่วนนี้จะเป็นการเริ่มวางเส้นทางการใช้งานของในแต่ละฟีเจอร์ของ Moxtik ที่ได้สร้างขึ้นมา เพื่อที่เราจะได้พอมองออกมาเราจะมีหน้าอะไรบ้าง
ภายในแอพของเราแต่เนื่องจากมันเป็นงานแรกของฉัน จึงมีความสับสนค่อนข้างมากซึ่งกระบวนการนี้มีประโยชน์อย่างมากเมื่อเรา เริ่มต้นทำโครงการที่ค่อนข้างใหญ่

DESIGN SYSTEM

เนื่องจากเป็นงานชิ้นแรกที่ได้เริ่มศึกษาการออกแบบ แต่ด้วยต้องทำการเป็นทีมและเพื่อให้หน้าจอทุกส่วนสามารถออกแบบ
เป็นไปในทิศทางเดียวกันจึงได้มีการเริ่มสร้าง Design System แบบเบื้องต้นให้ทุกคนได้ใช้ในการออกแบบครั้งนี้

RESULT

นี่เป็นเพียงบางส่วนจากผลงานทั้งหมดที่เป็นส่วนที่ฉันรับดูแลและสร้างขึ้นมาเป็นหลัก
สามารถดูงานเต็ม ๆ ได้จาก Prototype ของงานชิ้นนี้ด้านบนได้