UX/UI คืออะไร

UX ย่อมาจากคำว่า User Experience งานออกแบบด้านนี้จะเกี่ยวข้องกับทุกกระบวนการที่สินค้าหรือบริการหนึ่งๆคือเรื่องความสะดวก ตอบสนองการใช้งาน ยาก — ง่าย โดยเน้นไปที่การนำสินค้าหรือบริการไปทดลองกับกลุ่มตัวอย่าง ทั้งนี้เพื่อจะเก็บข้อมูลและ ‘ฟีดแบค’ อย่างละเอียดกลับมาพัฒนาตัวสินค้าหรือบริการต่อไป

ส่วนกระบวนการของ UX ไม่ได้กำหนดไว้แบบตายตัว แต่สามารถแบ่งเป็น 3 ขั้นตอนหลักๆ คือ

  • ค้นหา
  • พัฒนา
  • ทดสอบ

ยกตัวอย่างแอพมือถือ 2 แอพ เพื่อให้เห็นความแตกต่างของ UX ที่ดี และไม่ดี
         แอพ Google Inbox เป็นแอพสำหรับจัดการ Email ที่ใช้สะดวกมาก คุณดารินบอกว่าเค้าต้องการเช็คเที่ยวบินว่าบินกี่โมง ถึงกี่โมง ในแอพ Google Inbox ก็ทำ Interface สวย ๆ ขึ้นมาแสดงข้อมูลการบินให้เลยโดยไม่ต้องไปอ่านอีเมลทีละบรรทัดให้ลำบาก คุณดารินรู้สึกตื่นตาตื่นใจมาก ถือเป็นตัวอย่าง UX ที่ดี

         ส่วนแอพ ขายสินค้า เป็นแอพสำหรับเลือกซื้อสินค้า ในขณะที่คุณกำลังหาซื้อรถยนต์ ก็กดเมนู “ตัวกรอง” (Filter) เพื่อจะเจาะจงหาสินค้าที่ต้องการให้เจอรวดเร็วยิ่งขึ้น แต่กลับพบว่ามีตัวเลือกให้เลือก เพศ กับ ฤดู ขึ้นมาแทน ซึ่งไม่เกี่ยวกับสินค้าที่ต้องการหา ทำให้ผู้ใช้สับสน ถือเป็นตัวอย่าง UX ที่ไม่ดี

         UI ย่อมาจากคำว่า User Interface ตรงนี้มีคนแปลว่า “ส่วนติดต่อผู้ใช้” บ้างก็แปลว่า “หน้าจอผู้ใช้” คือสิ่งที่ผู้ใช้งานมองเห็นผ่านอุปกรณ์ทำงาน เป็นงานดีไซน์ที่เน้นหนักเรื่องการออกแบบ ‘หน้าจอ’  หรือแพลทฟอร์มต่างๆ ที่ธุรกิจทำไว้เพื่อติดต่อกับผู้ใช้ ยกตัวอย่างเช่น เว็บไซต์ แอพลิเคชั่น เกมส์ รวมไปถึงฮาร์ดแวร์ที่จับต้องได้เช่นอุปกรณ์จอทัชสกรีน ฯลฯ

   การออกแบบ UI ให้สวยงาม

  1. แสงต้องมาจากบนฟ้า
  2. เริ่มด้วย ขาว-ดำ เสมอ
  3. เพิ่ม Whitespace (ช่องว่าง) เป็นสองเท่า
  4. เทคนิคการวางตัวหนังสือบนรูป ไม่ให้จม
  5. เพิ่ม – ลด ความเด่นของตัวหนังสือ
  6. เลือกใช้ฟ้อนต์ให้เหมาะสม
  7. ขโมยอย่างศิลปิน

 

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

  •  
  •  
  •  
  •  
  •  
  •  
เรวัตร ยั่งยืน
at GlurGeek.Com

Leave a Reply