แนวโน้มการออกแบบ UX ย้อนหลัง 2019

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

“ความคิดสร้างสรรค์ต้องใช้ความกล้าหาญ” – อองรี มาติส

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

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

เทรนด์เกิดจากความคิดสร้างสรรค์และการทดลองที่กล้าหาญ ในปีพ.ศ. 2503 เมื่อมาร์กาเร็ต วินชี แชมป์ด้านการทำผมได้รับการสนับสนุนจากบรรณาธิการนิตยสาร Modern Beauty Salon ให้ทำ "สิ่งที่แตกต่างไปจากเดิมอย่างสิ้นเชิง" ซึ่งจะกำหนดทศวรรษที่จะมาถึง เธอได้คิดค้นทรงผมทรงรังผึ้ง มันแพร่กระจายราวกับไฟป่าและกลายเป็นกระแสร้อนแรงตลอดช่วงทศวรรษที่ 60 รังผึ้งของ Audrey Hepburn ซึ่งเธอแสดงอย่างสวยงามในภาพยนตร์คลาสสิกเรื่อง “Breakfast at Tiffany's” เป็นหนึ่งในตัวอย่างที่โดดเด่นที่สุด เช่นเดียวกับความยุ่งเหยิงของ Brigitte Bardot

แนวโน้มการออกแบบที่ผ่านมาบางส่วน เช่น รังผึ้ง สามารถเป็นตัวอย่างสำหรับแนวโน้ม UX 2019

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

ในตัวเลือกมากมายที่วุ่นวาย การออกแบบบางอย่างถูกยกเลิกและบางส่วนได้รับการเก็บรักษาไว้และเติบโตไปสู่แนวโน้มการออกแบบ UX—ไม่เฉพาะกับผู้บริโภคแต่รวมถึงเพื่อนร่วมงานด้วย เพื่อนๆ ตอบกลับด้วยการยกนิ้วโป้งหรือยกนิ้วโป้ง: โอ้ ฉันชอบแบบนั้น มันดูดี. มันทำให้สิ่งต่าง ๆ ทำงานได้ดีขึ้น ฉันชอบสไตล์นั้น หรือ ไม่ได้ผลสำหรับฉัน… บางครั้งอาการของ FOMO (Fear Of Missing Out) เอาชนะได้) นักออกแบบคนอื่นๆ ก็กระโดดโลดเต้นในรายการ ออกอากาศ: ดูสิ ฉันฮิป ทันสมัย ​​และร่วมสมัยด้วย! และ ฉันมีเวลา ลองดูสิ นี่คือสิ่งล่าสุด

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

ภาพประกอบ Isometric แนวโน้มการออกแบบ UX 2019
ภาพประกอบ Isometric กลับมาเป็นเทรนด์การออกแบบ UX ปี 2019 จากเทคนิคการวาดแบบทางวิศวกรรมในอดีต

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

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

ลองย้อนกลับไปที่แนวโน้มการออกแบบ UX ปี 2019 และเน้นย้ำประเด็นสำคัญโหล

2019 UX Trend of the Year: ภาพประกอบทุกที่

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

ภาพประกอบที่แปลกประหลาดกลับมาอีกครั้งในฐานะเทรนด์การออกแบบ UX ที่สำคัญในปี 2019

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

ภาพประกอบ Isometric เป็นส่วนหนึ่งของเทรนด์ UX ล่าสุด
ภาพประกอบแปลก ๆ ของ Lemonade สำหรับเว็บไซต์ของตนสอดคล้องกับแนวโน้ม UX ปัจจุบันอย่างสมบูรณ์

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

ภาพประกอบเคลื่อนไหวคือเทรนด์การออกแบบ UX ต่อไปสำหรับเว็บไซต์
เทรนด์ UX ล่าสุดในปี 2019 รวมถึงภาพประกอบแอนิเมชั่นที่เคลื่อนไหวช้า (Google)

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

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

ภาพประกอบสุดเจ๋งที่ใช้สำหรับการเริ่มต้นใช้งานบนมือถือเป็นส่วนหนึ่งของเทรนด์การออกแบบ UX ล่าสุด
ลำดับการเริ่มต้นใช้งานบนมือถือโดย Daniel Tkatchenko และ Pawel Olek

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

เว็บไซต์แอนิเมชั่นเลื่อนทริกเกอร์สำหรับ Gucci เทรนด์ประสบการณ์ผู้ใช้ออกแบบเว็บ
ภาพประกอบเคลื่อนไหวแบบเลื่อนได้ขายกระเป๋า Gucci บนเว็บ - Gucci Zumi

ไปกันเถอะ: Dark Mode/Dark Themes

เนื่องจากความนิยมที่เพิ่มขึ้นของธีมมืด การออกแบบดิจิทัลกำลังเคลื่อนไปที่ "ด้านมืด" มากขึ้นเรื่อยๆ โหมดมืดใหม่ที่ยอดเยี่ยมได้บุกรุกแพลตฟอร์มต่างๆ: ระบบปฏิบัติการ, ทีวี, อุปกรณ์มือถือและเว็บ Apple เติมพลังให้กับความนิยมในโหมดมืดด้วย TV UI จากนั้นด้วย Mac OS Mojave และสุดท้ายคือ iOS 13 และ iPadOS ใหม่ UI ของธีมสีเข้มมีข้อดีหลายประการ: สบายตา มีสไตล์และสง่างามยิ่งขึ้น และช่วยประหยัดแบตเตอรี่

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

โหมดมืดของ Apple TV
Apple TV เป็นหนึ่งในผู้บุกเบิก UI ธีมมืดที่เก่าแก่ที่สุด

ธีมมืดของ YouTube
ธีมมืดของ YouTube บนเดสก์ท็อป

แอพมือถือธีมมืดกำลังมาแรงสำหรับการออกแบบ UX บนมือถือ
แอพมือถือธีมมืดเริ่มมีพื้นฐานสำหรับการออกแบบ UX บนมือถือในปี 2019 (ที่มา)

เทรนด์ UX ล่าสุด: แอพมือถือยอดนิยมส่วนใหญ่มีตัวเลือกโหมดมืด
แอพมือถือยอดนิยมยังทำงานในโหมดมืด

ลัทธินิยมนิยม/ลัทธินิยมนิยม

ผลิตภัณฑ์ที่ยอดเยี่ยมทำได้มากแต่น้อย ความมินิมอลในฐานะเทรนด์การออกแบบ UX นั้นได้รับความนิยม ตามเทรนด์การออกแบบเว็บและแอพมือถือล่าสุด เด็กโปสเตอร์สำหรับความเรียบง่าย Apple เป็นผู้สนับสนุนที่ทรงอิทธิพลและทรงพลังที่สุด แนวคิดของ Dieter Rams และพลังของ “การออกแบบที่โดดเด่น” โดยพยักหน้าให้กับไอคอนดีไซน์ การออกแบบฮาร์ดแวร์และซอฟต์แวร์ที่เน้นความเรียบง่ายของ Apple นั้นไม่มีอะไรพิเศษเลย การนำหน้าหนึ่งจาก playbook ของ Apple นักออกแบบ UX ได้เน้นย้ำถึงความสำคัญของการออกแบบดิจิทัลให้เหลือน้อยที่สุดเป็นเวลานาน ทำให้ผู้คนมีเฉพาะสิ่งจำเป็นที่จำเป็นอย่างยิ่งต่อการทำงานให้สำเร็จ

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

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

เทรนด์การออกแบบ UX 2019: ความเรียบง่ายในการออกแบบเว็บ
การออกแบบเว็บไซต์ที่เรียบง่ายสำหรับการออกแบบ Iskos

การออกแบบเว็บสไตล์มินิมอล หนึ่งในเทรนด์ UX ปี 2019
การออกแบบเว็บที่เรียบง่ายสำหรับกลุ่มสถาปัตยกรรม Mason

