การออกแบบ UX/UI เป็นเหมือนการวาดรูปบ้านที่ทำให้ผู้คนอยากจะเข้าไปอยู่ แต่ไม่ใช่แค่รูปลักษณ์ภายนอกสวยงามเท่านั้น ในบ้านยังต้องสะดวกสบายและทำให้ผู้อยู่อาศัยรู้สึกดีได้ในทุกมุม. UX ย่อมาจาก "User Experience" นั่นคือการที่เราออกแบบให้ผู้ใช้งานรู้สึกดีเมื่อใช้เว็บไซต์หรือแอปพลิเคชันของเรา ส่วน UI ย่อมาจาก "User Interface" คือสิ่งที่เราเห็นและใช้งานผ่านหน้าจอ เช่น ปุ่มกด, รูปภาพ, หรือเมนูต่างๆ
เมื่อเขียนโปรแกรม เรากำลังสร้างผลิตภัณฑ์ที่ผู้คนจะใช้ หากผลิตภัณฑ์นั้นไม่ตอบสนองความต้องการหรือไม่สะดวกสบายเมื่อใช้งาน ไม่ว่าโค้ดจะเขียนได้ลงตัวแค่ไหนก็ตาม มันก็จะไม่เป็นที่นิยม
ตัวอย่าง
เรามาลองดูแอปพลิเคชันทำนายอากาศที่เขียนแบบง่ายๆ:
ในทางการเขียนโปรแกรม, โครงสร้างของโปรแกรมอาจดูดีแล้ว แต่หากปุ่มกดตรวจสอบอากาศยากต่อการค้นหา หรือข้อมูลที่แสดงไม่ชัดเจน คนที่ใช้ก็อาจจะหาแอปอื่นใช้แทนได้
// pseudocode สำหรับแอปพลิเคชันทำนายอากาศ
function showWeather() {
// รับข้อมูลอากาศจาก API
let weatherData = getWeatherAPI();
// แสดงข้อมูลอากาศที่หน้าจอ
displayWeatherData(weatherData);
}
เราต้องออกแบบ UI ให้มีปุ่ม "ตรวจสอบอากาศ" อยู่ในที่ที่เห็นได้ชัดและมีการแจ้งเตือนในกรณีที่สภาพอากาศเปลี่ยนแปลง นอกจากนี้ยังต้องจัดองค์ประกอบต่างๆ บนหน้าจอให้ลงตัว เช่น สภาพอุณหภูมิ, รูปแบบฝนตก, ความชื้นอาจจะแสดงให้เด่นชัดและใช้สีที่สื่อให้เห็นสภาพอากาศได้อย่างกระทั่งเด็ก 8 ขวบ
การนำ UX/UI ไปใช้ในการเขียนโปรแกรมเป็นสิ่งสำคัญเพราะแอปพลิเคชันหรือเว็บไซต์ที่ดูดีและใช้งานง่ายจะช่วยให้ผู้ใช้รู้สึกพึงพอใจและพวกเขาก็จะมีแนวโน้มที่จะใช้งานมันอย่างต่อเนื่อง ที่ EPT เราสอนนักเรียนเพื่อสร้างผลิตภัณฑ์ที่มีคุณภาพไม่เพียงแต่เรื่องโค้ดเท่านั้น แต่ยังรวมถึงการออกแบบที่ทำให้ผลิตภัณฑ์เหล่านั้นเป็นที่รักของผู้ใช้งานด้วย.
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
หากเจอข้อผิดพลาด หรือต้องการพูดคุย ติดต่อได้ที่ https://m.me/expert.Programming.Tutor/
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor
085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM