การออกแบบเว็บ Brutalist การออกแบบเว็บแบบมินิมอล และอนาคตของ Web UX

เว็บไซต์มีความโกลาหล รก และไม่เรียบร้อยมากขึ้นหรือไม่? กฎของการออกแบบที่ดีถูกทำลายหรือไม่? เว็บเปลี่ยนน่าเกลียดไหม? นี่เป็นเทรนด์ใหม่หรือไม่?

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

หลักการของการออกแบบร่วมสมัยที่โฉบเฉี่ยวเป็นเรื่องธรรมดามากจนเราแทบจะคิดไม่ถึงว่าเป็นทางเลือกโวหาร การออกแบบเว็บที่ "ดี" โดยทั่วไปหมายถึงการออกแบบที่ปฏิบัติตามกฎของความเรียบง่าย อินเทอร์เฟซที่สะอาด เรียบง่าย และไม่รก—แต่ไม่เคยเป็นเช่นนี้มาก่อน ย้อนเวลากลับไปสักสองสามทศวรรษ

กำเนิดของเว็บ

การออกแบบเว็บมาไกลตั้งแต่ปี 1991 เมื่อมีการเผยแพร่เว็บไซต์เป็นครั้งแรก การปฏิวัติทางอินเทอร์เน็ตเริ่มต้นด้วยเว็บไซต์แรกที่ใช้เฉพาะข้อความโดยใช้ HTML รุ่นแรก

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

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

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

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

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

ความงามที่เรียบง่าย

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

Minimalism ไม่ได้มีไว้สำหรับการออกแบบเว็บเท่านั้น คิดถึงองค์ประกอบทั้งหมดรอบตัวคุณที่รวมเอาการออกแบบในอุดมคตินั้นเข้าไว้ด้วยกัน ง่ายต่อการเชื่อมต่อการออกแบบที่เรียบง่ายกับ Nest, Apple, Herman Miller และอื่นๆ อีกมากมายที่เป็นแรงบันดาลใจให้นักออกแบบแนวมินิมอลหลายคน

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

การออกแบบสไตล์มินิมอลจากหนึ่งในนักออกแบบกราฟิกที่มีชื่อเสียงที่สุดในยุคของเขา Josef Muller-Brockmann มีความคล้ายคลึงกับผลงานของ Herman Miller: ไร้กาลเวลา Muller-Brockmann นำเอาความเรียบง่ายมาใช้ในช่วงทศวรรษที่ 1940 และ 1950 ในรูปแบบของการออกแบบสไตล์สวิส

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

Minimalism เกิดขึ้นได้อย่างไรในยุคดิจิทัล

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

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

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

ประโยชน์ของการออกแบบที่เรียบง่าย

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

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

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

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

อนาคตของลัทธิมินิมอล

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

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

ข้อเสียของมินิมอล

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

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

Brutalism ในการออกแบบเว็บ

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

บางคนรักมัน บางคนเกลียดมัน และอีกหลายคนแค่ไม่เข้าใจ: เว็บไซต์ที่โหดร้าย

ใช้ Craigslist เป็นตัวอย่าง Craigslist ต้องได้รับการพิจารณาว่าเป็น "คุณปู่" ของเว็บไซต์ที่โหดร้าย ไม่สวยงามและไม่เคยปรากฏบน www.awwwards.com ข้อความสีดำ ลิงค์สีน้ำเงิน พื้นหลังสีขาว มันไม่สวย ไม่จำเป็นเพราะมันใช้ได้ผล—และได้ผลดีจริงๆ คุณพบสิ่งที่คุณต้องการในการซื้อหรือขายโดยไม่ต้องยุ่งยากและไม่มีชิ้นส่วนที่เคลื่อนไหวภายนอก

นับตั้งแต่ก่อตั้งในปี 2539 Craigslist ยังคงรักษาความนิยมไว้ได้แม้จะหรืออาจเป็นเพราะการออกแบบที่มีประโยชน์อย่างยิ่งก็ตาม การออกแบบไม่มีการเปลี่ยนแปลงอย่างมีนัยสำคัญในช่วง 20 ปีที่ผ่านมา

บางทีอาจได้รับแรงบันดาลใจจากตัวอย่างของ Craigslist สไตล์ที่โหดเหี้ยมกำลังกลับมา ต่อไปนี้คือตัวอย่างที่ดีของการออกแบบที่ออกแบบมาอย่างดีโดยใช้สไตล์ที่โหดเหี้ยม

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

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

ประวัติโดยย่อของความโหดร้าย

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

Le Corbusier เป็นหนึ่งในผู้บุกเบิกที่ใหญ่ที่สุดของขบวนการนี้ อาชีพของเขากินเวลาห้าทศวรรษด้วยอาคารที่ออกแบบในยุโรป ญี่ปุ่น อินเดีย และอเมริกาเหนือและใต้

คำนี้มีต้นกำเนิดมาจากคำภาษาฝรั่งเศส " brut " ที่แปลว่า "ดิบ" ในขณะที่ Le Corbusier อธิบายการเลือกวัสดุของเขาว่า " beton brut " คอนกรีตดิบ การออกแบบไฮเปอร์ functionalist ดูเหมือนออกแบบมาเพื่อให้ประโยชน์ใช้สอย—ไม่ใช่เพื่อความพอใจ—ราวกับยกนิ้วให้กับความทันสมัย

ความโหดเหี้ยมพยายามที่จะเผชิญหน้ากับสังคมการผลิตจำนวนมาก และดึงบทกวีหยาบๆ ออกจากกองกำลังที่สับสนและทรงพลังซึ่งกำลังทำงานอยู่ จนถึงปัจจุบัน Brutalism ได้มีการพูดคุยกันอย่างมีรูปแบบ ในขณะที่สาระสำคัญของมันคือจริยธรรม –Alison & Peter Smithson, The New Brutalism, การออกแบบสถาปัตยกรรม (เมษายน 2500)

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

ความโหดร้ายในยุคดิจิทัล

Bloomberg ได้นำสไตล์นี้ไปใช้ในไซต์ข่าวของตน การออกแบบเกือบจะฉูดฉาดและเน้นที่ฟังก์ชั่นดิบอย่างชัดเจน

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

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

เราอาจกล่าวได้ว่าไซต์ที่โหดร้ายในปัจจุบันมีพื้นฐานมาจากเว็บ DIY ในยุค 90 โดยเน้นที่แนวทางจากภายในสู่ภายนอก แทนที่จะซ่อนฟังก์ชันการทำงานไว้เบื้องหลังส่วนหน้าอาคารที่สวยงาม

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

ดีไซเนอร์ Pierre Buttin ได้นำความโหดร้ายมาสู่ความสุดขั้วใหม่ด้วยชุดแอพมือถือที่ออกแบบใหม่ ในโปรเจ็กต์ล่าสุดของเขาที่ชื่อว่า Brutalist redesigns Buttin ได้เรนเดอร์ Facebook, Instagram, Twitter และแอพยอดนิยมอื่น ๆ ในสไตล์ Brutalist ด้วยเลย์เอาต์ที่มีข้อความจำนวนมากและการออกแบบที่แบนราบ

Brutalism กับ Minimalism

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

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

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

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

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

• • •

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

• หลักการออกแบบและความสำคัญ
• ผลงานออกแบบ UX ที่ดีที่สุด – กรณีศึกษาและตัวอย่างที่สร้างแรงบันดาลใจ
• สำรวจหลักการออกแบบของเกสตัลต์
• Adobe XD กับ Sketch – เครื่องมือ UX ใดที่เหมาะกับคุณ
• 10 UX ที่นักออกแบบชั้นนำเลือกใช้