Trend UI yang Akan Membentuk 2020

Izinkan saya bertanya kepada anda sesuatu yang mungkin terdengar seperti fiksyen ilmiah. Pernahkah anda terfikir bahawa mungkin planet Bumi telah bergerak sedikit lebih cepat akhir-akhir ini - tetapi kita masih belum menyedari? Sepertinya baru semalam kami mengkaji semula apa yang kami harapkan ketika memasuki tahun 2018. Namun anehnya, sudah hampir 2019!

Jika difikirkan, tahun 2018 telah menjadi satu tahun untuk reka bentuk UI. Perkara kini jauh lebih sederhana berbanding tahun-tahun sebelumnya - berkat alat reka bentuk pertumbuhan eksponen yang dialami sejak kebelakangan ini. Anda tidak perlu menjadi guru pengekodan lagi untuk membuat laman web profesional dengan UI hebat hanya dalam beberapa minit.

Dan itu hampir tidak menutup pangkalan. Perubahan dalam pilihan pengguna juga banyak mempengaruhi bagaimana kami merancang antaramuka pada tahun 2018.

Untuk meletakkannya dalam perspektif, 94% pengguna internet berhenti mempercayai laman web dengan reka bentuk yang buruk - jadi tidak ada ruang untuk kompromi lagi.

Oleh kerana skrol sekarang diterima secara meluas, laman web tidak lagi mengutamakan meletakkan barang terbaik di bahagian atas. Anda boleh menyebarkannya secara berkadaran di antara muka. Tetapi sekali lagi, kami belajar untuk sangat berhati-hati dalam mempertimbangkannya 40% daripada pelawat akan meninggalkan jika susun atur keseluruhan ternyata lusuh.

Dan bukan itu sahaja yang mereka benci. Pengguna juga bosan dengan slaid kandungan sahaja 1% akan klik pada mereka. Menariknya, mengurangkannya dengan menghilangkan kandungan juga merupakan langkah yang salah sejak itu 86% pelawat laman web ingin melihat maklumat produk dan perkhidmatan yang kritikal sebaik sahaja tiba di laman utama.

Menarik, bukan?

Oleh itu, mari kita jujur ​​- reka bentuk UI tidak pernah sesenang ini. Pengguna semakin berubah, teknologi peranti berkembang secara astronomi, kelajuan internet kini berada di tahap Formula 1, dan kami disokong oleh pelbagai alat reka bentuk di web. Gabungkan semua itu dengan skillets pereka UI moden, dan anda pasti akan bersetuju bahawa 2019 pasti akan lebih memberi kesan.

Jadi, apakah trend yang kita nantikan?

Bergerak Pertama

Pengoptimuman mudah alih adalah kata kunci yang nampaknya tidak akan berhenti dalam masa terdekat. Trend ini telah wujud selama beberapa tahun sekarang, paling tidak. Dan anda betul untuk meramalkan bahawa kami akan melihat peningkatan penggunaan reka bentuk UI berasaskan mudah alih pada tahun 2019.

Anda mungkin juga menganggap bahawa selain dari teknologi yang sesuai, tidak ada yang baru yang mungkin akan muncul di ruang ini - sekurang-kurangnya untuk 12 bulan ke depan. Cukup adil, tetapi dapatkan ini…

Anda lihat, untuk beberapa waktu sekarang, kami menggunakan pendekatan lama yang sama - merancang untuk PC terlebih dahulu, sebelum beralih ke telefon bimbit. Secara retrospektif, UI desktop menjadi fokus utama kerana sebahagian besar lalu lintas berasal dari pengguna PC.

Kemudian sesuatu yang menarik berlaku pada akhir 2016- lalu lintas mudah alih akhirnya mengatasi lalu lintas PC. Pada akhir tahun itu, telefon bimbit telah habis 50.31% daripada bahagian pasaran, sementara tablet bertambah hingga 4.9%.

bahagian pasaran mudah alih

