Please enable JavaScript.
Coggle requires JavaScript to display documents.
UX/UI Design, อัครพล ยมมาก ปวส1/12 เลขที่ 20 - Coggle Diagram
UX/UI Design
-
Wireframe
Wireframe เปรียบเสมือนพิมพ์เขียว หรือที่มักจะเคยได้ยินในหนังฮอลลีวูดว่า ฺBlueprints มันมีหน้าที่คือทำให้ผู้ที่เกี่ยวข้องกับงานนั้น ๆ มองเห็นเป็นภาพเดียวกัน ในมุมของการออกแบบ มันก็คือการทำให้ ทั้ง Business, Developer, Designer, Stakeholder หรือผู้ที่มีส่วนเกี่ยวข้อง มองเห็นชิ้นงานเป็นภาพเดียวกัน ก่อนที่จะเริ่มเอาไปทำเป็น Product จริง ๆ ขึ้นมา
-
การทำ Wireframe
ก่อนอื่นที่จะเริ่มทำ Wireframe เราควรคุยเรื่อง Flow ให้ชัดเจนก่อน ว่า Flow ของระบบนั้นเป็นยังไง ต้องเจออะไรบ้าง
หลังจากได้ Flow แล้วก็เริ่มลงมือวาด เลือกเครื่องไม้เครื่องมือที่คิดว่าตัวเองทำได้เร็วที่สุด แล้ววาดมันออกมา ไม่เน้นสวย เน้นใช้ไอเดียก็เพียงพอแล้ว บางรายละเอียดไม่ต้องลงเยอะมาก
-
UX Design # UI Design
UX Design หรือ User Experience Design เป็นศาสตร์ที่ว่าด้วยประสบการณ์ใช้งานของผู้ใช้ ซึ่งจะเป็นเรื่องของการแก้ปัญหาในการใช้งาน ความรู้สึกของผู้ใช้ ให้ใช้งานได้สะดวกและตอบโจทย์ความต้องการของผู้ใช้มากยิ่งขึ้น
-
ต้องทำการค้นหาปัญหา เก็บข้อมูล และทำการวิเคราะห์ข้อมูลที่ได้มา และเรียบเรียงออกมาเป็น Wireframe สำหรับทำการทดสอบการใช้งานของผู้ใช้ และสุดท้ายเพื่อส่งงานต่อให้กับ UI Designer ได้ทำงานต่อ
-
-
UI Design หรือ User Interface Design นั้นก็คือศาสตร์ที่มาเติมเต็มให้กับ UX นั้นสวยงามและสมบูรณ์ ไม่ว่าจะเป็นเรื่องการจัดวางองค์ประกอบต่างๆ สี ขนาดตัวอักษร ฟอร์มต่างๆ ที่จะไปอยู่ภายในเว็บไซต์ หรือแอพพลิเคชั่นของเราให้สะอาด สวยงาม มีเอกลักษณ์ และใช้งานได้ง่ายยิ่งขึ้นนั่นเอง ซึ่งจะใช้ความคิดริเริ่มสร้างสรรค์เป็นหลัก
-
เมื่อเราได้รับข้อมูล หรือ Wireframe จาก UX Designer แล้ว จะต้องนำข้อมูลที่ได้มาวิเคราะห์ แล้วตีโจทย์ที่ได้ออกมาเป็นภาพ อีกทั้งยังต้องคำนึงถึง Mood&Tone ของ Product นั้นๆ เพื่อให้สอดคล้องและเป็นไปในทางเดียวกันหรือบางครั้งจะต้องสร้าง UI Kits ไว้สำหรับใช้งานใน Product นั้นๆ เพื่อที่จะส่งต่องานให้กับทีมพัฒนาได้ง่ายขึ้น
-
-