UX กับ UI เหมือนหรือต่างกันยังไง

By |2019-03-25T15:35:35+00:00มีนาคม 25th, 2019|

UX กับ UI ต่างกันยังไง คนจำนวนไม่น้อยอาจจะยังคงสงสัยในความเป็น UX และ UI บ้างคนก็คิดว่าเป็นสิ่งเดียวกัน เหมือนกัน แต่จริงๆ แล้ว UX และ UI นี้มีความแตกต่างกัน รวมทั้งสื่อความหมายที่ไม่เหมือนกันด้วย พวกเราบางทีก็อาจจะมองดูจำต้องแต่ว่าชื่อของมันแล้ว นี่ก็คือความไม่เหมือนที่ชี้ให้เห็นตั้งแต่ต้นเรื่องจริงพวกเราน่าจะสงสัยในเรื่องที่ว่ามันมีความไม่เหมือนกันอยู่แล้วต่างหาก วันนี้ ทำเว็บหาดใหญ่ Hatyai Application พามาเจอความต่างของ UX รวมทั้ง UI ให้เยอะขึ้นเรื่อยๆ มีอะไรบ้างมาดูกันเลย   1. UX ไม่ใช่ UI UI ไม่ใช่ UX และ UI ก็ไม่ใช่ UX แต่ว่าสองสิ่งนี้ เป็นสิ่งที่คู่กันมาจนถึงทำให้ใครก็ช่างที่มีความรู้สึกว่าผู้ที่ทำ UX ได้ จึงควรทำ UI ได้ด้วย ความเป็นจริงแล้วนั้นความหมายของUX = User Experience Design โน่นเป็นศาสตร์ที่ว่าด้วยประสบการณ์ของผู้ใช้งาน การที่ทำให้ผู้ใช้งานได้รับความสบาย แล้วก็ตอบปัญหาการใช้แรงงานเยอะขึ้นเรื่อยๆ ส่วนUI = User Interface Design โน่นเป็นศาสตร์ที่มาทำให้UX นั้นมีความงามและก็บริบูรณ์เพิ่มมากขึ้น อาทิเช่น การจัดส่วนประกอบต่างๆสี ขนาดตัวเขียน ให้มีความสวยงามมีเอกลักษณ์ ใช้งานได้อย่างงายถาง 2. UX สร้างสิ่งที่เป็นประโยชน์ / UI สร้างสิ่งสวย ของสองสิ่งที่ถูกทำโดย UX และก็ UI กล่าวอีกนัยหนึ่งUX จะเป็นสิ่งที่ถูกผลิตขึ้นให้มีคุณประโยชน์ ตอบปัญหาผู้ใช้งานเยอะที่สุด และก็ UI เป็นการผลิตสิ่งซึ่งมีแต่ความสวยเพียงแค่นั้น ด้วยเหตุนั้นทั้งคู่สิ่งนี้ควรจะที่จะจำต้องอยู่ร่วมกันเพื่อของสิ่งนั้นตอบปัญหาการใช้แรงงานของผู้ใช้งานรวมทั้งมีความงดงามที่เพิ่มความจรรโลงใจรวมทั้งกระตุ้นให้มีความต้องการที่จะใช้งานมากเพิ่มขึ้น 3. วิธีการทำงานที่ผิดแผกแตกต่าง UX ค้นหาปัญหา > เก็บข้อมูล > พินิจพิจารณาข้อมูลที่ได้มา > เรียบเรียงออกมาเป็น Wireframe UI รับ Wireframe จาก UX > นำข้อมูลมาพินิจพิจารณา >ตีปัญหาออกมาเป็นภาพ > คิดถึงความเป็น Mood & Tone ของ Product 4. เครื่องมือในการปฏิบัติงาน UX นั้นจะสร้าง Wireframe เป็นการวางองค์ประกอบแล้วก็รายละเอียดด้านใน Product Prototype โปรแกรมทำ Wireframe ตัวนี้มีทั้งยังบนWindows / Mac OS โดยแบ่งเป็นเวอร์ชั่นฟรี กับเวอร์ชั่นเสียเงินเสียทอง  Pencil Project โปรแกรมทำ Wireframe ใช้ฟรีๆมีอีกทั้งบน Windows / Mac OS Cacoo Web App สำหรับทำ Diagram, Wireframeออนไลน์ โดย Account ฟรีจะสร้าง Wireframe ได้จำกัดหน้า  JumpChart Web App สำหรับทำ Wireframe Onlineที่เค้าหน้าเรียบง่าย โดย Account ฟรีจะสร้าง Wireframeได้จำกัดหน้า  FrameBox เป็น Web [...]