การเข้ารหัสสำหรับนักออกแบบ - เราควรรู้มากแค่ไหน?

ทำสิ่งที่คุณเป็นเลิศแล้วผลักดันตัวเองให้ก้าวต่อไป

ชุมชนการออกแบบส่วนใหญ่ยังคงถกเถียงกันอยู่ว่านักออกแบบควรเขียนโค้ดหรือไม่ บางคนชอบที่จะแสวงหายูนิคอร์นที่สามารถทำได้ทั้งสองอย่าง ในขณะที่บางคนอ้างว่าไม่มีอยู่จริง หรือเพียงแค่เข้ามาขวางทาง

นักออกแบบหลายคนคิดว่านักออกแบบและนักพัฒนาจำเป็นต้องร่วมมือกัน แต่แต่ละสาขาวิชาควรยึดถือในสิ่งที่พวกเขารู้ คนอื่นมองว่าไม่มีปัญหากับมืออาชีพที่สวมหมวกหลายใบ นักพัฒนาหลายคนมองว่านักออกแบบเขียนโค้ดภัยคุกคาม ในขณะที่คนอื่นๆ มองว่าพวกเขาเป็นผู้ร่วมงานที่ยินดีต้อนรับและเรียนรู้ที่จะพูดภาษาของพวกเขา

จุดที่น่าสนใจซึ่งเรียกว่า " ความเข้าใจร่วมกัน " น่าจะอยู่ตรงกลาง การรู้เพียงเล็กน้อยเกี่ยวกับโค้ด ไม่ได้หมายความว่านักออกแบบจะต้องเป็น ผู้เชี่ยวชาญ coder แต่เพียงแค่เข้าใจมุมมองของนักพัฒนา

UI หรือ “เลเยอร์การนำเสนอ” เป็นสนามเด็กเล่นของนักออกแบบ แต่การเน้นไปที่สิ่งนั้นเพียงอย่างเดียวนั้นคล้ายกับการพิจารณาเฉพาะส่วนหน้าของอาคารเท่านั้น นักออกแบบที่ยอดเยี่ยมเข้าใจดีว่าความคุ้นเคยกับพื้นฐานทางเทคโนโลยีที่นำเสนอการออกแบบไม่เพียงแต่ทำให้นักออกแบบประทับใจมากขึ้นเท่านั้น แต่ยังช่วยเพิ่มโอกาสทางอาชีพของพวกเขาอีกด้วย

ดังที่ Aaron Walter รองประธานฝ่าย Design Education ที่ InVision กล่าวไว้ในบทความ Toptal Design Talks ว่า “มันจะไม่ทำลายนักออกแบบหากพวกเขารู้เพียงเล็กน้อยเกี่ยวกับวิธีเขียน HTML และ CSS บางส่วน อาจเป็น JavaScript เล็กน้อย”

หัวข้อ "นักออกแบบควรเรียนรู้การเขียนโค้ด" ทั้งหมดมีการอภิปรายกันอย่างถึงพริกถึงขิง แม้ว่านักออกแบบที่ยอดเยี่ยมบางคนจะเขียนโค้ดได้ดี แต่หลายคนเชื่อว่าการมุ่งเน้นที่ทักษะเฉพาะอย่างไม่มีการแบ่งแยกจะทำให้มืออาชีพแข็งแกร่งขึ้น หลายคนยังเชื่อว่าทุกวันนี้ การเป็นนักออกแบบที่มีทักษะหลากหลายนั้นเป็นข้อดีอย่างมาก และไม่ควรมีอะไรมาขวางทางนักออกแบบที่มีทักษะที่มีประโยชน์อย่างอื่น เช่น การเขียนโค้ด ภายใต้เข็มขัดของพวกเขา

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

ประโยชน์ของการรู้ HTML พื้นฐานและ CSS

นักออกแบบจะได้รับประโยชน์อย่างมากจากการได้รับความรู้พื้นฐานเกี่ยวกับสิ่งที่เรียกว่า “ส่วนหน้า” (เลเยอร์การนำเสนอ) ที่ขับเคลื่อนด้วย HTML (ภาษามาร์กอัปข้อความไฮเปอร์) และ CSS (สไตล์ชีตแบบเรียงซ้อน ซึ่งเป็นภาษาที่อธิบายลักษณะส่วนประกอบในเอกสาร HTML) และอาจจะแปลกใจว่าการเรียนรู้พื้นฐานนั้นง่ายเพียงใด

