แนวโน้ม UI ที่จะทำให้รูปร่าง 2020

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

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

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

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

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

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

น่าสนใจใช่มั้ย

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

ดังนั้นสิ่งที่เราคาดหวังแนวโน้ม

มือถือครั้งแรก

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

คุณอาจสันนิษฐานว่านอกเหนือจากเทคโนโลยีที่เกี่ยวข้องไม่มีอะไรใหม่ที่อาจจะเกิดขึ้นในพื้นที่นี้ - อย่างน้อยในอีก 12 เดือนข้างหน้า ยุติธรรมพอ แต่รับสิ่งนี้ ...

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

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

ส่วนแบ่งการตลาดมือถือ

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

เวลาท่อง

ลองคิดดูสิเราทุกคนรู้ดีว่ามันเป็นเพียงช่วงเวลาก่อนที่มือถือจะเข้ามามีส่วนร่วมกับพีซีในที่สุด และภายในปีพ. ศ. 2018 มีการเปิดตารางโดยสิ้นเชิง 52.2% ของเว็บเพจทั่วโลกทั้งหมด.

ส่วนแบ่งการเข้าชม

สิ่งนี้หมายความว่าสำหรับ UI

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

การใช้เงาและความลึก

ไม่มีการปฏิเสธว่าการออกแบบ UI แบบแบนมีประโยชน์ แต่เรามาเผชิญหน้ากัน ตอนนี้พวกเขากลายเป็นน่าเบื่อเกินไปและเป็นที่ยอมรับน่าเบื่อมาก

น่าเสียดายที่การใช้การออกแบบ 3D นั้นท้าทายเนื่องจากกราฟิกที่ยุ่งยากทำให้เกิดผลลัพธ์ ยกตัวอย่างเช่นการโหลดหน้าเว็บด้วยอินเทอร์เฟซสามมิตินั้นใช้เวลานานกว่าหนึ่งในการออกแบบแบบแบน

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

เงาและความลึก

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

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

อีกเทคนิคที่ได้รับความนิยมคือการวางเงาในรูปแบบเพื่อสร้างพื้นผิวในระดับต่าง ๆ แล้วนำองค์ประกอบอินเทอร์เฟซมาใช้งาน

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

กล่าวอีกนัยหนึ่งการใช้เงาขั้นสูงจะช่วยให้ได้ความลึกที่ละเอียดยิ่งขึ้นบนจอแสดงผล 2 มิติ และในการทำเช่นนั้นกำจัดความต้องการหน้าจอ 3D พิเศษ

Minimalism

ในปี 2000 ความสนใจของมนุษย์โดยเฉลี่ยเพิ่มขึ้นอย่างน้อยตามการศึกษาโดย ไมโครซอฟท์คือ 12 วินาที จากนั้นเดาอะไร ภายในปี 2015 มันลดลงอย่างน่าประหลาดใจเหลือเพียง 8 วินาทีซึ่งสั้นกว่าปลาทองทั่วไป

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

น่าประหลาดใจที่ผู้ออกแบบเว็บจำนวนมากไม่ได้สนใจเรื่องนี้อย่างจริงจัง ปัจจุบัน ความเร็วในการโหลดหน้าเฉลี่ยคือ 8.66 วินาที- แม้จะมีคำแนะนำของ Google น้อยกว่า 3 วินาทีในปี 2018

เวลาในการโหลดหน้าเว็บ

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

แต่สิ่งนี้เกี่ยวข้องกับ UI ได้อย่างไร

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

ดังนั้นสิ่งนี้หมายความว่าสำหรับปี 2019?

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

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

ผลกระทบที่ทับซ้อนกัน

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

แต่ยึดมั่น ผลที่ซ้อนทับกันในตอนแรกคืออะไร?

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

ผลกระทบที่ทับซ้อนกัน

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

ตัวอย่างเช่น Samsung Mobile, เปลี่ยนจากจอ LCD เป็น เทคโนโลยี OLED ขั้นสูง เมื่อพวกเขาเปิดตัว Galaxy S7 เมื่อสองปีก่อน จากนั้น Apple เข้าร่วมกับ bandwagon กับ iPhone X ซึ่งตอนนี้มีความคมชัดของการแสดงผลที่ดีกว่ารุ่นก่อนหน้าของ LCD บริษัท ยังมี แผนการบำรุงรักษานี้ ในทุกรุ่น iPhone ที่กำหนดไว้สำหรับ 2019

และใครจะเป็นผู้ได้รับประโยชน์สูงสุด?

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

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

การออกแบบ Frameless

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

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

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

ขอบไร้กรอบ

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

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

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

Micro-ภาพเคลื่อนไหว

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

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

ไมโครภาพเคลื่อนไหว

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

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

สรุป

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

ที่กล่าวว่าสิ่งใดที่คุณคิดว่าอาจเป็นแนวโน้มการออกแบบ UI ที่มีผลกระทบมากที่สุด? และแนวโน้มอื่น ๆ ที่คุณจะเพิ่มในรายการนี้

มารยาทภาพส่วนหัวของ Walid Beno

Bogdan Rancea

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