“ความคิดสร้างสรรค์คือความสามารถในการเสี่ยง ที่จะเอาตัวเองเข้าแถวและเสี่ยงกับการถูกเยาะเย้ย ถูกกลั่นแกล้ง วิพากษ์วิจารณ์ อะไรก็ตาม แต่ … คุณต้องเสี่ยง” – สติง

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

Maximalists เชื่อว่าจิตใจชอบสิ่งเร้า บางครั้งชั้นสี พื้นผิว และลวดลายของลัทธินิยมนิยมมักอยู่ติดกับชั้นที่แปลกประหลาด จนต้องเรียกร้องความสนใจ แถลงการณ์ดังกล่าวได้ประกาศว่า “เราจะไม่ถูกละเลย!” การออกแบบ Maximalist ครอบคลุมการออกแบบในหลายๆ แง่มุม: การออกแบบกราฟิก การออกแบบเว็บ การออกแบบอุปกรณ์พกพา การออกแบบภายใน แฟชั่น สถาปัตยกรรม และอื่นๆ เป็นวิธีที่นักออกแบบจะกระตุ้นและทำให้หลงใหล

แนวโน้มการออกแบบ UX 2019: การออกแบบเว็บสูงสุดของ Hattie Stewart
การออกแบบเว็บ Maximalist โดยศิลปินกราฟิก Hattie Stewart

โปสเตอร์การออกแบบ Maximalist สำหรับ Southern Student Graphic Design Show
โปสเตอร์โดย Neil Williams สำหรับ Southern Student Graphic Design Show ที่ Arkansas State University

การออกแบบภายในแบบ Maximalist สามารถเชื่อมโยงกับเทรนด์ใหญ่ต่อไปในการออกแบบ UX ได้เช่นกัน
Maximalism ในการออกแบบตกแต่งภายในโดย Sasha Bikoff และ Peggy Bell

Neumorphism

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

Neumorphism ช่วยให้ "การออกแบบที่สะอาดตา" ซึ่งไม่มีสี ซึ่งปกติแล้วจะใช้เพื่อแสดงองค์ประกอบใน UI และแทนที่จะใช้เทคนิคนี้ใช้เงาหยดเล็กน้อยที่ยกขึ้นเล็กน้อยหรือเยื้องเพื่อแยกส่วนประกอบ UI เช่นเดียวกับเทรนด์ต่างๆ เทรนด์การออกแบบก็สามารถผสมกันได้ และนักออกแบบก็สามารถสร้าง “design Trend Gumbos” ซึ่งเป็นส่วนผสมที่น่าตื่นเต้นของรสชาติล่าสุดได้ ตัวอย่างเช่น สามารถรวม neumorphism เข้ากับเทรนด์อื่นๆ ได้ เช่น UI ของธีมสีเข้ม

เทรนด์ UX ปัจจุบัน: Neumorphism ผสมกับโหมดมืด
Neumorphism ผสมกับโหมดมืดสำหรับแนวคิดการออกแบบแอพมือถือ (ที่มา)

เทรนด์ UX ล่าสุด: แนวคิดแอป Neumorphism
แอพทางการเงินสองแอพในรูปแบบเทรนด์ใหม่ (แหล่งที่มาและแหล่งที่มา)

หน้าจอเข้าสู่ระบบธนาคารบนมือถือในรูปแบบ neumorphist เทรนด์การออกแบบ UX ปี 2019
หน้าจอแอพธนาคารบนมือถือที่ออกแบบในสไตล์ neumorphist (ที่มา)

แอพนาฬิกา Neumorphic อีกหนึ่งเทรนด์การออกแบบ UX บนมือถือ
แอพนาฬิกา neumorphic (ที่มา)

Microinteractions ที่มีความหมาย

“รายละเอียดไม่ใช่รายละเอียด พวกเขาทำการออกแบบ” — ชาร์ลส์อีมส์

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

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

