9 เทรนด์การออกแบบเว็บไซต์ที่จะเป็นใหญ่ในปี 2021

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

  1. เว็บไซต์ที่ได้แรงบันดาลใจจากสื่อสิ่งพิมพ์

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

ทำอย่างไรไม่ให้เว็บไซต์ล้าสมัย

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

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

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

  1. Cursors แบบกำหนดเอง

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

  1. Muted colours คือ สีที่เลียนแบบมากจากสีของธรรมชาติ

เทรนด์เฉดสีเป็นอะไรที่เปลี่ยนไปทุกปี สิ่งที่สำคัญคือต้องอัปเดตเว็บไซต์เพื่อแสดงให้เห็นว่าเป็นแบรนด์ที่ทันสมัย และปรับตัวได้กับทุกการเปลี่ยนแปลงใหม่ ๆ ของโลก Muted colours จะเริ่มมีการใช้มากในปีนี้ เนื่องจากเป็นสีที่ดึงดูดสายตาของผู้ใช้งานให้ไปที่ภาพ หรือจุดโฟกัสของหน้าเว็บได้เป็นอย่างดี ข้อดีของการใช้สีที่อิงจากธรรมชาติจะช่วยลดอาการปวดตา จึงทำให้ผู้ใช้งานสามารถใช้เวลาดูสิ่งต่าง ๆ เว็บไซต์ได้อย่างยาวนาน ตัวอย่างที่ดีคือเว็บไซต์ของ Magic Theatre Studio ซึ่งใช้โทนสีอ่อนควบคู่ไปกับสีเข้มเพื่อให้ได้รูปลักษณ์ที่ตัดกันอย่างลงตัว และแยกส่วนต่าง ๆ ของเว็บไซต์อย่างชัดเจน แต่การออกแบบต้องคำนึงถึงคอนทราสต์ของสีเพื่อให้ผู้ที่มีความบกพร่องทางการมองเห็นสามารถอ่านข้อความได้ เครื่องมือที่ช่วยให้ตรวจสอบก็คือ Contrast Checker ของ WebAim

  1. การออกแบบเว็บไซต์โดยไม่ใช้ CODE

จริง ๆ แล้วในการออกแบบเว็บไซต์ไม่ควรไม่ความซับซ้อนเพื่อรองรับกับการเปลี่ยนแปลงที่มักเกิดขึ้นอยู่ตลอดเวลา การออกแบบเว็บไซต์โดยไร้โค้ดจึงเป็นสิ่งที่ทำได้ ตัวอย่างคือ Lattice เป็นแบรนด์ที่สร้างเว็บไซต์โดยไม่มีโค้ด และอย่างที่เห็นว่าด้านบนเว็บไซต์ให้ความรู้สึกไม่แตกต่างไปจากเว็บไซต์ที่ใช้โค้ด ข้อดีคือใช้บุคลากรในองค์กรน้อยลง และสามารถอัปเดตเว็บไซต์อย่างได้สม่ำเสมอมากขึ้น การออกแบบโดยไม่ใช้โค้ดจำเป็นมากในปี 2021 เนื่องจากธุรกิจส่วนใหญ่ทำงานจากระยะไกลมากขึ้น หรือทำงานต่างสถานที่กันแต่เป็นทีมเดียวกัน จำเป็นต้องมีวิธีการแบบ all-hand-on-deck เพื่อรองรับการเปลี่ยนแปลงตาราง เวลา และจัดลำดับความสำคัญให้เหมาะสม

  1. ตัวอักษรย้อนยุค

Cr : a-littlebird.com

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

  1. เว็บไซต์แบบสไลด์แนวนอน

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

  1. Multimedia experiences

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

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

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

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

ชมตัวอย่างเว็บไซต์ Parallax ที่น่าสนใจ

  1. Gaussian blur

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

 

คิดเห็นอย่างไรกันบ้างคะกับ 10 เทรนด์ดีไซน์เว็บไซต์ที่จะเป็นใหญ่ในปี 2021 ที่ Grasp Asia ได้รวบรวมมานำเสนอกันในวันนี้ บางเทรนด์อาจไม่ใช่เรื่องราวใหม่ล่ามาแรงอะไรแต่รับรองได้ว่าเป็นแรงบันดาลใจใหม่ ๆ ให้กับนักดีไซน์เว็บไซต์หลาย ๆ คนได้ดีแน่นอน แล้วพบกันในบทความหน้าเราจะมีอะไรดี ๆ มาฝากอีกต้องติดตาม