ทำไม UX/UI Designer ถึงควรเข้าใจการเขียนโค้ด
ถ้าให้พูดถึงอาชีพที่มาแรงแซงทางโค้งในปี 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 เป็น
- เข้าใจความเป็นไปได้ของ Product มากขึ้น
จริงอยู่ที่ว่านักออกแบบ UX ไม่จำเป็นต้องเขียนโค้ดเป็น แต่แน่นอนว่าการที่คุณมีความรู้ด้าน Coding นั้นย่อมได้เปรียบกว่า เพราะถ้า Designer ขาดความเข้าใจด้สนกระบวนการและการทำงานของระบบต่าง ๆ ก็อาจจะทำให้ออกแบบฟีเจอร์บางอย่างที่ไม่สามารถใช้งานจริงได้ สุดท้าย Product ก็ออกมาไม่ตรงปกเพราะ Developer ทำให้ไม่ได้ เพราะมันเป็นไปไม่ได้ตั้งแต่ต้นแล้ว
ในทางกลับกันถ้านักออกแบบมีความเข้าใจด้านโครงสร้างระบบ ก็จะทำให้สามารถออกแบบชิ้นงานโดยอิงจากความเป็นจริงได้ ความเป็นไปได้ที่ Product จะออกมาตามที่ต้องการก็สูงกว่า แถมยังสามารถเลือก Product design ที่ตอบโจทย์ความต้องการของ User ได้ดีที่สุดอีกด้วย
- Multi-skill ส่งผลดีต่อองค์กร
ในยุค Digital ที่ทุกอย่างเปลี่ยนแปลงอย่างรวดเร็ว องค์กรหลาย ๆ แห่งเริ่มปรับตัวเข้าสู้การเป็น Lean Organization ที่เน้นเรื่องความระฉับกระเฉง คือทำงานได้อย่างมีประสิทธิภาพ ปรับตัวได้อย่างรวดเร็ว และใช้งานทรัพยากรอย่างมีคุณค่า ลดการใช้ต้นทุนในขั้นตอนที่ไม่จำเป็น คนในองค์กรจึงควรจะมีคุณสมบัติที่ค่อนข้าง Multi-skill ดังนั้นคนที่มีทักษะที่หลากหลายก็มักจะเป็นที่ต้องการขององค์กรมากกว่า
การที่ UX/UIฺ designer มีความสามารถด้าน Coding จึงนับว่าเป็นเรื่องดี เพราะความเข้าใจด้านการทำงานของตัวระบบ จะทำให้ทีมสามารถผลิต Product ออกมาได้อย่างรวดเร็ว ลดขั้นตอนที่ไม่จำเป็นได้ ไม่ต้องปรับแก้มากจนยืดเยื้อ ส่งงานทันเวลาและสร้างความประทับใจให้ผู้ใช้งานได้เป็นอย่างดี ซึ่งทำให้ Workflow ขององค์กรมีศักยภาพสูงตามหลัก Lean Organization
- ทำงานเร็วขึ้นแบบคูณสิบ
นอกจากการออกแบบ สิ่งสำคัญอีกอย่างหนึ่งที่เหล่า Designer ต้องคำนึงถึงคือความราบรื่นในกระบวนการสร้าง Product เพราะนักออกแบบที่ดีต้องช่วยให้การสร้างชิ้นงานแต่ละชิ้นดำเนินการไปได้อย่างรวดเร็วและสมบูรณ์ ซึ่งถ้าคนออกแบบ UX/UI มีความรู้เชิงลึกเกี่ยวกับการเขียนโค้ด ก็จะช่วยให้ทีม Dev ทำงานง่ายขึ้น ลดขั้นตอนหลายอย่าง ทำให้ Workflow ในการทำงานนั้นไหลลื่นขึ้นเป็นเท่าตัว
- เพิ่มโอกาสในสายงานได้
ถ้าว่าตามสถิติแล้ว UX/UIฺ Designer ที่มีมีความสามารถเกี่ยวกับ Coding จะได้รับโอกาสในการทำงานมากกว่า
จากสถิติของ Toptal เองพบว่าองค์กรที่เป็น Lean Organization และ Startup มีแนวโน้มที่จะสนใจ Designer ที่มีสกิล Front-end เบื้องต้นได้ในเวลาเดียวกัน ดังนั้นถ้าในโปรไฟล์ของเรามีประสบการณ์และผลงานจำพวก HTML CSS หรือ JS ติดสอบห้อยตามมาด้วย ก็จะช่วยสร้างความโดดเด่นให้โปรไฟล์ได้ไม่น้อยเลย
- สื่อสารกับทีม 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 อีกนิดหน่อยก็ได้”
- HTML
ประเภท : Front-end development
ถ้าคุณต้องทำงานร่วมกับ Web developer เจ้า HTML จะเป็นสิ่งที่ต้องพบเจออย่างแน่นอน เพราะ HTML เป็นภาษาคอมพิวเตอร์ที่ใช้สร้างหน้าเว็บในรูปแบบของไฟล์ HyperText Markup (.htm / .html) ซึ่งส่วนมากจะใช้ในการสร้าง Structure รวมถึง Basic Contents อย่าง Heading, Paragraph, Quotes, รูปภาพต่าง ๆ เป็นต้น ถ้าจะพูดให้เห็นภาพ HTML นั้นเป็นเหมือนโครงกระดูกของเว็บไซต์นั่นเอง
- CSS
ประเภท : Front-end development
CSS หรือที่รู้จักกันในชื่อ Cascading Style Sheets เป็นภาษาที่มักใช้ร่วมกับ HTML ซึ่งโดยทั่วไปจะใช้สร้างรูปแบบ สี พื้นหลัง ฟอนต์ กรอบข้อความ และองค์ประกอบจำพวก Visual aspects ของหน้าเว็บ พูดง่าย ๆ ว่า CSS เป็นภาษาที่เกี่ยวข้องกับความสวยงามของหน้าเว็บ เปรียบเหมือนผิวหนังภายนอกที่หุ้มกระดูกอย่าง HTML เอาไว้นั่นเอง
- 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
