UX UI คืออะไร? แตกต่างกันอย่างไร? มาหาคำตอบกัน

    ในวงการ Startup หรือธุรกิจเกี่ยวกับ Software ทุกคนคงเคยได้ยินคำว่า UX/UI แน่นอน ถ้าไม่รู้จักเป็นอย่างดี ก็ต้องเคยผ่านหูมาบ้างแหละ วันนี้เราจะมาหาคำตอบกันว่า UX/UI คืออะไร ต่างกันอย่างไร และ UX Designer กับ UI Designer เป็นคนเดียวกันได้มั้ย บทความนี้มีคำตอบ

การออกแบบ Software Product

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

    1.เก็บ Requirement มาจากลูกค้า
    2.กำหนดจุดประสงค์การใช้งาน
    3.ออกแบบโครงสร้างการทำงาน ออกแบบความสวยงาม
    4.สร้าง MVP ให้ทดลองใช้
    5.นำ Feedback มาแก้
    6.พัฒนาต่อไปเรื่อย ๆ

    ขั้นตอนของการออกแบบ UX/UI นั้นอยู่ในข้อ 3 นั่นเอง นั่นคือการออกแบบเว็บไซต์หรือแอปพลิเคชันให้สามารถใช้งานได้ดี และมีความสวยงามน่าใช้ ทำให้ User ประทับใจมากที่สุด

ux/ui example


ความหมายของ UX

    UX = User Experience = คือการออกแบบทุกอย่างที่สร้างประสบการณ์ใช้งานให้กับผู้ใช้ ในขณะที่ผู้ใช้งานกำลังใช้ระบบเรา เค้าต้องเดินทางตามเส้นทางที่เรากำหนดไว้ เดินอย่างถูกต้อง เพื่อให้การใช้งานนั้นราบรื่น และกระสบความสำเร็จ ยกตัวอย่าง เราต้องการสร้างระบบเว็บไซต์จองโรงแรม เราต้องคิดว่าเราจะให้ลูกค้าที่เข้ามาต้องได้เลือกวันที่เข้าพัก มีโปรโมชัน มีสาขาโรงแรมให้เลือก มีการคำนวณเงินที่ต้องจ่ายแบบหักภาษี มีระบบตัดเงินผ่านบัตรเครดิต ซึ่งหน้าที่ของ UX คือคิดว่าทั้งหมดนี้จะทำงานเริ่มต้นไปจนจบยังไง

UX ที่ดีจะต้องคำนึงถึงอะไรบ้าง

    • ออกแบบโดยอิงมาจาก Customer Research ไม่ได้สร้างมาด้วยจินตนาการอย่างเดียว
    • ออกแบบ Wireframe การใช้งานตาม Customer Journey
    • สอดคล้องกับกลยุทธ์ของ Product
    • วางแผนอย่างดี ให้ใช้งานได้ดีกว่าของคู่แข่ง
    • ทำงานร่วมกับ UI ได้ดี
    • ตรวจสอบได้ง่าย
    • ยืดหยุ่น พร้อมแก้ไขได้ตามสถานการณ์ที่เปลี่ยนไป


ความหมายของ UI

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

UI ที่ดีจะต้องคำนึงถึงอะไรบ้าง

• Call to action ที่ชัดเจน เช่น อยากให้สมัครสมาชิก ปุ่มต้องสีชัด น่ากด น่าเชื่อถือ
• อ้างอิงตามอัตลักษณ์องค์กร (Corporate Identity)
• มี Look and Feel ที่ดี
• เป็นตัวที่สะท้อนถึงแบรนด์ของเรา
• มีไกด์ให้ผู้ใช้งาน สำหรับคนที่ไม่เคยรู้จัก Product เรามาก่อน
• Animation ราบรื่น สวยสะดุดตา
• ปรับตาม Size มือถือ แท็บเล็ต และคอมพิวเตอร์ของผู้ใช้งานได้


ความแตกต่างของ UX และ UI

    UX และ UI จะทำงานควบคู่กัน แต่ UX จะเน้นประสบการณ์ การคำนวณ ความจำ ทำให้ User ทำงานได้สะดวกและถูกต้อง ส่วน UI เน้นอารมณ์ ออกแบบมาให้ User มีอารมณ์ร่วม และอารมณ์เป็นไปตามที่ Designer ออกแบบ สามารถดูความแตกต่างได้ตามภาพข้างล่าง

Example

UX/UI Designer

    การเป็น UX/UI Designer นั้นไม่ใช่ตำแหน่งที่ทำคนเดียวกันเสมอไป บางคนเป็น UX Designer บางคนเป็น UI Designer บางคนเป็นทั้ง UX UI Designer ได้เลย ซึ่ง Designer แต่ละตำแหน่งก็จะแตกต่างกันไป

    UX Designer จะเน้น Logic การคิด การวางแผน การคำนวณ และเส้นทางการเดินทางของ User เป็นต้น คนที่จะอยู่ตำแหน่งนี้ได้ ส่วนใหญ่จะมีคุณสมบัติของ Programmer หรือ Developer ไปด้วย เพราะว่าการคิดคำนวณนั้นบางครั้งต้องดูถึงความรู้ด้านเทคนิคด้วย

    UI Designer จะเน้นกราฟฟิก ความสวยงาม การสร้างสีสันโดนเด่นน่าใช้ Designer ตำแหน่งนี้มักจะเป็นคนที่เรียนเกี่ยวกับสาขาศิลปะ สาขากราฟฟิก มัลติมีเดีย สื่อต่าง ๆ นั่นเอง ซึ่ง UI Designer จะต้องคุ้นเคยกับเครื่องมือในการออกแบบด้วย เช่น Adobe Photoshop, Adobe Illustrator เป็นต้น


    เป็นอย่างไรกันบ้าง หลังจากอ่านจบแล้ว เราสามารถแยกความแตกต่างของ UX และ UI ได้หรือยัง และการออกแบบ UX UI มีความจำเป็นยังไงกับ Product ของเราบ้าง หรือถ้าคุณเป็นเจ้าของธุรกิจ คุณต้องมี UX UI Designer ฝีมือดีมาเป็นมือขวาคุณบ้างสักคนแล้วล่ะ
 


Author : Pajaree Kanmaneelert