ทำไม UX/UI Designer ถึงควรเข้าใจการเขียนโค้ด

ทำไม UX/UI Designer ถึงควรเข้าใจการเขียนโค้ด

admin

28 Oct 2022 | 2 นาทีอ่าน

ถ้าให้พูดถึงอาชีพที่มาแรงแซงทางโค้งในปี 2022 ก็คงปฏิเสธไม่ได้ที่จะนึกถึง UX/UI Designer เพราะการเข้ามาของโรคระบาดอย่างโควิด – 19 ทำให้เกิดกระแสการเปลี่ยนแปลงที่เหล่าธุรกิจน้อยใหญ่ต้อง Digitalize ช่องทางการตลาดของตัวเอง ไม่ว่าจะเป็นการสร้างแพลตฟอร์ม E-commerce เพื่อซื้อขายแลกเปลี่ยน สร้างหน้าเว็บไซต์หรือแอปพลิเคชันเพื่อประชาสัมพันธ์ให้กลุ่มเป้าหมายเข้าถึงแบรนด์ของเราง่ายขึ้น เมื่อผู้ประกอบการต้องการแพลตฟอร์มต่าง ๆ สำหรับรองรับความเปลี่ยนแปลงในยุค Digital Transformation เหล่า UX/UI Designer จึงกลายเป็นบุคคลสำคัญที่จะเข้ามาช่วยออกแบบแพลตฟอร์มให้หน้าตาสวยงามและใช้งานง่าย เพื่อประสบการณ์การใช้งานที่ดีที่สุดชนิดที่ว่าชนะใจผู้ใช้ไปเลย 

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

ทำให้เกิดมีประเด็นถกเถียงในวงการ UX/UI Design อยู่ ซึ่งหัวข้อฮอตฮิตที่ว่าก็หนีไม่พ้น  “การออกแบบ UX/UI ควรเขียนโค้ดเป็นไหม?”  

คำตอบคือ ไม่จำเป็น เพราะการทำ UX กับ UI ส่วนมากไม่ต้องเขียนโค้ดอยู่แล้ว 

แต่ถ้าถามว่า “UX/UI Designer ควรรู้เรื่องการเขียนโค้ดไหม?” ก็คงจะต้องตอบว่า ควร เพราะความรู้ด้าน Coding จะเป็นประโยชน์ที่ช่วยให้นักออกแบบ UX/UI เข้าใจโครงสร้างของระบบ ซึ่งจะทำให้วางแผนงานง่าย เดินงานราบรื่นมากขึ้น รวมถึงเข้าใจกระบวนการทำงานของทีม Developer มากขึ้น ไม่ต้องทะเลาะกับชาว Dev ให้ใจเจ็บอีกต่อไป

พูดลอย ๆ แบบนี้หลายคนอาจจะยังไม่เห็นภาพ ในบทความนี้ Talance จึงอยากพาคุณไปดู 5 เหตุผลที่คนทำ UX/UI ต้องรู้เรื่องการ Coding พร้อมกับภาษาต่าง ๆ ที่เหล่า Designer ควรรู้เพิ่มเติม 

5 เหตุผลที่ UX/UI Designer ควร Coding เป็น

  1. เข้าใจความเป็นไปได้ของ Product มากขึ้น

จริงอยู่ที่ว่านักออกแบบ UX ไม่จำเป็นต้องเขียนโค้ดเป็น แต่แน่นอนว่าการที่คุณมีความรู้ด้าน Coding นั้นย่อมได้เปรียบกว่า เพราะถ้า Designer ขาดความเข้าใจด้สนกระบวนการและการทำงานของระบบต่าง ๆ ก็อาจจะทำให้ออกแบบฟีเจอร์บางอย่างที่ไม่สามารถใช้งานจริงได้ สุดท้าย Product ก็ออกมาไม่ตรงปกเพราะ Developer ทำให้ไม่ได้ เพราะมันเป็นไปไม่ได้ตั้งแต่ต้นแล้ว 

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

  1. Multi-skill ส่งผลดีต่อองค์กร