HTML และ CSS ไม่เกี่ยวข้องกับตรรกะในการเขียนโปรแกรม ตัวอักษร M ใน HTML ย่อมาจาก "Markup" ซึ่งเป็นวิธีอธิบายโครงสร้างโค้ดขององค์ประกอบของหน้าซึ่งเป็นส่วนประกอบสำคัญของหน้า HTML พร้อม CSS และ JavaScript สร้างเทคโนโลยีพื้นฐานสามกลุ่มสำหรับเวิลด์ไวด์เว็บ

ในแง่ของคนธรรมดา HTML คือแผนที่สถาปัตยกรรมที่บอกเบราว์เซอร์ ว่า จะแสดงอะไร และ CSS หรือ Cascading Style Sheets คือโค้ดที่บอกเบราว์เซอร์ ถึงวิธี การแสดงสิ่งต่างๆ

ถ้าพูดเชิงเปรียบเทียบ ถ้า HTML เป็นโครงร่างของหน้า CSS จะอธิบายความสูง รูปร่าง ผิว สีตา สีผม ฯลฯ ภาษามีโครงสร้างโค้ดที่ง่ายมากที่กำหนดรูปแบบตัวอักษร สี ตำแหน่งและขนาด .

การทำความเข้าใจโค้ดและวิธีการเขียนโค้ดคือการทำความเข้าใจเกี่ยวกับพิกเซล

การเรียนรู้วิธีเขียนโค้ด UI ส่วนหน้าและการแสดงตัวอย่างช่วยให้นักออกแบบมีโอกาสมองเห็นได้ทันทีว่าสิ่งต่างๆ จะแสดงอย่างไรเมื่อดูบนอุปกรณ์ต่างๆ หากนักออกแบบเล่นกับ HTML และ CSS พวกเขาจะสังเกตเห็นว่าทุกอย่างถูกวัดเป็นพิกเซล (มีหน่วยการวัดอื่นๆ เช่น “ems” และเปอร์เซ็นต์ที่จะแปลงเป็นพิกเซลในท้ายที่สุด)

การทำความเข้าใจการวัดและโครงสร้างโค้ด เช่น วิธี แสดงหน้า จะช่วยให้เข้าใจกระบวนการพัฒนาส่วนหน้าอย่างลึกซึ้งยิ่งขึ้น ซึ่งจะทำให้นักออกแบบคิดอย่างลึกซึ้งยิ่งขึ้นเกี่ยวกับการออกแบบของพวกเขาและวิธีทำให้พวกเขามีประสิทธิภาพมากขึ้นสำหรับกระบวนการนั้น พวกเขาจะรู้ว่าสิ่งใดสามารถบรรลุได้ง่ายและสิ่งใดที่ท้าทายกว่า

Front-end JavaScript และ Ajax Know-how ทำให้นักออกแบบเป็นสินทรัพย์ที่ไม่ซ้ำใคร

นี่คือสิ่งที่อาจเริ่มซับซ้อน แต่ก็เป็นที่ที่ความสนุกสนานมากมายเกิดขึ้นด้วย หากนักออกแบบเป็นนักคิดเชิงวิเคราะห์ หรือมีแรงจูงใจเป็นพิเศษ พวกเขาจะได้ประโยชน์มากมายจากการเรียนรู้ JavaScript และ Ajax (Asynchronous JavaScript และ XML) ทำไม?

การสาธิตความรู้ด้านเทคนิค UI ส่วนหน้าและความชำนาญใน Ajax จะช่วยให้ได้รับความเคารพจากนักพัฒนาอย่างมาก ความสามารถในการอ้างอิง JavaScript และ Ajax และ วิธี การใช้งานจะช่วยเพิ่มความสามารถของนักออกแบบในการนำเสนอแนวคิดการออกแบบที่ซับซ้อนเป็นพิเศษให้กับนักพัฒนา เช่น การออกแบบฟังก์ชันเฉพาะใน UI

