สามเทรนด์การออกแบบเว็บไซต์ WordPress ที่คุณต้องรู้

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

ไม่น่าแปลกใจเลยที่ WordPress พัฒนาไปพร้อมกับเว็บ WordPress ในปัจจุบันเป็นสัตว์ร้ายที่แตกต่างจาก WordPress เมื่อ 5 ปีที่แล้วอย่างมาก และไม่สามารถระบุแนวเขตเมื่อเปรียบเทียบกับ WordPress ในปี 2003 แต่นั่นก็เป็นสิ่งที่ดี

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

ฉันได้ดำเนินการตามหาคุณแล้ว – นี่คือแนวโน้มที่สำคัญและโดดเด่นที่สุดบางส่วนที่เกิดขึ้นกับโลกของการออกแบบ WordPress (และเว็บที่ใหญ่ขึ้น) ในปีนี้ ซึ่งทั้งหมดมีความเกี่ยวข้องอย่างใกล้ชิดกับความคล่องตัว

การออกแบบ Pageless จะยังคงครอบงำ

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

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

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

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

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

รูปภาพมากขึ้น, ตัวอักษรมากขึ้น, Parallax เพิ่มเติม

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

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

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

กังวลมากเกี่ยวกับการโต้ตอบแบบไมโคร

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

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

“ใน UX สิ่งที่สำคัญคือคุณจัดการกับผู้ใช้อย่างไรและรู้สึกอย่างไรเมื่อใช้ผลิตภัณฑ์ [ในกรณีนี้คือเว็บไซต์ของคุณ]” Dmytro Svarytsevych จาก Web Designer Depot เขียน "การโต้ตอบแบบไมโครช่วยให้ผู้ใช้ได้รับข้อเสนอแนะที่จำเป็นและความเข้าใจในกระบวนการที่กำลังดำเนินอยู่ ทำให้อินเทอร์เฟซสามารถเข้าถึงได้ไม่ว่าตรรกะที่อยู่เบื้องหลังจะซับซ้อนเพียงใดก็ตาม"
นี่คือวิธีที่คุณสามารถเพิ่ม microinteraction ลงในไซต์ของคุณตาม Creative Bloq:

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

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

อยู่ด้านบนของแนวโน้มการออกแบบเว็บไซต์

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