ในยุค Digital ที่ทุกอย่างเปลี่ยนแปลงอย่างรวดเร็ว องค์กรหลาย ๆ แห่งเริ่มปรับตัวเข้าสู้การเป็น Lean Organization ที่เน้นเรื่องความระฉับกระเฉง คือทำงานได้อย่างมีประสิทธิภาพ ปรับตัวได้อย่างรวดเร็ว และใช้งานทรัพยากรอย่างมีคุณค่า ลดการใช้ต้นทุนในขั้นตอนที่ไม่จำเป็น คนในองค์กรจึงควรจะมีคุณสมบัติที่ค่อนข้าง Multi-skill ดังนั้นคนที่มีทักษะที่หลากหลายก็มักจะเป็นที่ต้องการขององค์กรมากกว่า 

การที่ UX/UI designer มีความสามารถด้าน Coding จึงนับว่าเป็นเรื่องดี เพราะความเข้าใจด้านการทำงานของตัวระบบ จะทำให้ทีมสามารถผลิต Product ออกมาได้อย่างรวดเร็ว ลดขั้นตอนที่ไม่จำเป็นได้ ไม่ต้องปรับแก้มากจนยืดเยื้อ ส่งงานทันเวลาและสร้างความประทับใจให้ผู้ใช้งานได้เป็นอย่างดี ซึ่งทำให้ Workflow ขององค์กรมีศักยภาพสูงตามหลัก Lean Organization

  1. ทำงานเร็วขึ้นแบบคูณสิบ

นอกจากการออกแบบ สิ่งสำคัญอีกอย่างหนึ่งที่เหล่า Designer ต้องคำนึงถึงคือความราบรื่นในกระบวนการสร้าง Product เพราะนักออกแบบที่ดีต้องช่วยให้การสร้างชิ้นงานแต่ละชิ้นดำเนินการไปได้อย่างรวดเร็วและสมบูรณ์ ซึ่งถ้าคนออกแบบ UX/UI มีความรู้เชิงลึกเกี่ยวกับการเขียนโค้ด ก็จะช่วยให้ทีม Dev ทำงานง่ายขึ้น ลดขั้นตอนหลายอย่าง ทำให้ Workflow ในการทำงานนั้นไหลลื่นขึ้นเป็นเท่าตัว

  1. เพิ่มโอกาสในสายงานได้

ถ้าว่าตามสถิติแล้ว UX/UI Designer ที่มีมีความสามารถเกี่ยวกับ Coding จะได้รับโอกาสในการทำงานมากกว่า 

จากสถิติของ Toptal เองพบว่าองค์กรที่เป็น Lean Organization และ Startup มีแนวโน้มที่จะสนใจ Designer ที่มีสกิล Front-end เบื้องต้นได้ในเวลาเดียวกัน ดังนั้นถ้าในโปรไฟล์ของเรามีประสบการณ์และผลงานจำพวก HTML CSS หรือ JS ติดสอบห้อยตามมาด้วย ก็จะช่วยสร้างความโดดเด่นให้โปรไฟล์ได้ไม่น้อยเลย

  1. สื่อสารกับทีม Developer ได้ง่าย

อีกหนึ่งข้อดีซึ่งเป็นผลพลอยได้จากการเขียนโค้ดเป็นคือ เราจะสามารถเข้าใจกระบวนการทำงานและโครงสร้างของระบบโปรแกรมต่าง ๆ ทำให้เราสื่อสารกับทีม Developer ได้ง่ายขึ้นมาก ๆ เพราะแน่นอนว่าทีม Designer และ Developer ต้องร่วมงานกันอยู่บ่อย ๆ ดังนั้นความเข้าใจศาสตร์ของเพื่อนร่วมงานที่รัก จะทำให้ทั้งสองฝ่ายคุยภาษาเดียวกันได้อย่างคล่องปร๋อ นำมาซึ่งการทำงานที่มีประสิทธิภาพและความสัมพันธ์ที่ดีระหว่างเพื่อนร่วมงาน 

ภาษาน่ารู้สำหรับชาว UX/UI Designer 

ในเมื่อรู้ถึงข้อดีของการเขียนโค้ดแล้ว ทีนี้เรามาดูกันดีกว่าว่าภาษาไหนบ้างที่คนทำ UX/UI ควรรู้ ซึ่งหลัก ๆ แล้วก็จะมี 2 ภาษาคือ HTML และ CSS ที่ส่วนมากจะเข้ามามีบทบาท แต่เนื้อหาตรงนี้เราจะแนะนำ JavaScript เพิ่มเติมตามความเหมาะสม รวมเป็น 3 ภาษา ตามคำแนะนำของ Aaron Walter รองประธานฝ่าย Design Education ที่ InVision กล่าวในบทความ Toptal Design Talks ว่า “สำหรับนักออกแบบแล้ว มันไม่ได้หนักหนาสาหัสเลยถ้าพวกเขามีความเข้าใจด้านการเขียน HTML และ CSS บางส่วน หรือ JavaScript อีกนิดหน่อยก็ได้”