มุมมองของนักออกแบบจะกว้างขึ้นหากพวกเขาสบายใจที่จะรู้ว่าเทคโนโลยีจะพาพวกเขาไปได้ไกลแค่ไหน และพวกเขาสามารถผลักดันให้สร้างสรรค์นวัตกรรมได้ไกลแค่ไหน ไม่จำเป็นต้องลงลึกในการเขียนโค้ดและเทคโนโลยีต่างๆ หากนักออกแบบรู้พื้นฐานของ HTML, CSS และ JavaScript ด้วยการโรย Ajax พวกเขาจะนำหน้าคู่แข่งไปหลายไมล์ สิ่งเหล่านี้จะเป็นทรัพย์สินเฉพาะของบริษัทและทีมผลิตภัณฑ์

นักออกแบบสามารถก้าวไปอีกระดับด้วย JavaScript Basics

แม้ว่านักออกแบบสามารถหยุดที่นี่และนำแบ็คเอนด์ (ชั้นการเข้าถึงข้อมูล) ไปใช้โดยนักพัฒนา พวกเขาสามารถทำให้การออกแบบมีไดนามิกมากขึ้นโดยการเพิ่มสคริปต์ ป้อน JavaScript (ภาษาสคริปต์) ซึ่งเป็นภาษาการเขียนโปรแกรมสำหรับเว็บ

ในช่วงต้นทศวรรษ 2000 เมื่อเว็บยังคงพัฒนา เอเจนซี่เช่น Fantasy และ Firstborn สร้างความประทับใจอย่างมากให้กับชุมชนการออกแบบเว็บเมื่อพวกเขาใช้ประโยชน์จาก JavaScript ในรูปแบบที่ไม่ธรรมดา สร้างสรรค์ และสร้างสรรค์

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

ไม่มีการจำกัดสิ่งที่สามารถทำได้ด้วย JavaScript ในการพัฒนาส่วนหน้า มันเป็นภาษา โปรแกรม : ฟังก์ชั่น, วัตถุ, ตรรกะ, เงื่อนไข, คณิตศาสตร์, คณิตศาสตร์และคณิตศาสตร์อื่น ๆ ซึ่งอาจเป็นเรื่องยากสำหรับบางคน แต่ก็ไม่ได้ยากนักที่จะเรียนรู้ โดยเฉพาะอย่างยิ่งเมื่อพิจารณาถึงสิ่งที่ลูกค้าส่วนใหญ่ต้องการ

การเรียนรู้การเขียนโค้ดจะช่วยปรับปรุงการทำงานร่วมกับนักพัฒนา

ความสัมพันธ์ที่โรแมนติกจะง่ายขึ้นไหมถ้าผู้ชายและผู้หญิงสามารถอ่านใจของกันและกันได้? บางคนคิดอย่างนั้น สิ่งเดียวกันนี้ใช้กับนักออกแบบและนักพัฒนา

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

นักออกแบบที่เขียนโค้ดจะเห็นโอกาสในการทำงานมากขึ้น

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

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

นักออกแบบอาจไม่มีเวลาเพียงพอในการเรียนรู้ทุกสิ่ง แต่การรู้ HTML และ CSS ของวานิลลาน่าจะเพียงพอที่จะเพิ่มความแตกต่างที่สำคัญระหว่างอาชีพที่เฟื่องฟูและทางตัน ควรเป็นกระบวนการที่ง่ายและรวดเร็วสำหรับนักออกแบบในการทำตามขั้นตอนแรก ยิ่งพวกเขารู้มากเท่าไหร่ ก็ยิ่งขยายขอบเขตอันไกลโพ้นในด้านโอกาสในการทำงานได้มากขึ้นเท่านั้น

นักออกแบบควรเรียนรู้การเขียนโค้ดหรือไม่

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

นักออกแบบมีแนวทาง กระบวนการ คลังเครื่องมือในการออกแบบ และผลงาน แต่นั่นเป็นเพียงส่วนหนึ่งของสมการเท่านั้น การสำรวจและรวบรวมความเข้าใจเกี่ยวกับ วิธีการนำ เสนอการออกแบบ UI โดยใช้เทคโนโลยีดิจิทัลต่างๆ สามารถนำนักออกแบบไปสู่ระดับต่อไปและเพิ่มความสามารถในการนำเสนอการออกแบบที่ยอดเยี่ยม

