プロジェクト
Chao-dom
Overview
EasyDom (Chao-dom) เป็น Term Project วิชา Human Interface Design คณะ IT สจล. หัวข้อ How to help freshy find rooms ดำเนินการ UX/UI ครบ 5 เฟส ตั้งแต่เก็บข้อมูล วิจัยผู้ใช้ วิเคราะห์ Persona/Experience Map ออกแบบ Conceptual Design ไปจนถึง Detailed Prototype iOS ตาม Apple HIG และ Guerilla Usability Testing ผลลัพธ์คือ Prototype แอป iOS ที่แก้ปัญหาข้อมูลล้าสมัย สถานะห้องไม่ชัดเจน และการติดต่อเจ้าของหอที่ยุ่งยาก
The Problem
นักศึกษาใหม่ สจล. ประสบปัญหาหาหอพักนอกสถาบัน ข้อมูลบน RentHub Google Maps Facebook ไม่เป็นปัจจุบัน ราคา สถานะห้อง รูปภาพ เบอร์ติดต่อ ไม่ตรงความจริง ติดต่อแล้วถูกปฏิเสธ ต้องลงพื้นที่สำรวจเอง ระบบจองหอในไม่โปร่งใส ข้อมูลการเดินทาง ขนส่ง สภาพแวดล้อม นิสัยเจ้าของหอไม่มีแพลตฟอร์มใดให้ครบ สัมภาษณ์ผู้ใช้ 3 คน (โปเต้ ฟ้าใส ทัก) ทุกคนประสบปัญหาเดียวกัน ใช้เวลา 1 วัน ถึง 3 เดือนกว่าจะได้หอ
Pain Points
ข้อมูลออนไลน์ไม่อัปเดต ราคาและสถานะห้องไม่ตรงความจริง
ติดต่อเจ้าของหอออนไลน์แล้วถูกปฏิเสธ
ต้องลงพื้นที่สำรวจเองเพราะข้อมูลไม่น่าเชื่อถือ
ระบบจองหอในสถาบันไม่โปร่งใส
รูปภาพประกาศไม่ตรงกับสภาพจริง
ข้อมูลการเดินทาง/ขนส่งสาธารณะไม่ครบ
ใช้เวลาหาหอนานถึง 1 วัน – 3 เดือน
Real User Story
“นางสาวภัชรธนสรณ์ — นักศึกษาใหม่ สจล. ใช้เวลากว่า 3 เดือนหาหอพัก เปิด RentHub, Google Maps, Facebook ทุกวัน แต่ข้อมูลไม่ตรงความจริง โทรหาเจ้าของหอถูกปฏิเสธซ้ำๆ สุดท้ายต้องนั่งรถไปดูพื้นที่จริงด้วยตัวเอง”
The Process
กระบวนการ UX ครบวงจร 5 เฟส โดยเริ่มตั้งแต่การค้นคว้าปัญหาจริง การสัมภาษณ์ผู้ใช้ การวิเคราะห์ Persona/Experience Map ไปจนถึงการออกแบบ Prototype และทำ Usability Testing
Phase 1: Data Gathering
ผลการค้นคว้าเบื้องต้น ทำการค้นคว้าในหัวข้อ EasyDom ไปหากลุ่มเป้าหมายที่มีปัญหาเกี่ยวกับการหาหอพักโดยอิงจากเรื่องจริง และพูดถึงปัญหาหลัก ได้ข้อมูล Pain Points สำคัญ เช่น ข้อมูลออนไลน์ไม่อัปเดต ติดต่อออนไลน์แล้วถูกปฏิเสธ สถานะห้องไม่แน่ชัด เข้าใจความลำบากในการหาหอพัก
Phase 2: User and Task Analysis
ศึกษา Background จากผลศึกษาเบื้องต้น กำหนด Research Scope เป็นนักศึกษา สจล. หมวด Accommodation ทำการสัมภาษณ์ User 3 คน ผ่าน Microsoft Teams ถอดคำพูดบทสัมภาษณ์ เก็บ Observation ภาพค้นหาหอพัก และลงพื้นที่ถ่ายสถานที่จริง
Participant Profiles
โปเต้ อายุ 18
“โทรหาหอหลายเจ้า แต่ถูกปฏิเสธตลอด”
ฟ้าใส อายุ 18
“ข้อมูลออนไลน์ไม่ตรงกับสภาพจริง”
ทัก อายุ 19
“หาหออยู่นาน 3 เดือนกว่าจะได้”
Phase 3: Analysis & Conceptual Design
สรุป User Characteristics สร้าง Persona วิเคราะห์คุณลักษณะร่วม สร้าง Experience Map บน FigJam กำหนด Pain and Gain Statements โหวต Priority กำหนด Functional และ Usability Requirements
Persona: น้องเฟรช (The Dorm Seeker)
“อยากได้ข้อมูลหอที่ถูกต้อง ไม่ต้องเสียเวลาลงพื้นที่เองทุกครั้ง”
Goals: หาหอที่ปลอดภัย ราคาสมเหตุสมผล ใกล้สถาบัน | Pain: ข้อมูลไม่อัปเดต ติดต่อยาก
Experience Map
View Full Experience Map →Phase 4: Detailed Design & Prototype
วิเคราะห์ Task Lists 8 ข้อ ทำ Dialog Design วิเคราะห์ Essential และ Concrete Use Case กำหนด Task Objects 6 รายการ และออกแบบ Window Diagram พร้อม Container Specification
UI Component Map
Try Prototype in Figma →Phase 5: Evaluation and Prototype
Target Platform iOS (Apple HIG) ทำ UI Components 25+ รายการ ออกแบบ Detailed Screen ทุุกหน้า สร้าง Prototype ใน Figma ทำ Guerilla Usability Testing 3 คน โดยใช้ Thinking Aloud พบจุดที่ต้องปรับปรุงและแก้ไข
Guerilla Usability Testing กับ 3 ผู้เข้าร่วม ใช้ 5 Task Cards, Thinking Aloud + Post-session Discussion
Task Cards
รวบรวมหอพักที่ถูกใจ
Search + Filter + Wishlist
เลือกหอพัก
Compare + Decision
ติดต่อเจ้าของหอ
Verified Contact
แจ้งปัญหาข้อมูลไม่อัปเดต
Report Issue
เขียนรีวิวหอพัก
Write Review
Testing Results — พบ 15+ จุดที่ต้องปรับปรุง
ปุ่มย้อนกลับพากลับหน้าหลักแทนหน้าค้นหา
ผลค้นหาบางหอไม่มีรูปภาพ
กดถูกใจตอบสนองช้า
แผนที่มี Bug
หา Tab Wishlist ไม่เจอ
ปุ่มติดต่อดูคล้ายไอคอนเมนูทั่วไป
ข้อมูลขนส่งสาธารณะไม่ชัดในแผนที่
Final Prototype Showcase
ภาพรวม prototype iOS ทั้งหมดของ EasyDom — ครอบคลุมทุก flow ตั้งแต่ค้นหาหอ กรอง เปรียบเทียบ ติดต่อเจ้าของหอ และรีวิว
Visual principles detail
UI Design Principles & Visual Design Analysis
The Solution
The Solution: iOS Prototype สำหรับนักศึกษา สจล. มีฟีเจอร์ สถานะห้องว่าง Real-time ค้นหาขั้นสูง แผนที่โต้ตอบ เปรียบเทียบ Side-by-side Wishlist แจ้งเตือนห้องว่าง ติดต่อเจ้าของยืนยันตัวตน รีวิวจากผู้พักจริง Customer Support Chat Impact: สัมภาษณ์เชิงลึก 3 คน Observation สถานที่จริง Persona/Experience Map จากข้อมูลจริง iOS Prototype 10+ หน้าจอ ตาม Apple HIG Usability Testing 3 คน พบ 15+ จุดปรับปรุง กระบวนการ UX ครบวงจรใน 5 สัปดาห์
Key Features
Real-time room availability
Advanced search & filters
Interactive map with transport
Side-by-side comparison
Wishlist with notifications
Verified owner contact
User reviews & ratings
Customer support chat
Final Prototype Showcase
Impact & Results
3
In-depth Interviews
10+
Prototype Screens
15+
Improvement Points
5
Weeks Full UX Process
25+
iOS UI Components
ผ่านกระบวนการ UX ครบวงจรใน 5 สัปดาห์ ตั้งแต่การวิจัยผู้ใช้จริง จนถึง Prototype iOS ที่ผ่าน Usability Testing พร้อมสรุปผลและข้อเสนอแนะการพัฒนาต่อ
Role
Head Figma Design, Usability Testing, Documentation
Team
4 members
Tags