สรุปโดยย่อ: การอ่านนี้ให้ประวัติโดยย่อของระบบการออกแบบ

เส้นเวลา:

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

ในการประชุม NATO Conference on Software Engineering ในปี 1968 Douglas McIlroy ได้เสนอการพัฒนาโดยใช้ส่วนประกอบเป็นวิธีแก้ปัญหา แนวทางนี้ช่วยให้โปรแกรมเมอร์เร่งความเร็วของงานโดยการนำโค้ดกลับมาใช้ใหม่ ทำให้มีประสิทธิภาพมากขึ้นและปรับขนาดได้ง่ายขึ้น

การออกแบบตามค่าเริ่มต้นนั้นไม่สามารถปรับขนาดได้เนื่องจากการออกแบบนั้นมีเอกลักษณ์เฉพาะสำหรับแต่ละโซลูชันสำหรับปัญหาที่แตกต่างกัน

อย่างไรก็ตาม ในปี 2548 Jenifer Tidwell ได้ตีพิมพ์หนังสือ O'Reilly ที่ได้รับการยกย่องอย่างกว้างขวาง ชื่อDesigning Interfaces Tidwell ขยายงานที่เธอเริ่มเมื่อห้าปีก่อนที่ MIT โดยทำงานเกี่ยวกับภาษาแบบแผน ในหนังสือของเธอ Tidwell ได้รวบรวมโซลูชันการออกแบบทั่วไปในรูปแบบต่างๆ ที่ใช้ซ้ำได้ ตั้งแต่ 'รูปแบบ' ไปจนถึง 'เมนู' ไปจนถึง 'การนำทาง' รูปแบบเหล่านี้เมื่อนำไปใช้กับการออกแบบดิจิทัล เป็นวิธีที่คาดเดาได้ในการสร้างอินเทอร์เฟซที่ผู้ใช้รู้สึกคุ้นเคยและเข้าใจได้ง่าย ความคิดของ Tidwell เป็นรากฐานสำหรับแนวทางการออกแบบระบบที่รอบคอบมากขึ้น สำหรับนักพัฒนาเว็บ สิ่งนี้เริ่มต้นด้วยการจัดระเบียบและนำโค้ดกลับมาใช้ใหม่อย่างมีประสิทธิภาพมากขึ้น

ในปี 2549 ยาฮู! เปิดตัว Yahoo User Interface Library (YUI) เป็นซอฟต์แวร์โอเพ่นซอร์ส YUI คือ "ชุดยูทิลิตี้และการควบคุมที่เขียนด้วย JavaScript สำหรับสร้างเว็บแอปพลิเคชันเชิงโต้ตอบที่สมบูรณ์" ต่อมา YUI ได้รวมองค์ประกอบของ CSS ไว้ด้วย ประกอบด้วยองค์ประกอบหลายอย่างที่สามารถผสมและจับคู่ในหน้าต่างๆ สามารถใช้ร่วมกันเพื่อสร้างแอปพลิเคชัน Web 2.0 แบบไดนามิก Yahoo! ทีมใช้เป็นการภายในเพื่อสร้างหน้าเว็บที่ผู้ใช้เห็น เช่น My Yahoo!

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

ในปี 2014 Google ได้เปิดตัวMaterial Designซึ่งเป็นภาษาแรกที่บริษัทเรียกว่า "ภาษาการออกแบบ" เวอร์ชันก่อนหน้านี้เรียกว่า "Holo Theme" ในไม่ช้า บริษัทอื่นๆ ก็เริ่มใช้คำว่า "ภาษาการออกแบบ"

นี่คือประวัติอันยาวนานของ Design System นอกจากนี้ ฉันได้รวมลิงก์ที่มีประโยชน์ไปยัง Design Systems ที่ดูแลโดยองค์กรของพวกเขา:-

• ออนเซ็น UI
• ระบบการออกแบบคาร์บอน
• ดาวเหนือ

PS/FYI: การสร้างและบำรุงรักษาระบบการออกแบบที่ครอบคลุมอาจเป็นงานที่ท้าทายสำหรับคนเดียว หากคุณเป็นนักออกแบบที่กำลังอ่านข้อความนี้ ขอแนะนำให้คุณมุ่งเน้นที่การสร้างไลบรารีส่วนประกอบสำหรับการออกแบบส่วนบุคคลของคุณ และปล่อยให้การพัฒนาและการบำรุงรักษาระบบการออกแบบเป็นของบริษัทที่มีทรัพยากรสำหรับมัน