โอกาสในการทำงานในสาขาการออกแบบเพิ่มมากขึ้นเรื่อยๆ รวมถึง "สิ่งที่ดี" เช่น การพัฒนาเว็บขั้นพื้นฐานและทักษะการสร้างต้นแบบโดยใช้ HTML, CSS และ JavaScript เป็นหน้าที่ของนักออกแบบแต่ละคนที่จะตัดสินใจว่าจะต้องสู้ขนาดไหน เห็นได้ชัดว่ามีความจำเป็น

AI จะกำจัดนักพัฒนา Front-end หรือไม่?

คำถามหนึ่งยังคงอยู่: การเขียนโค้ดสำหรับนักออกแบบจะยังคงเกี่ยวข้องในระยะยาวหรือไม่ มีความคิดในหมู่นักออกแบบว่าด้วย AI และการเรียนรู้ของเครื่อง นักออกแบบจะสามารถออกแบบโดยไม่ต้องใช้โค้ดได้ในไม่ช้า เพียงลากแล้ววางและเคลื่อนย้ายสิ่งของต่างๆ บนหน้าจอ จากนั้นกดปุ่มและ AI จะเข้ารหัสทั้งหมด กล่าวอีกนัยหนึ่ง งานสำหรับนักพัฒนาส่วนหน้าประเภทนี้จะหายไปอย่างรวดเร็ว

ในกรณีที่นักออกแบบกังวล คำตอบอาจอยู่ที่การคิดระยะสั้นและระยะยาว ในอนาคตอันใกล้นี้ AI จะไม่เข้ามาแทนที่ และนักออกแบบที่เขียนโค้ดอาจยังคงเป็นที่ต้องการสูง ในระยะสั้น นักออกแบบที่ต้องการโดดเด่นควรเก็บทักษะการเขียนโปรแกรมพื้นฐานบางอย่าง เช่น JavaScript และ Ajax ไว้ในคลังแสง

ความเชี่ยวชาญในการเขียนโปรแกรมสำหรับนักออกแบบจะช่วยเพิ่มอาชีพ

นักออกแบบ UI ที่มีความปรารถนาที่จะเติบโตและเพิ่มทักษะของพวกเขามีตัวเลือกสองสามทางให้เลือก พวกเขาสามารถปัดฝุ่นทักษะการออกแบบที่หลากหลายและย้ายไปยังบทบาทอื่นๆ เช่น การออกแบบภาพ UX หรือแม้แต่การวิจัย UX พวกเขายังสามารถไต่ระดับทีละขั้นในบทบาทระดับอาวุโส หัวหน้า หัวหน้า ผู้จัดการ และระดับผู้อำนวยการได้อีกด้วย

อย่างไรก็ตาม เพื่อส่งเสริมอาชีพของตนอย่างแท้จริง นักออกแบบอาจต้องการเจาะลึกการพัฒนามากขึ้น การได้รับความรู้เชิงลึกเกี่ยวกับเทคโนโลยีต่างๆ ที่ขับเคลื่อนผลิตภัณฑ์ดิจิทัลในปัจจุบัน จะช่วยให้พวกเขามีทักษะที่เป็นที่ต้องการอย่างมาก ซึ่งจะเป็นการเปิดประตูสู่โอกาสในการทำงานในบริษัทขนาดใหญ่และขนาดเล็กมากขึ้น

นักออกแบบควรเขียนโค้ดหรือไม่? อาจจะอาจจะไม่. แต่นักออกแบบที่เขียนโค้ดหรืออย่างน้อยก็แสดงความรู้เชิงลึกเกี่ยวกับเทคโนโลยีต่างๆ จะกลายเป็นทรัพยากรที่ยอดเยี่ยมสำหรับทีมสหสาขาวิชาชีพใดๆ และมันจะคุ้มค่าในระยะยาวอย่างแน่นอน

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

• หลักการออกแบบ UX บนมือถือและแนวทางปฏิบัติที่ดีที่สุด
• การออกแบบ UX บนมือถือ – แนวทางปฏิบัติที่ดีที่สุด ข้อจำกัด และการทำงานกับนักพัฒนา
• การออกแบบข้ามวัฒนธรรมและบทบาทของ UX
• หลักการออกแบบและความสำคัญ
• ผลงานออกแบบ UX ที่ดีที่สุด – กรณีศึกษาและตัวอย่างที่สร้างแรงบันดาลใจ