แนวโน้มการออกแบบการโต้ตอบ 2019: microinteractions ที่ดำเนินการอย่างดีบนเว็บไซต์และในแอปมือถือ
อัปโหลดไมโครอินเทอร์แอกชันตามลำดับสำหรับแอปเดสก์ท็อป: หยุดชั่วคราว ยกเลิก และสำเร็จ (แหล่งที่มา)

ไมโครอินเทอร์แอกชันการควบคุมตัวเลื่อน: เทรนด์ใหญ่ถัดไปในการออกแบบ UX
ตัวควบคุมไมโครอินเทอร์แอคชันของตัวเลื่อนตัวเลือกบอลลูนแปลก ๆ (ที่มา)

เทรนด์การออกแบบ UX บนมือถือ แอนิเมชั่นแบบดึงเพื่อรีเฟรช
microinteraction แอนิเมชั่นดึงเพื่อรีเฟรช (ที่มา)

การโต้ตอบด้วยท่าทางสัมผัสเพิ่มเติมบนมือถือ

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

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

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

การแสดงภาพ 3 มิติ ให้ความรู้สึกเหมือนจริงกับผลิตภัณฑ์

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

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

แนวโน้ม UX 2019: การเรนเดอร์ 3 มิติสำหรับ Nike
โปรโมชั่น Nike Sneakerboot (โดย Chris Labrooy)

การสร้างภาพ 3 มิติสำหรับลำโพง Bose ซึ่งเป็นส่วนหนึ่งของแนวโน้ม UX 2019
การเรนเดอร์ 3 มิติสำหรับลำโพง BOSE SoundLink Revolve+ (โดย Peter Tarka)

เรนเดอร์ 3 มิติสำหรับโปรโมชั่น Apple Chinese New Year 2019 UX เทรนด์การออกแบบ
ภาพเรนเดอร์ 3 มิติสำหรับโปรโมชันตรุษจีนของ Apple ปี 2019 (โดย Peter Tarka)

การโต้ตอบด้วยเสียง

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

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

VUI และการโต้ตอบด้วยเสียงเป็นแนวโน้ม UX ในปัจจุบัน
สมาร์ทโฮมสามารถควบคุมได้อย่างง่ายดายด้วยแอพที่มีคำสั่งเสียงในตัว (แหล่งที่มา)

การโต้ตอบด้วยเสียงที่เพิ่มขึ้นเป็นอีกหนึ่งเทรนด์ UX ที่สำคัญสำหรับปี 2019 และปีต่อๆ ไป
การโต้ตอบด้วยเสียงที่เพิ่มขึ้นเป็นอีกหนึ่งแนวโน้ม UX ที่สำคัญสำหรับปี 2019

UI การสนทนาและ Chatbots

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

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

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

แนวโน้มการออกแบบ UX ล่าสุดในปี 2019 รวมถึง UI การสนทนา
เว็บไซต์อีคอมเมิร์ซซอสเสฉวนจีน Flybyjing ใช้วิดเจ็ตแชทเพื่อดึงดูดผู้คน

แนวโน้ม UX ปัจจุบันรวมถึง UI การสนทนา
ผ้าอ้อม Bombom ใช้แชทบอทของ Messenger บนเว็บไซต์เพื่อดึงดูดผู้เยี่ยมชม

Chatbots ที่นักเดินทางสามารถจองห้องพักในโรงแรมได้ถือเป็นหนึ่งในเทรนด์ UX ล่าสุด
เมื่อใช้ Messenger ทางโรงแรม Hyatt ใช้เจ้าหน้าที่ลูกค้าสัมพันธ์เพื่อช่วยจองที่พัก

แอนิเมชั่นแบบเลื่อนได้ บอกเล่าเรื่องราว ขายผลิตภัณฑ์และบริการ

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

เทรนด์ UX ล่าสุดคือแอนิเมชั่นแบบเลื่อนซึ่งบอกเล่าเรื่องราวและแสดงผลิตภัณฑ์
Apple เป็นผู้บุกเบิกแอนิเมชั่นแบบเลื่อนซึ่งบอกเล่าเรื่องราวและแสดงผลิตภัณฑ์ของตน

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

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