ภาษา Coding สำหรับ UX/UI Designer
  1. HTML

ประเภท : Front-end development

ถ้าคุณต้องทำงานร่วมกับ Web developer เจ้า HTML จะเป็นสิ่งที่ต้องพบเจออย่างแน่นอน เพราะ HTML เป็นภาษาคอมพิวเตอร์ที่ใช้สร้างหน้าเว็บในรูปแบบของไฟล์ HyperText Markup (.htm / .html)  ซึ่งส่วนมากจะใช้ในการสร้าง Structure รวมถึง Basic Contents อย่าง Heading, Paragraph, Quotes, รูปภาพต่าง ๆ เป็นต้น ถ้าจะพูดให้เห็นภาพ HTML นั้นเป็นเหมือนโครงกระดูกของเว็บไซต์นั่นเอง

  1. CSS

ประเภท : Front-end development

CSS หรือที่รู้จักกันในชื่อ Cascading Style Sheets เป็นภาษาที่มักใช้ร่วมกับ HTML ซึ่งโดยทั่วไปจะใช้สร้างรูปแบบ สี พื้นหลัง ฟอนต์ กรอบข้อความ และองค์ประกอบจำพวก Visual aspects ของหน้าเว็บ พูดง่าย ๆ ว่า CSS เป็นภาษาที่เกี่ยวข้องกับความสวยงามของหน้าเว็บ เปรียบเหมือนผิวหนังภายนอกที่หุ้มกระดูกอย่าง HTML เอาไว้นั่นเอง

  1. JavaScript

ประเภท : Front-end development

นึกถึงภาษาที่ Popular ที่สุดในโลกก็ต้องนึกถึง JavaScript หรือ JS ภาษาคอมพิวเตอร์ยอดนิยมตลอดกาลของชาว Dev ซึ่ง JavaScript เป็นภาษาระดับสูงและมีไวยากรณ์ของตัวเอง ซึ่งในปัจจุบัน JavaScript นับว่าเป็นอีกหนึ่งเทคโนโลยีหลักในการสร้างหน้าเว็บไซต์เลย เพราะพี่คนนี้จะทำหน้าที่สร้าง Dynamic website ทำให้เว็บไซต์รองรับการโต้ตอบจากผู้ใช้ รวมถึงภาพเคลื่อนไหวและฟังก์ชั่นอัตโนมัติต่าง ๆ โดยไม่ต้องรีเฟรชหน้าใหม่ เว็บไซต์จำนวนมากในปัจจุบันจึงใช้ภาษา JavaScript ร่วมกับ HTML เพื่อเพิ่มลูกเล่นให้ตัวเว็บไซต์

สรุป

การเป็น UX/UI Designer ในยุคแห่งการเปลี่ยนแปลง แม้การเขียนโค้ดจะไม่ใช่สิ่งที่จำเป็น แต่ความรู้เพิ่มเติมในศาสตร์ของ Coding จะทำให้การทำงานในฐานะคนออกแบบง่ายขึ้นเป็นเท่าตัวทั้ง UX และ UI เพราะการเขียนโค้ด Front-end เบื้องต้นเป็น จะทำให้เรามองเห็นความเป็นไปได้ของชิ้นงานมากกว่า ทำให้สามารถทำงานได้เร็ว ไม่ต้องแก้งานโดยไม่จำเป็นหรือตีกลับไปมาให้เสียเวลา ทั้งยังสามารถสื่อสารกับทีม Developer ได้อย่างมีประสิทธิภาพ ทำให้เกิดบรรยากาศที่ดีในการทำงาน นอกจากนั้นแล้วยังทำให้โปรไฟล์ของเราโดดเด่นและเป็นที่ต้องการอีกด้วย ถือว่าได้กำไรสุด ๆ ไปเลย

Ref:

Do UX/UI Designers Code? Or Can You Get Away Without It? | Flatiron School

Coding for Designers – How Much Should We Know? | Toptal

Does UX Design Require Coding? (2022 Guide) | BrainStation®

7 programming languages that UX designers should know – UX Design Institute

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments

บทความที่เกี่ยวข้อง