พลังของโครงสร้าง – คู่มือการออกแบบแบบจำลองระบบ

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

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

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

หลังจากปี 2550 การหลั่งไหลเข้ามาของดิจิทัลทำให้ธุรกิจต้องตั้งใจมากขึ้นเกี่ยวกับการทำงานร่วมกันในการออกแบบผลิตภัณฑ์และแพลตฟอร์มต่างๆ มีการเน้นที่แนวทางแบบภาพและไลบรารีส่วนประกอบ แต่เอกสารดังกล่าวก็ถูกรวมเข้าด้วยกันอย่างรวดเร็วในหน้าของ PDF และไฟล์ที่แชร์ ผ่านการลองผิดลองถูก ผู้ผลิตระบบการออกแบบที่ทันสมัยได้มาดูงานของพวกเขาว่าเป็นผลิตภัณฑ์ที่มีชีวิตไม่ใช่เอกสารคงที่

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

Zalando: Collaboration as a Design System Model

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

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

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

เมื่อทีมฟีเจอร์ของ Zalando พบว่าตัวเองต้องการโซลูชันที่ขัดแย้งกับระบบการออกแบบของบริษัท ทีมดังกล่าวจะยื่นคำร้องโดยใช้ Google ฟอร์มอย่างง่าย เมื่อได้รับตั๋วเงินบริจาค ZDS จะตรวจสอบและจัดหมวดหมู่คำขอเปลี่ยนแปลงเป็น Light , Medium หรือ Heavy แต่ละหมวดหมู่มีลำดับการทบทวนร่วมกัน การออกแบบ และการทำซ้ำ

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

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

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

Atlassian: การคิดระบบการออกแบบใหม่

Atlassian สร้างเครื่องมือสำหรับการพัฒนาซอฟต์แวร์และการทำงานร่วมกัน เช่น Jira และ Trello

ในปี 2560 Atlassian รีแบรนด์และเปิดตัวไซต์สำหรับแนวทางการออกแบบ ในขณะเดียวกัน บริษัทได้โฮสต์ไซต์แยกต่างหากสำหรับส่วนประกอบ UI และตัวอย่างโค้ดที่เกี่ยวข้อง

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

เมื่อตระหนักถึงความแตกแยกที่เพิ่มขึ้นระหว่างการออกแบบและการพัฒนา Atlassian เลือกที่จะคิดใหม่เกี่ยวกับวิธีการออกแบบระบบ ไม่สามารถปฏิบัติต่อเอกสารการออกแบบและพัฒนาเป็นมากกว่าวิธีการสร้างโค้ดและเอาต์พุตกราฟิกสำหรับผลิตภัณฑ์ Atlassian ได้อีกต่อไป ระบบการออกแบบต้องได้รับการยอมรับว่าเป็นผลิตภัณฑ์ในตัวของมันเอง

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

เมื่อต้นเดือนสิงหาคม 2020 ทีมออกแบบระบบ (ADS) ของ Atlassian ได้เปิดตัวแนวทางใหม่ในการรวบรวมเว็บไซต์สำหรับแบรนด์ ภาพ เนื้อหา ส่วนประกอบ และรูปแบบ

นอกจากนี้ ทีมงานโฆษณา:

• ย้ายองค์ประกอบ UI ครึ่งหนึ่งไปยังระบบใหม่ (ส่วนที่เหลืออยู่ระหว่างดำเนินการ)
• เขียนใหม่และทำให้เอกสารง่ายขึ้นตลอด
• ปรับปรุงการค้นหาภายในระบบ
• เพิ่มลิงก์รหัสคลิกเพื่อคัดลอก

หลักฐานที่ชัดเจนที่สุดเกี่ยวกับกรอบความคิดที่เติบโตเต็มที่ของ Atlassian มาจากหัวหน้านักออกแบบของ ADS เจนนี่ ยิป: “ความเข้าใจผิดที่พบบ่อยเกี่ยวกับระบบการออกแบบก็คือ เมื่อพวกเขาได้รับการตีพิมพ์ พวกเขาจะกลายเป็นแหล่งความจริงที่ไม่เปลี่ยนแปลง ระบบการออกแบบไม่เคยสมบูรณ์ ที่ Atlassian เราเริ่มเปลี่ยนวิธีที่เรามองระบบการออกแบบของเรา… เป็นสิ่งที่มีชีวิตและหายใจได้”

5 หลักการออกแบบระบบที่ควรค่าแก่การจดจำ

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

1. ระบบการออกแบบเป็นผลิตภัณฑ์ดิจิทัล

เช่นเดียวกับผลิตภัณฑ์ดิจิทัลทั้งหมด ระบบการออกแบบต้องการการบำรุงรักษาเป็นประจำ ระบบที่อยู่เฉยๆเป็นเวลานานจะได้รับผลกระทบจากการใช้งานและการผุกร่อน

2. ระบบการออกแบบเป็นการทำงานร่วมกัน

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

3. ระบบการออกแบบเติบโตบนความเรียบง่าย

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

4. ระบบการออกแบบต้องใช้กลยุทธ์การสื่อสารและการมีส่วนร่วม

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

5. ระบบการออกแบบเป็นแบบรวมศูนย์

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

พลังของความยืดหยุ่นของโครงสร้างในการออกแบบ

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

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

แจ้งให้เราทราบสิ่งที่คุณคิด! โปรดแสดงความคิดเห็น ความคิดเห็น และข้อเสนอแนะของคุณด้านล่าง

• • •

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

• ความสม่ำเสมอคือกุญแจสำคัญ – วิธีสร้างระบบการออกแบบ Figma
• การทำความเข้าใจระบบการออกแบบและรูปแบบ
• Figma vs. Sketch vs. Axure – การตรวจสอบตามงาน
• ทำไมต้องใช้ดีไซน์ Material? การชั่งน้ำหนักข้อดีข้อเสีย
• อดีตยังคงเป็นปัจจุบัน – ภาพรวมของการออกแบบเหนือกาลเวลา