วิธีที่ง่ายที่สุดในการดูความแตกต่างคือการชำระเงิน UX เป็นผู้ตัดสินใจว่ามีกี่ขั้นตอน สิ่งที่ถามในแต่ละขั้นตอน จะเกิดอะไรขึ้นเมื่อบัตรถูกปฏิเสธ และแขกสามารถซื้อโดยไม่มีบัญชีได้หรือไม่ UI จะตัดสินใจว่าแต่ละขั้นตอนมีลักษณะอย่างไร: ฟิลด์แบบฟอร์ม, สไตล์ปุ่ม, สีของข้อความแสดงข้อผิดพลาด และภาพเคลื่อนไหวขนาดเล็กเมื่อการชำระเงินสำเร็จ
การออกแบบ UX เริ่มต้นก่อนที่จะมีหน้าจอใดๆ ประกอบด้วยการวิจัยผู้ใช้ การสัมภาษณ์ แผนที่การเดินทาง สถาปัตยกรรมข้อมูล โครงร่าง และการทดสอบการใช้งาน ผลลัพธ์มักจะเป็นโฟลว์หรือต้นแบบมากกว่าการออกแบบภาพที่เสร็จสมบูรณ์ ความสำเร็จวัดจากผลลัพธ์: การทำงานให้เสร็จสิ้น ข้อผิดพลาด เวลาในการทำให้เสร็จ และไม่ว่าผู้คนจะกลับมาหรือไม่
การออกแบบ UI จะเปลี่ยนโครงสร้างนั้นให้เป็นอินเทอร์เฟซ โดยครอบคลุมถึงลำดับชั้นของภาพ การเว้นวรรค การพิมพ์ สี ไอคอน ส่วนประกอบ และลักษณะการทำงานของแต่ละองค์ประกอบในทุกสถานะ: ค่าเริ่มต้น โฮเวอร์ กด ปิดใช้งาน การโหลด และข้อผิดพลาด การเคลื่อนไหวก็เป็นส่วนหนึ่งของ UI เช่นกัน ปุ่มที่ตอบสนองเมื่อกด หรือแผ่นงานที่ตามนิ้วของคุณ จะบอกผู้คนว่าผลิตภัณฑ์ได้ยินเสียงดังกล่าว
ทั้งสองพึ่งพาซึ่งกันและกัน โฟลว์ที่ชัดเจนพร้อมปุ่มที่สร้างความสับสนยังคงล้มเหลว และหน้าจอที่สวยงามที่ด้านบนของโฟลว์ที่สร้างความสับสนยังคงล้มเหลว นั่นคือเหตุผลที่ทีมส่วนใหญ่ถือว่า UI เป็นส่วนหนึ่งของ UX แทนที่จะเป็นระเบียบวินัยที่แยกจากกัน และเหตุใดประกาศรับสมัครงานจำนวนมากจึงขอทั้งสองอย่าง
หากคุณกำลังตัดสินใจว่าจะเรียนรู้อะไรก่อน ให้เริ่มต้นด้วยพื้นฐาน UX (ทำความเข้าใจผู้ใช้และงาน) จากนั้นเรียนรู้ทักษะ UI ในเครื่องมือออกแบบ เช่น Figma หรือ Penpot การออกแบบปฏิสัมพันธ์และการเคลื่อนไหวมาถึงลำดับถัดไป และนั่นคือจุดที่เครื่องมืออย่าง ExodeUI ที่เราสร้างขึ้นมาพอดี