Namun, walaupun begitu, kami masih mengutamakan antara muka desktop kerana kebetulan pengguna PC memimpin jumlah kumulatif masa yang dihabiskan dalam talian. Di Amerika Utara, misalnya, melayari telefon bimbit masih ketinggalan pada tahun 2017, menyumbang 33% masa melayari.

masa melayari

Kalau difikir-fikirkan, kita semua tahu bahawa baru tiba masanya telefon bimbit akhirnya menggunakan komputer juga. Dan pada tahun 2018, jadual telah berubah sepenuhnya, dengan penggunaan telefon bimbit habis 52.2% dari semua laman web global.

bahagian lalu lintas

Apa maksudnya ini untuk UI?

Sebagai permulaan, kami menjangkakan perubahan dalam pendekatan reka bentuk UI. Pembangun akan mula mengubah keutamaan mereka dengan memberi tumpuan kepada UI mudah alih terlebih dahulu sebelum merancang untuk PC. Pengguna mudah alih akan diutamakan daripada pengguna PC.

Penggunaan Bayangan dan Kedalaman

Tidak dapat dinafikan bahawa reka bentuk UI rata mempunyai kelebihannya. Tetapi mari kita hadapi. Mereka sekarang menjadi terlalu monoton dan, diakui, cukup membosankan.

Malangnya, menggunakan reka bentuk 3D sangat mencabar kerana grafik yang rumit. Memuatkan laman web dengan antara muka 3D, misalnya, biasanya memakan masa lebih lama daripada satu dengan reka bentuk rata.

Baiklah, sehingga pelayar web mula bertambah baik. Dan pereka, sebaliknya, mengembangkan teknik yang luar biasa untuk memanfaatkan bayang-bayang untuk memperkenalkan ilusi kedalaman.

bayang-bayang dan kedalaman

Oleh itu, pada tahun 2019, kami menjangkakan untuk melihat penggunaan variasi bayangan secara progresif untuk mencapai pandangan antara muka 3D yang berbeza.

Sebagai contoh- pereka yang ingin menarik perhatian pada elemen tertentu dapat membuat bayangan palsu dengan tahap kelembutan dan intensiti yang berbeza-beza. Hasil akhirnya adalah elemen yang kelihatannya berlegar di selebihnya dalam 3D.

Teknik lain yang popular adalah meletakkan bayangan dalam corak untuk membuat pelbagai tahap tekstur, dan seterusnya menghidupkan elemen antara muka.

Kemudian teka apa? Kemajuan terkini dalam alat reka bentuk UI telah memperluas dinamika yang disertakan dengan pendekatan reka bentuk ini. Anda kini boleh menggabungkan bayang-bayang dengan grid dan susun atur paralaks dengan mudah untuk memperluas kedalaman yang sesuai secara sistematik, dan seterusnya mencapai ilusi 3D yang lebih realistik.

Dengan kata lain, penggunaan bayang-bayang yang maju akan terus mencapai kedalaman yang lebih halus pada paparan 2D. Oleh itu, hapuskan keperluan untuk skrin 3D khas.

Minimalisme

Pada tahun 2000, rata-rata perhatian manusia, sekurang-kurangnya menurut kajian oleh microsoft, adalah 12 saat. Kemudian teka apa? Menjelang 2015, ia mengejutkan turun menjadi 8 saat - lebih pendek daripada ikan emas biasa.

Baiklah, ketika kita fikir tidak mungkin menjadi lebih buruk, internet membuat orang lebih tidak sabar- 47% pelawat laman web anda sekarang harapkan halaman anda dimuat dalam masa kurang dari 2 saat. Mereka tidak tahan menunggu lebih lama. Sebenarnya, 40% daripadanya akan pergi jika memerlukan masa lebih dari 3 saat.

Cukup mengejutkan, banyak pereka web tidak menganggap ini serius. Semasa kelajuan memuatkan halaman rata-rata ialah 8.66 saat- walaupun cadangan Google kurang dari 3 saat untuk 2018.

