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 [...]

Web Designer ห้ามพลาด!! มาหาแรงบันดาลใจในการ ทำเว็บ กันดีกว่า

By |2019-02-20T13:23:44+00:00กุมภาพันธ์ 14th, 2019|

Web Designer ห้ามพลาด!! มาหาแรงบันดาลใจในการออกแบบเว็บกันดีกว่า เชื่อว่าคนที่ทำงานด้านการออกแบบ ไม่ว่าจะเป็นเว็บดีไซเนอร์, UX/UI Designer หรือออกแบบด้านอื่น ๆ ก็ต้องพบกับปัญหา "คิดงานไม่ออก" หรือ "ออกแบบเท่าไหร่ก็ไม่สวย" หรือ "ดูเชย" "ไม่ดึงดูด" กันทั้งนั้น ซึ่งดีไซเนอร์เก่ง ๆ หลายคนก็จะมีเทคนิคในการหาไอเดียแตกต่างกันไป เทคนิคหนึ่งที่ดีไซเนอร์แทบทุกคนใช้เหมือนกันในการหา Inspiration หรือที่เรียกว่าแรงบันดาลใจในการทำงานออกแบบ ก็คือ “การดูงานของคนอื่น” หลายคนอาจจะคิดว่าการทำแบบนี้มันก็คือการลอกงานหรือเปล่า ซึ่งการเรียนรู้จากงานคนอื่นเป็นวิธีเรียนรู้ที่เร็วที่สุด วันนี้ ทำเว็บหาดใหญ่ Hatyai Application มีเว็บไซต์เจ๋งๆ ให้เหล่าบรรดา Web Designer ได้นำไปเป็นแรงบันดาลใจ รับรองว่า ฝีมือการดีไซน์ของคุณจะพัฒนาขึ้นแน่นอน จะมีเว็บอะไรบ้าง ไปดูกันเลย   1. DRIBBBLE : สุดยอดเว็บไซต์สำหรับ UI DESIGN ในวงการการออกแบบในต่างประเทศ น้อยคนนักที่จะไม่รู้จักเว็บไซต์ Dribbble บอกเลยว่าเว็บไซต์นี้เปิดโอกาสให้ดีไซเนอร์จากทั่วทุกมุมโลก นำผลงานการดีไซน์ของตัวเองมาลงในเว็บไซต์ โดยแต่ละงานก็เป็นงานที่เรียกได้ว่าดีเยี่ยมเลยทีเดียว มีความสวยงาม น่าดึงดูด เพราะไม่ใช่ใครก็ได้ ที่จะลงผลงานในเว็บนี้ได้นะจ๊ะ ต้องมี [...]

เทรนด์การออกแบบเว็บไซต์ UI และ UX ที่มาแรงในปี 2019

By |2019-01-07T17:17:10+00:00มกราคม 7th, 2019|

เทรนด์การออกแบบเว็บไซต์ UI และ UX ที่มาแรงในปี 2019 เปลี่ยน พ.ศ.ใหม่แล้ว เป็นธรรมดาที่จะมีเทคโนโลยีใหม่ๆ แพลตฟอร์มใหม่ๆ เกิดขึ้นมาใหม่ เพราะนักพัฒนาแต่ละคนต่างก็มีวิธีคิด วิธีออกแบบการใช้งานและประสบการณ์ของผู้ใช้ (UI และ UX) ก็ต้องปรับตัวอย่างรวดเร็วไปด้วย พฤติกรรมของผู้ใช้งานจึงเป็นโจทย์หลักที่นักออกแบบจำเป็นต้องเรียนรู้ เพื่อทำให้รูปแบบของแอปพลิเคชัน หรือเว็บไซต์ สรา้งความรู้สึกและประสบการณ์ที่เฉพาะตัวได้ ทีมงาน Hatyai Application จึงนำเทรนด์การออกแบบแอปพลิเคชัน หรือเว็บไซต์ มาเป็นความรู้ใหม่สำหรับนักพัฒนาและคนที่อยากมีแอปพลิเคชันหรือเว็บไซต์ให้กับธุรกิจของคุณ     1. MOTION กำลังมา บราวเซอร์รุ่นใหม่ๆ ไม่ว่าจะค่ายไหน ได้ปรับปรุงให้การแสดงผลของอนิเมชั่นไหลลื่นขึ้น เพราะโลกออนไลน์เริ่มให้ความสนใจกับสิ่งเคลื่อนไหวต่างๆ  ในปี 2019 ‘Motion design’ จะลงลึกและกว้างขึ้น เพื่อหาองค์ความรู้ใหม่ๆ ให้การออกแบบสิ่งเคลื่อนไหวต่างๆ ในแอปพลิเคชันหรือเว็บไซต์ ไม่ว่าจะเป็นองค์ประกอบเล็กๆ น้อยๆ ในเว็บ การใช้ Transition หรือเอฟเฟกต์สวยๆ ที่โต้ตอบกับผู้ใช้ นอกจากการเล่าเรื่องที่ให้รายละเอียดได้มากกว่า ภาพเคลื่อนไหวยังมีฟังก์ชั่นในทางจิตวิทยาต่อผู้ใช้ด้วย แต่แน่นอน ไม่ว่าคุณจะออกแบบอะไร อนิเมชันและกราฟิกเคลื่อนไหวต่างๆ [...]