การทำความเข้าใจระบบการออกแบบและรูปแบบ

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

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

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

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

เมื่อดูนิตยสารของคู่แข่ง จะเห็นได้ง่ายว่าภาษาการออกแบบของนิตยสารหนึ่งเปรียบเทียบกับอีกฉบับหนึ่ง

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

มีความซับซ้อนเพิ่มขึ้นเมื่อจัดรูปแบบการออกแบบซอฟต์แวร์ให้สอดคล้องกับโค้ดเบสส่วนหน้า ซึ่งทำให้การเรียนรู้ภาษาการออกแบบรู้สึกท่วมท้น

ภาษาการออกแบบเป็นแบบองค์รวม

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

เพื่อให้เข้าใจระบบที่ซับซ้อน สิ่งสำคัญคือต้องคิดเกี่ยวกับภาษาการออกแบบโดย รวม :

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

มุมมองแบบองค์รวมนี้เน้นย้ำวิธีคิดอย่างเป็นระบบเกี่ยวกับเวิร์กโฟลว์การออกแบบ และช่วยให้สามารถใช้ภาษาการออกแบบได้อย่างง่ายดายในการแก้ปัญหาเฉพาะ

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

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

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

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

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

คำถามทั่วไปเกี่ยวกับ “การออกแบบ” การคิดเชิงระบบ

ความคล่องแคล่วในการใช้ภาษาการออกแบบจะช่วยรับประกันคุณภาพของระบบผ่านการเผยแผ่ศาสนา ซึ่งอาจรวมถึง:

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

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

มีคำถามทั่วไปสองสามข้อเกี่ยวกับระบบการออกแบบที่คิดว่านักออกแบบอาจต้องรับผิดชอบ:

ฉันควรคิดอย่างไรเมื่อออกแบบภายในระบบการออกแบบ

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

หากสีถูกกำหนดล่วงหน้าเป็น #1f9efc และนักออกแบบทำให้เป็น #1b3e9b โดยไม่ปรึกษานักออกแบบรายอื่นโดยใช้ไลบรารีรูปแบบเดียวกันก่อน การทำเช่นนี้อาจทำให้เกิดข้อผิดพลาดของระบบ

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

หากปัญหาที่กำลังแก้ไขเป็นเรื่องใหม่สำหรับระบบการออกแบบ อาจมีโอกาสพัฒนาไลบรารีรูปแบบและช่วยกำหนดรูปแบบการออกแบบใหม่

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

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

คลิกเพื่อดูภาพขนาดเต็ม

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

ฉันจะรู้ได้อย่างไรว่าเมื่อใดฉันต้องทำลายรูปแบบหรือสร้างรูปแบบใหม่ภายในระบบการออกแบบ?

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

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

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

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

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

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

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

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

ต่อไปนี้คือขั้นตอนที่ควรพิจารณาเมื่อต้องคิดหาวิธีทำลายหรือเปลี่ยนรูปแบบการออกแบบ:

1. รับรองการควบคุมคุณภาพและความต่อเนื่อง

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

   ใช้แนวทางแบบองค์รวมนั้นเสมอ และคิดถึงผลกระทบที่อาจเกิดขึ้นจากการทำลายรูปแบบหรือการสร้างรูปแบบใหม่

   ถามตัวเอง:

   • การทำลายรูปแบบเป็นวิธีเดียวในการแก้ปัญหาของฉันหรือไม่
   • ทีมอื่นจะได้รับผลกระทบอย่างไรหากฉันทำลายรูปแบบนี้
   • จะเกิดอะไรขึ้นกับไลบรารีรูปแบบถ้าฉันทำลายรูปแบบนี้

2. สื่อสารกับผู้ทำงานร่วมกัน

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

   ถามตัวเอง:

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

3. ทำความเข้าใจกับความสามารถส่วนหน้า

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

   แต่อาจเป็นการปรับปรุงแนวทางภาษาการออกแบบอย่างง่าย ในฐานะนักออกแบบ สิ่งสำคัญคือต้องทำงานอย่างใกล้ชิดกับส่วนหน้าและอาจหาวิธีการทำงานร่วมกันทุกสัปดาห์หรือรายวัน

   ถามตัวเอง:

   • ทีมฟรอนต์เอนด์ได้เข้ามามีส่วนร่วมในการอัปเดตการออกแบบนี้หรือไม่?
   • การเปลี่ยนแปลงที่ฉันกำลังพิจารณาเป็นการอัปเดตส่วนหน้าหรือไม่
   • มีบางอย่างขาดหายไปจากแนวทางปฏิบัติที่ดีที่สุดหรือไม่?

4. ตรวจสอบการตัดสินใจ

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

   หากองค์ประกอบส่วนหน้าเชื่อมโยงกับเมตริก การทดสอบ A/B อย่างรวดเร็วจะช่วยในการตรวจสอบ ถ้าไม่เช่นนั้น การทดสอบความสามารถในการใช้งานจะได้ผลดี

   ถามตัวเอง:

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

งานเดียวกัน ต่างความคิด

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

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

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

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

• • •

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

• วิธีสร้าง Sketch Style Guide, Library และ UI Kit
• ออกแบบคำชี้แจงปัญหา - มันคืออะไรและจะจัดวางอย่างไร
• ใช้แรงบันดาลใจของคุณ – A Guide to Mood Boards
• การออกแบบร่วมกัน - คู่มือการออกแบบผลิตภัณฑ์องค์กรที่ประสบความสำเร็จ
• ออกแบบอนาคต: เครื่องมือและผลิตภัณฑ์รอเราอยู่