การเล่าเรื่องแบบแอนิเมชั่นแบบเลื่อนเรียกขายบริการ ซึ่งเป็นส่วนหนึ่งของเทรนด์การออกแบบ UX ล่าสุด
การเล่าเรื่องแบบแอนิเมชั่นแบบใช้การเลื่อนแบบเลื่อนจะขายบริการเช่นกัน ซึ่งเป็นส่วนหนึ่งของเทรนด์การออกแบบ UX ล่าสุด (Bukwild)

ไซต์สื่อผสมที่มีตัวอักษรที่แข็งแกร่ง

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

แอนิเมชั่นการเลื่อนทริกเกอร์สื่อผสมพร้อมตัวอักษรที่แข็งแกร่งเป็นอีกหนึ่งเทรนด์ UX ในปี 2019
แอนิเมชั่นที่ทริกเกอร์การเลื่อนเพิ่มเติมพร้อมวิดีโอ สีที่ผิดปกติ และรูปแบบตัวอักษรที่รัดกุม (Awwwards)

เทรนด์ใหญ่ต่อไปในการออกแบบ UX อาจเป็นตัวพิมพ์และแอนิเมชั่นที่เด่นชัดกว่าบนเว็บ
ตัวพิมพ์หนาและแอนิเมชั่นที่เรียบง่าย – KathArt Interactive

เทรนด์การออกแบบ UX ปี 2019 รวมถึงแอนิเมชั่นมัลติมีเดียบนเว็บไซต์
ไซต์แอนิเมชั่นสุดแปลกโดย Brand Studio Russia

เทรนด์ UX ล่าสุด ได้แก่ แอนิเมชั่นที่ทริกเกอร์การเลื่อนด้วยวิดีโอ สีที่ผิดปกติ และการออกแบบตัวอักษรที่แข็งแกร่ง
3D, วิดีโอ และแอนิเมชั่นบนไซต์แพลตฟอร์มการชำระเงิน Plink

อีคอมเมิร์ซมีชีวิตชีวาด้วย 3D, AR และ Motion

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

UX อีคอมเมิร์ซเทรนด์ 2019
การเรนเดอร์ผลิตภัณฑ์ 3 มิติที่ให้มุมมองแบบ 360 องศาเป็นอีกเทรนด์ UX อีคอมเมิร์ซในปี 2019 (RIMOWA)

เทรนด์ใหญ่ต่อไปในการออกแบบ UX: อีคอมเมิร์ซเสมือนจริงมีแนวโน้มที่จะขายสินค้าได้ดีขึ้น
นาฬิกาบน Chrono24 สามารถสแกนด้วยคอมพิวเตอร์วิทัศน์และ "ลองใช้" ผ่านความเป็นจริงยิ่ง

เทรนด์ใหญ่ถัดไปในการออกแบบ UX: การเคลื่อนไหวในอีคอมเมิร์ซขายผลิตภัณฑ์ได้มากขึ้น
เทรนด์ใหญ่ถัดไปในการออกแบบ UX – วิดีโอบนเว็บไซต์อีคอมเมิร์ซมักจะขายผลิตภัณฑ์มากขึ้น (Alo Yoga)

เลือกแนวโน้มการออกแบบ UX ที่จะอยู่ต่อไป

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

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

• • •

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

  • มองไปยังอนาคต – แนวโน้มการออกแบบปี 2020
  • กฎหมายที่ทดลองแล้วและเป็นจริงของ UX (พร้อมอินโฟกราฟิก)
  • ฝึกฝนเทรนด์การออกแบบสุดฮอตด้วยบทช่วยสอน Photoshop เหล่านี้
  • เทรนด์อีคอมเมิร์ซที่โดดเด่นและอิทธิพลที่มีต่อการออกแบบ (พร้อมอินโฟกราฟิก)
  • เทรนด์ทั้งหมดคุ้มค่าหรือไม่ 5 อันดับแรก ข้อผิดพลาด UX ที่พบบ่อยที่สุดที่นักออกแบบเว็บไซต์ทำ