UI Trends 2020: มีอะไรอยู่ในร้านบ้าง?

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

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

เทรนด์ UI ปี 2020 จะรวมการเล่าเรื่องในการออกแบบ UI (แทนที่จะคิดเกี่ยวกับโปรเจ็กต์ในแง่ของ UX เพียงอย่างเดียว) กราฟิกและแอนิเมชั่น 3 มิติ ไมโครอินเทอร์แอกชันเฉพาะตัว ธีมสีเข้ม ความเรียบง่าย การโต้ตอบด้วยเสียง และอื่นๆ

การเล่าเรื่อง

การเล่าเรื่องมักจะคิดในแง่ของ UX เท่านั้น อย่างไรก็ตาม นักออกแบบ UI ยังสามารถมีบทบาทสำคัญในกระบวนการเล่าเรื่องได้

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

หน้า Landing Page Pixel Earbuds ของ Google เป็นตัวอย่างที่น่าสนใจของการเล่าเรื่อง UI มันแนะนำผู้เข้าชมผ่านประโยชน์ของผลิตภัณฑ์ผ่านแอนิเมชั่นที่รอบคอบ ภาพที่เกี่ยวข้อง และการออกแบบตัวอักษรที่เป็นตัวเอกเพื่อสร้างการตอบสนองทางอารมณ์ในเชิงบวก

กราฟิก 3 มิติและแอนิเมชั่น

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

หากการออกแบบ UI จะต้องสะดุดตาเป็นพิเศษ กราฟิก 3 มิติก็เป็นวิธีที่ยอดเยี่ยมในการบรรลุเป้าหมายนั้น แอนิเมชั่นเพิ่มความน่าสนใจให้กับภาพ แม้ว่าเอฟเฟกต์เหล่านี้จะใช้เวลานานกว่าเวอร์ชัน 2D และต้องใช้ชุดทักษะเฉพาะ แต่ก็คุ้มค่ากับทรัพยากรเพิ่มเติมในกรณีที่เพิ่มประสบการณ์ผู้ใช้โดยรวม

Microinteractions ที่ไม่เหมือนใคร

Microinteractions เป็นองค์ประกอบสำคัญของการออกแบบผลิตภัณฑ์ดิจิทัลที่ดี อย่างไรก็ตาม นักออกแบบ UI และผู้มีส่วนได้ส่วนเสียหลายคนยังคงมองข้ามพวกเขา

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

ธีมสีเข้ม

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

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

หนึ่งในแอปที่สำคัญล่าสุดในการปรับแต่งธีมสีเข้มคือ Gmail ซึ่งเริ่มเปิดตัวในเดือนกันยายน ขณะนี้ยักษ์ใหญ่ด้านเทคโนโลยีรายใหญ่ทั้งสาม (Apple, Google และแม้แต่แอพมือถือของ Facebook) ได้ก้าวเข้าสู่กลุ่มธีมมืดแล้ว แนวโน้มนี้ไม่น่าจะหายไปในอนาคตอันใกล้นี้

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

ความเรียบง่ายและความเรียบง่ายเข้ามาและออกจากแฟชั่นในการออกแบบ UI ทุกสองสามปี ตอนนี้พวกเขากำลังเข้า

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

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

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

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

การโต้ตอบด้วยเสียงไม่ใช่เรื่องใหม่ แต่การทำซ้ำในช่วงแรกนั้นยุ่งยากและมักจะทำงานได้ไม่ดี ในช่วงสองสามปีที่ผ่านมา การโต้ตอบด้วยเสียงได้พัฒนาขึ้น (โดยปกติด้วยความช่วยเหลือที่ขับเคลื่อนด้วย AI) ให้เป็นวิธีการสื่อสารกับแอปที่ใช้งานได้จริง เมื่อการควบคุมด้วยเสียงดีขึ้นกว่าเดิม แนวโน้มที่ไม่น่าจะหายไป Google ประกาศการอัปเกรดฟีเจอร์ Google Assistant ที่สำคัญที่งาน I/O 2019 ซึ่งการคาดเดาบางอย่างอาจเป็นจุดเริ่มต้นของการโต้ตอบด้วยเสียงแทนที่การโต้ตอบแบบสัมผัสเกือบทั้งหมด

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

แนวโน้มการออกแบบ UI การพิมพ์

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

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

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

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

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

มองไปข้างหน้าที่ UI Trends 2020

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

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

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

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

• • •

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

• มองไปยังอนาคต – แนวโน้มการออกแบบปี 2020
• Toptal Design Blog สีแห่งปี 2020
• แนวโน้มการออกแบบ UX ย้อนหลัง 2019
• เทรนด์ทั้งหมดคุ้มค่าหรือไม่ 5 อันดับแรก ข้อผิดพลาด UX ที่พบบ่อยที่สุดที่นักออกแบบเว็บไซต์ทำ
• แนวโน้มต่อไปนี้: การแสดงความเคารพกับการลอกเลียนแบบการออกแบบ