เสริมสร้างความรู้และทักษะ UI ด้วยเนื้อหา “Basic User Interface” | UPSKILL UX

Krit Chainoi
UPSKILL UX
Published in
2 min readJan 30, 2020

สวัสดีพ่อแม่พี่น้องชาว “UPSKILL UX” ทุกท่าน ยินดีตอนรับเข้าสู่เนื้อหา “เสริมสร้างความรู้และทักษะ UI — Basic User Interface” (กล่าวเปิดเหมือนรายการทีวี 55)

ในเนื้อหาตอนนี้จะเป็นเนื้อหาที่เราจะพาทุกคน ไปรู้จักกับเรื่องการการออกแบบส่วนติดต่อผู้ใช้งาน (User Interface) กัน

โดยเนื้อหานี้อาจจะวกไปวนมาหน่อย ๆ นะ (พยายามจับใจความหน่อยเด้อ อิอิ)

เริ่มต้นจากเรามารู้จักความหมายของการออกแบบส่วนติดต่อผู้ใช้งาน (User Interface) กันก่อน

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

หรือถ้าพูดง่าย ๆ มันก็ คือ สิ่งต่าง ๆ รอบตัวเรานี้แหละ ไม่ว่าจะเป็นสิ่งของ บริการ สินค้า เว็บไซต์ หรือแอปพลิเคชันต่าง ๆ

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

ในการออกแบบส่วนติดต่อผู้ใช้งานนี้ ปกติคนที่ทำงานนี้ออกมาก็มักจะเป็นนักออกแบบ (Designer) หรือนักออกแบบประสบการณ์ผู้ใช้ (UX/UI Designer) ซึ่งมันก็เป็นทักษะเรื่องของการออกแบบเป็นส่วนใหญ่

สำหรับใครอยากจะฝึกเรื่องของการออกแบบส่วนติดต่อผู้ใช้งาน (User Interface) อยากให้ลองศึกษาเรื่ององค์ประกอบศิลป์ด้วยนะ มันจะช่วยให้งานของเราออกมาดีขึ้น

ประเภทของการออกแบบส่วนติดต่อผู้ใช้งาน (Type of User Interface)

โดยปกติแล้วมักจะใช้กันอยู่ 3 ประเภทหลัก ๆ ได้แก่ ภาพร่าง (Wireframe) ตัวอย่างงาน (Mockup) หรือ ตัวต้นแบบ (Prototype)

1.ภาพร่าง (Wireframe)

เป็นเครื่องมือที่ช่วยร่างภาพของงานออกแบบให้เรามองเห็นโครงสร้างภายใน
หรือ เปรียบเหมือน “ภาพพิมพ์เขียว (Blue Print)”

2.ตัวอย่างงาน (Mockup)

เป็นเครื่องมือที่แสดงตัวอย่างงานออกแบบ โดยมีความแตกต่างที่ Wireframe จะให้เห็นโครงสร้าง แต่ Mockup จะให้เห็นตัวอย่างงานที่จะออกมา

3.ตัวต้นแบบ (Prototype)

เป็นตัวแทนตัวงานออกแบบสุดท้ายของงาน ที่จะมีความเหมือนจริงที่สุด
บางครั้งอาจจะสามารถกดใช้งาน หรือมีเนื้อหาที่สมจริงประกอบ

สุดท้ายเวลาออกแบบส่วนติดต่อผู้ใช้งาน (User Interface) ควรที่จะต้องคำนึงถึงเรื่องการออกแบบประสบการณ์ผู้ใช้ (User Experience) ด้วยเสมอ

โดยอาจจะตั้งคำถามว่า ผู้ใช้ใช้งานได้ดีไหม ? คิดว่าตอบโจทย์เป้าหมายของทางธุรกิจไหม ? แล้วคิดว่าทีมงานต้องใช้เวลาในการทำนานไหม ?

หวังว่าจะเป็นประโยชน์แก่ทุกคนนะครับ ขอบคุณครับ

--

--

Krit Chainoi
UPSKILL UX

Senior UX Designer & Managing Director, Upskill UX