masa memuatkan halaman

Bukan itu sahaja. Ternyata keadaan jauh lebih buruk untuk laman web mudah alih kerana mereka menggunakan purata 22 saat untuk memuatkan. Namun, sayangnya, 53% pengunjung laman mudah alih tidak berkeliaran selama lebih dari tiga saat.

Tetapi, bagaimana ini berkaitan dengan UI?

Walaupun kelajuan memuatkan halaman biasanya ditentukan oleh beberapa faktor, keseluruhan reka bentuk antara muka pengguna sangat kritikal. Di situlah bermulanya reaksi berantai.

Jadi, apa maksudnya untuk 2019?

Nah, Kemas kini kelajuan Google pada bulan Julai 2018 adalah permulaan akhir UI yang kompleks dan grafik yang banyak menjejaskan kelajuan pemuatan. Kami kini semakin beralih ke UI minimalis tanpa lemak yang diselaraskan dengan baik yang memuat lebih cepat.

Pada dasarnya, minimalisme memerlukan keseimbangan ideal antara kesederhanaan, kemudahan, dan fungsi. Ini bukan sahaja dapat meningkatkan kelajuan keseluruhan dan kedudukan mesin pencari tetapi juga menurunkan kadar pentalan lalu lintas yang sesuai.

Kesan Bertindih

Era moden reka bentuk grafik memperkenalkan kesan bertindih untuk menggabungkan pelbagai lapisan, mewujudkan rasa ruang, dan yang paling penting, menjadikan antara muka lebih menawan.

Tetapi bertahan. Apakah kesan pertindihan di tempat pertama?

Secara amnya, ini melibatkan meletakkan elemen seperti gambar, teks, dan warna untuk saling bertindih dengan penuh gaya. Saya yakin anda sudah menjumpai grafik bertindih di beberapa laman web sekarang.

kesan bertindih

Memang, diakui, trend reka bentuk telah meningkat dengan baik sejak beberapa tahun kebelakangan ini. Tetapi, dengan peranti moden kini hadir dengan pembiakan kecerunan warna yang jauh lebih baik, diharapkan 2019 akan mencetuskan penggunaan kesan tumpang tindih yang meluas pada UI PC dan mudah alih.

Samsung Mobile, misalnya, beralih dari paparan LCD ke teknologi OLED yang sangat maju semasa mereka melepaskan Galaxy S7 dua tahun lalu. Kemudian Apple bergabung dengan kereta itu dengan iPhone X, yang kini mempunyai kontras paparan yang lebih besar daripada pendahulunya LCD. Syarikat itu mempunyai rancangan mengekalkan ini pada semua model iPhone yang dijadualkan untuk 2019.

Dan siapa yang paling mendapat faedah?

Seperti yang dijangkakan, dunia reka bentuk grafik memanfaatkannya untuk membuat pertindihan dengan kecerunan yang lebih tajam dan tajam yang kelihatan lebih semula jadi. Kami suka bagaimana paparan OLED dapat mengatasi masalah terbesar dengan elemen bertindih - pengguna terganggu oleh elemen sekunder yang mendasari kerana kontras yang buruk.

Trend ini juga akan mencetuskan pengembangan ketelusan dalam reka bentuk UI. Kami akan melihat peningkatan penggunaan tekstur "seperti kaca" pada UI kerana pereka memanfaatkan ketelusan untuk mengeluarkan grafik primer dan sekunder secara serentak, tanpa semestinya mengganggu penekanan yang dimaksudkan.

Reka Bentuk Tanpa Bingkai

Dan masih menggunakan peranti moden, anda pasti menyedari perkara paling luar biasa mengenai reka bentuk luaran keseluruhannya pada masa kini. Tidak, saya tidak membincangkan bagaimana mereka sekarang menggunakan kaca yang banyak di hampir semua permukaan.

