UX ย่อมาจากคำว่า User Experience งานออกแบบด้านนี้จะเกี่ยวข้องกับทุกกระบวนการที่สินค้าหรือบริการหนึ่งๆคือเรื่องความสะดวก ตอบสนองการใช้งาน ยาก — ง่าย โดยเน้นไปที่การนำสินค้าหรือบริการไปทดลองกับกลุ่มตัวอย่าง ทั้งนี้เพื่อจะเก็บข้อมูลและ ‘ฟีดแบค’ อย่างละเอียดกลับมาพัฒนาตัวสินค้าหรือบริการต่อไป
ส่วนกระบวนการของ UX ไม่ได้กำหนดไว้แบบตายตัว แต่สามารถแบ่งเป็น 3 ขั้นตอนหลักๆ คือ
- ค้นหา
- พัฒนา
- ทดสอบ
ยกตัวอย่างแอพมือถือ 2 แอพ เพื่อให้เห็นความแตกต่างของ UX ที่ดี และไม่ดี
แอพ Google Inbox เป็นแอพสำหรับจัดการ Email ที่ใช้สะดวกมาก คุณดารินบอกว่าเค้าต้องการเช็คเที่ยวบินว่าบินกี่โมง ถึงกี่โมง ในแอพ Google Inbox ก็ทำ Interface สวย ๆ ขึ้นมาแสดงข้อมูลการบินให้เลยโดยไม่ต้องไปอ่านอีเมลทีละบรรทัดให้ลำบาก คุณดารินรู้สึกตื่นตาตื่นใจมาก ถือเป็นตัวอย่าง UX ที่ดี
ส่วนแอพ ขายสินค้า เป็นแอพสำหรับเลือกซื้อสินค้า ในขณะที่คุณกำลังหาซื้อรถยนต์ ก็กดเมนู “ตัวกรอง” (Filter) เพื่อจะเจาะจงหาสินค้าที่ต้องการให้เจอรวดเร็วยิ่งขึ้น แต่กลับพบว่ามีตัวเลือกให้เลือก เพศ กับ ฤดู ขึ้นมาแทน ซึ่งไม่เกี่ยวกับสินค้าที่ต้องการหา ทำให้ผู้ใช้สับสน ถือเป็นตัวอย่าง UX ที่ไม่ดี
UI ย่อมาจากคำว่า User Interface ตรงนี้มีคนแปลว่า “ส่วนติดต่อผู้ใช้” บ้างก็แปลว่า “หน้าจอผู้ใช้” คือสิ่งที่ผู้ใช้งานมองเห็นผ่านอุปกรณ์ทำงาน เป็นงานดีไซน์ที่เน้นหนักเรื่องการออกแบบ ‘หน้าจอ’ หรือแพลทฟอร์มต่างๆ ที่ธุรกิจทำไว้เพื่อติดต่อกับผู้ใช้ ยกตัวอย่างเช่น เว็บไซต์ แอพลิเคชั่น เกมส์ รวมไปถึงฮาร์ดแวร์ที่จับต้องได้เช่นอุปกรณ์จอทัชสกรีน ฯลฯ
การออกแบบ UI ให้สวยงาม
- แสงต้องมาจากบนฟ้า
- เริ่มด้วย ขาว-ดำ เสมอ
- เพิ่ม Whitespace (ช่องว่าง) เป็นสองเท่า
- เทคนิคการวางตัวหนังสือบนรูป ไม่ให้จม
- เพิ่ม – ลด ความเด่นของตัวหนังสือ
- เลือกใช้ฟ้อนต์ให้เหมาะสม
- ขโมยอย่างศิลปิน
VDO เพิ่มเติม : https://drive.google.com/file/d/1IDz00T-AJKp9wBZ60tkYU_X6Q3nC-MDG/view?usp=sharing
Credit : https://www.designil.com/intro-to-ux.html
Credit : https://www.designil.com/user-experience-design.html
Credit : https://www.designil.com/7-rules-beautiful-ui-design-part-2.html
