อดีตยังคงเป็นปัจจุบัน – ภาพรวมของการออกแบบเหนือกาลเวลา

เผยแพร่แล้ว: 2022-03-11

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

การออกแบบอุตสาหกรรมเป็นโปสเตอร์ลูกของอายุยืน เสน่ห์เหนือกาลเวลาของสกู๊ตเตอร์เวสป้า รูปทรงอันเป็นเอกลักษณ์ของขวดโคคา-โคลา มุมที่สง่างามของเก้าอี้เลานจ์ Eames จะมีการออกแบบดิจิทัลที่เทียบเท่ากับสิ่งมหัศจรรย์ที่ไม่มีวันสิ้นสุดของโลกการออกแบบอุตสาหกรรมหรือไม่? อินเทอร์เฟซผู้ใช้สามารถทนต่อทศวรรษเช่นกล้อง Leica ได้หรือไม่?

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

อย่างไรก็ตาม อายุการเก็บรักษาของการออกแบบดิจิทัลสามารถขยายได้ แม้ในขณะที่เทคโนโลยีพื้นฐานยังคงพัฒนาต่อไป

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

มุ่งสู่การออกแบบที่เหนือกาลเวลา

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

ผู้เข้าชิง Digital Design Hall of Fame

อายุยืนยาวในการออกแบบดิจิทัลไม่ใช่ความฝัน มันคือความเป็นจริงของเราในปัจจุบัน และอย่างที่คนอื่น ๆ ได้แสดงให้เห็น มันเป็นไปได้ที่อินเทอร์เฟซจะมีอายุเหมือนไวน์ชั้นดี

การออกแบบวัสดุของ Google (2014)

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

UI ที่ดี
ส่วนประกอบของดีไซน์ Material อ้างอิงถึงความละเอียดอ่อนของโลกทางกายภาพ

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

Takeaway: โลกทางกายภาพสามารถมีอิทธิพลต่อการออกแบบดิจิทัล แต่ต้องปรับให้เข้ากับลักษณะของเทคโนโลยีพื้นฐาน

GOV.UK (2013)

มีระบบการออกแบบที่ครอบคลุม GOV.UK เป็นหนึ่งในเว็บไซต์รัฐบาลที่มีผู้ใช้เป็นศูนย์กลางแห่งแรก และให้การเข้าถึงและการออกแบบข้อมูลบนแผนที่

การออกแบบอายุยืน
GOV.UK เป็นหนึ่งในเว็บไซต์รัฐบาลแห่งแรกๆ ที่เน้นการใช้งาน

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

Takeaway: ส่วนต่อประสานผู้ใช้ไม่จำเป็นต้องสวยงามจึงจะประสบความสำเร็จ

iOS 7 (2013)

iOS ดั้งเดิมจากปี 2550 สมควรได้รับการตอบรับเป็นของตัวเอง แต่ Apple โบกมือลาความเอียงอายจนถึง iOS 7 จนกระทั่งถึง iOS 7 และยอมรับการออกแบบที่เรียบ ลาก่อน เมล็ดไม้ สวัสดีความเรียบง่ายที่น่าทึ่ง iOS เติบโตขึ้น

UI ที่มีประสิทธิภาพ
skeuomorphism ของ iOS 6 กับการออกแบบเรียบๆ ของ iOS 7

เพื่อความเป็นธรรม Android เป็นผู้นำด้วยการใช้งานการออกแบบแบบเรียบและเนื้อหาที่มีแอนิเมชั่นที่ดีกว่า อย่างไรก็ตาม Apple ได้สร้างสุนทรียะในการออกแบบดิจิทัลซึ่งต่อมาได้ขยายไปยังระบบปฏิบัติการ Mac และ iPad

Apple ไม่ได้ละทิ้งเอฟเฟกต์ skeuomorphic ใน iOS 7 โดยสิ้นเชิง แอพโน้ตยังคงมีพื้นผิวกระดาษที่ละเอียดอ่อน และแอพสภาพอากาศจะอัปเดตพื้นหลังเพื่อสะท้อนแสงแดดและสภาพอากาศ อย่างไรก็ตาม อินเทอร์เฟซ 2D ไม่ได้ถูกบังคับให้เป็นสิ่งที่ไม่ใช่อีกต่อไป

Takeaway: การออกแบบแบบเรียบเป็นสิ่งสำคัญสำหรับอินเทอร์เฟซผู้ใช้ 2D

เทรลโล (2011)

ไม่นับการปรับปรุงการใช้งาน Swiss Army Knife ของแอปดิจิทัลแทบไม่เปลี่ยนแปลงในเกือบทศวรรษ แม้ว่าผลิตภัณฑ์ของคู่แข่งจะเติบโตอย่างมีความหวัง "คุณลักษณะทั้งหมด" Trello ก็ยืนหยัดและยังคงได้รับความนิยม เนื่องจาก ความเรียบง่าย

เทรนด์การออกแบบในปัจจุบัน
Trello เอาชนะเทรนด์การบรรจุฟีเจอร์ ตามด้วยผลิตภัณฑ์ดิจิทัลมากมายในปัจจุบัน

แทนที่จะใช้คุณสมบัติมากเกินไป Trello ได้เสนอระบบนิเวศของปลั๊กอินที่สามารถตอบสนองความต้องการเฉพาะของผู้ใช้บางคนโดยไม่ต้องเบียดบัง UI สำหรับคนส่วนใหญ่ Trello เป็นลูกโปสเตอร์ของกฎ 80/20 ในการออกแบบ (หรือที่รู้จักว่า “หลักการ Pareto”)