Ok, saya akui mungkin ada kaitan dengan itu. Atas sebab-sebab yang pelik, kini semua orang nampaknya membenci bingkai paparan. Pembuat skrin telefon pintar dan TV utama secara beransur-ansur mengurangkan ruang antara garis besar paparan dan tepi peranti yang sesuai. Kemudian untuk melengkapkan penampilan, mereka memilih untuk menggabungkannya dengan tepi peranti bulat.

Samsung bahkan telah maju untuk menghilangkan bingkai tepi sama sekali dengan memperluas beberapa skrin telefon pintar mereka melewati tepi. Apple, sebaliknya, telah memutuskan untuk menutup seluruh wajah iPhone dengan skrin paparan, meninggalkan ruang hanya untuk alat dengar.

tepi tanpa bingkai

Kalau dipikir-pikir, saya rasa ini ada kaitannya dengan ilusi tak terhingga - keperluan untuk menjadikan skrin kelihatan seperti bahagian persekitaran semula jadi. Sejujurnya, ia berfungsi dengan baik untuk pengguna, yang dilaporkan mendapati paparan menjadi lebih menarik.

Mungkin tidak menghairankan, trend ini telah meluas ke industri aplikasi. UI secara beransur-ansur beralih dari garis besar berbingkai ke garis halus yang digabungkan dengan tepi bulat. Oleh itu, ini telah membantu antara muka untuk berintegrasi dengan skrin peranti dengan lancar, dan seterusnya membuat pandangan tanpa bingkai skrin penuh.

Oleh kerana pengeluar peranti meneruskan trend ini hingga tahun 2019, kami menjangkakan UI akan menurunkan generasi tajam secara beransur-ansur untuk reka bentuk yang lancar, bulat dan tanpa bingkai.

Animasi Mikro

Mereka kadang-kadang halus dan mungkin kelihatan tidak penting. Tetapi, kebenaran yang sederhana adalah: animasi mikro di UI terbukti sangat hebat dalam menarik dan membantu pengguna semasa mereka menavigasi.

Pernahkah anda melihat butang yang berubah warna semasa anda menatal atau mengkliknya? Anda pasti juga menemui susun atur menu yang muncul untuk memaparkan pilihan tambahan sebaik sahaja penunjuk mendarat di atasnya. Nah, itu semua adalah contoh animasi mikro yang menghasilkan kesan visual kecil untuk memperkaya pengalaman pengguna.

animasi mikro

Oleh kerana elemen bergerak sangat berkesan untuk menarik perhatian, banyak pereka telah memanfaatkannya untuk mendorong pengguna ke arah pelbagai titik penukaran. Kecenderungan ini sudah berleluasa sekarang sehingga saya rela mempertaruhkan kekayaan sehingga anda tidak dapat menemukan lebih dari lima laman web yang belum menerapkan beberapa bentuk animasi mikro.

Kemudian dapatkan ini. Semua penyemak imbas web yang dominan pada masa ini menyokong animasi mikro dengan baik pada PC dan mudah alih. Oleh itu, saya katakan bahawa tren di sini akan kekal ketika kita mendekati tahun 2019 - menjangkakan UI akan dilengkapi dengan hierarki visual yang tersusun secara sistematik.

Kesimpulan

Secara keseluruhan, kami hanya merangkumi beberapa trend yang paling terkenal. Kami pasti akan melihat lebih banyak perkara menarik muncul seiring dengan berjalannya waktu, dan kami tidak sabar menunggu 2019 untuk mengatur bola.

Oleh itu, apa sebenarnya yang anda fikir boleh menjadi trend reka bentuk UI yang paling berkesan? Dan trend lain yang mana yang akan anda tambahkan ke senarai ini?

gambar header milik Walid Beno

Bogdan Rancea

Bogdan adalah ahli pengasas Inspired Mag, yang telah mengumpulkan hampir 6 tahun pengalaman dalam tempoh ini. Pada masa lapang dia suka belajar muzik klasik dan mendalami seni visual. Dia juga taksub dengan fixies juga. Dia sudah memiliki 5 orang.