Takeaway: ทำซ้ำอย่างระมัดระวังและใช้กฎ 80/20

กูเกิลโครม (2008)

หากสโลแกนของ Volkswagen คือ "Das Auto" Chrome ก็ควรเป็น "เว็บเบราว์เซอร์" Google ใช้เว็บเบราว์เซอร์ทั่วไป ลบทุกอย่างที่ไม่จำเป็นออกไป ทำให้มีประสิทธิภาพอย่างไม่น่าเชื่อ และแซงหน้าตลาด

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

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

Takeaway: ความเรียบง่ายและประสิทธิภาพเพียงอย่างเดียวสามารถชนะได้ในระยะยาว

เบสแคมป์ (2003)

Basecamp สร้างชื่อโดยการต่อต้านความเชื่อของ Silicon Valley ในการระดมทุนร่วม การเติบโตแบบทวีคูณ และการออกก่อนกำหนด การอุทิศตนเพื่อผลิตภัณฑ์ระยะยาวที่ยั่งยืนนั้นสะท้อนให้เห็นในการออกแบบของ Basecamp 3

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

Takeaway: ธุรกิจที่ยั่งยืนสร้างขึ้นเพื่อผลิตภัณฑ์ที่ยั่งยืน

เทรนด์การออกแบบ
การออกแบบที่ยืนยาวของ Basecamp มีรากฐานมาจากความทุ่มเทของบริษัทในการตัดสินใจอย่างรอบคอบ

กูเกิล (1998)

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

หน้าแรกของ Google เป็นผลิตภัณฑ์ดิจิทัลหายากที่สามารถเคลื่อนย้ายบุคคลจากปลายศตวรรษที่ 20 มาสู่ยุคปัจจุบัน โต้ตอบกับ UI และไม่ได้สังเกตเห็นสิ่งที่เปลี่ยนแปลงไป

Takeaway: ผลิตภัณฑ์ที่ยอดเยี่ยมสามารถพัฒนาได้ แทนที่จะสร้างใหม่ และยังคงรักษาตำแหน่งผู้นำในตลาดได้

เทรนด์การออกแบบดิจิทัล
หน้าแรกของ Google นั้นคล้ายกับการทำซ้ำครั้งแรกอย่างน่าทึ่ง

2001: โอดิสซีย์อวกาศ (1968)

ผลงานชิ้นเอกของสแตนลีย์ คูบริกเป็นส่วนที่เท่าเทียมกับภาพยนตร์ฮอลลีวูดและวิสัยทัศน์แห่งอนาคต การคาดคะเนอนาคตมักจะเบ้ไปในปัจจุบัน ส่งผลให้เกิดความคิดที่ซ้ำซากจำเจซึ่งดูน่าขบขันเมื่อมองย้อนกลับไป เป็นที่น่าสังเกตว่าแนวคิดนอกกรอบใน ปี 2544: A Space Odyssey เช่น การคาดคะเนการแสดงผลหน้าจอสัมผัส แท็บเล็ตที่เหมือน iPad และอินเทอร์เฟซที่ควบคุมด้วยเสียง

รูปแบบการออกแบบกราฟิก
2001: A Space Odyssey เปิดตัวหนึ่งปีก่อนที่ Neil Armstrong จะกลายเป็นมนุษย์คนแรกที่เหยียบดวงจันทร์

น่าประหลาดใจที่การออกแบบ UI ยังคงมีความเกี่ยวข้องแม้ว่าจะต้องใช้เวลาอีกห้าปีก่อนที่ Xerox PARC จะเริ่มทดลองด้วยการทำซ้ำครั้งแรกของอินเทอร์เฟซผู้ใช้แบบกราฟิก การทดสอบซึ่งต่อมาจะเป็นพื้นฐานของระบบปฏิบัติการของทั้ง Microsoft และ Apple

เทรนด์กราฟิค
หลังจากผ่านไป 50 ปี UI ของ Stanley Kubrick ก็ยืนหยัดผ่านการทดสอบของเวลา

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

Takeaway: Stanley Kubrick เป็นอัจฉริยะ

หลักการออกแบบดิจิทัลที่ยั่งยืน

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

ความเป็นสากล

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

เทคโนโลยีที่ปรับเปลี่ยนได้

แทนที่จะบังคับให้มีวิสัยทัศน์ที่สร้างสรรค์เกี่ยวกับเทคโนโลยีพื้นฐาน การออกแบบที่ปรับให้เข้ากับเทคโนโลยีจะทำงานร่วมกับเทคโนโลยีพื้นฐาน ในการออกแบบเว็บ นี่หมายถึงการละทิ้งแอนิเมชั่นที่ทำให้อัตราเฟรมลดลงเหลือ 10fps หรือไม่สร้างพื้นผิวทางกายภาพใน HTML, CSS และ JS

เรื่องไร้สาระง่ายๆ

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

Pragmatic

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

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

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

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

การออกแบบเพื่ออายุยืน

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

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


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

• • •

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

  • สำรวจหลักการออกแบบของเกสตัลต์
  • หลักการออกแบบและความสำคัญ
  • กฎหมายที่ทดลองแล้วและเป็นจริงของ UX (พร้อมอินโฟกราฟิก)
  • Art vs Design – การอภิปรายที่ไม่มีวันตกยุค
  • หยุดสร้างขยะ: คู่มือการออกแบบอินเทอร์เฟซที่คงทน