Tren Desain Web 2022 untuk Menginspirasi Proyek Situs Web Anda Berikutnya

Apakah ada yang salah dengan TERLALU trendi?

Saya melihat banyak perancang situs web tersesat – tertarik pada desain 'super mewah', dengan mengorbankan situs web mereka yang dapat digunakan, dan berfungsi.

“Sebagian besar desainer hidup dalam semacam realitas alternatif, menciptakan hal-hal yang tidak perlu satu sama lain. Kemudian mereka menjadi tren.” – Pengguna aliran web Blazej

Hari ini kita akan melalui 3 tren untuk tahun 2022 – yang tidak akan membuat Anda mengorbankan kegunaan proyek situs web Anda, tetapi akan membantu meningkatkannya ke tingkat berikutnya.

Tren Desain Web 2022 #1 – Potongan subjek dengan latar belakang warna-warni

Jadikan Tren Situs Web 2022 ini berfungsi untuk Anda:

• Menggunakan aplikasi 'pembuat bentuk' seperti ShapeDivider.app – dapat membantu Anda membuat bentuk alami ini jika Anda menginginkan pintasan yang bagus.
• Memilih gambar yang sempurna akan menjadi lebih penting untuk ini, karena terlalu mudah untuk 'mengambil foto' dengan banyak gambar di internet dengan latar belakang putih.

Tren Desain Web 2022 #2 – Karya monokrom

• Memilih satu warna lain selain hitam putih bisa membuat desain menjadi POP!
• Memiliki lebih sedikit warna untuk dikerjakan, sebenarnya membuat merancang situs web jenis ini lebih mudah!
• Jadikan warna sesuai untuk Anda, gunakan untuk tombol utama, dan hal-hal yang ingin Anda lihat.

Tren Desain Web 2022 #3 – Elemen Desain Phantom

Jadikan Tren Desain Web 2022 ini bekerja untuk Anda:

• Padukan elemen yang tidak ingin Anda menonjolkan seperti ibu jari yang sakit.
• Ciptakan estetika kelas atas dengan memanfaatkan tampilan yang lebih halus ini.

Tren situs web tahun-tahun sebelumnya

Kami menyukai situs web yang indah – berfokus pada pengalaman pengguna, dan dibuat dengan cara yang bergaya DAN tidak lekang oleh waktu. Kuncinya adalah… tidak menjadi TERLALU trendi dengan cara yang akan ketinggalan zaman sebelum Anda dapat mengatakan “animasi paralaks.”

• Jangan melompat pada setiap tren baru.
• Perhatikan apa yang bergaya DAN efektif.
• Masing-masing tren unggulan di bawah ini akan memiliki sedikit kutipan tentang mengapa itu bergaya, dan kutipan terpisah tentang mengapa – atau jika – itu efektif.

Tiga Tren Desain Web Teratas 2020

1. Tipografi Besar

Kenapa bergaya? Di dunia di mana setiap orang memasukkan sebanyak mungkin teks ke dalam desain mereka untuk memuaskan 200 pemangku kepentingan… jika Anda dapat merangkumnya menjadi satu pesan utama yang sangat singkat dan menjadikannya besar – Anda menang.

Apakah efektif: Sangat efektif karena orang tahu apa yang harus difokuskan! Masalah dengan setiap bagian teks berukuran sama atau hanya variasi kecil satu sama lain tentu saja adalah tidak jelas bagian mana yang paling penting.

2. Pahlawan Lebih Kecil, Gambar Pahlawan Lebih Berdampak

Kenapa bergaya? Betapa mulianya tidak menutupi gambar indah Anda? Orang-orang menyukai ini karena terasa kohesif dan Anda cenderung tidak mengalami masalah dengan pelapisan yang sulit (contoh di item berikutnya.)

Apakah efektif: Pasti bisa – poin pentingnya adalah gambarnya bagus, dan benar-benar membantu orang membayangkan diri mereka mendapat manfaat dari produk atau layanan Anda. Tanpa gambar yang bagus, ini mungkin terlihat norak.

3. Elemen Berlapis

Kenapa bergaya? Sama seperti dalam mode, pelapisan yang disengaja adalah seni – terasa disengaja, dan dengan demikian dapat terlihat sangat bagus.

Apakah efektif: Ini sangat tergantung pada item tertentu. Ini benar-benar TIDAK efektif jika tidak memiliki foto yang tepat, elemen pendukung yang tepat, overlay yang tepat untuk kontras, atau tipografi yang tepat (berfungsi lebih baik dengan font yang lebih berat.) Berhati-hatilah untuk tidak menggunakan ini secara berlebihan – dan menggunakannya ketika Anda memiliki elemen solid yang bekerja bersama, dan Anda 'memiliki kendali atas mereka.' Seringkali klien mungkin bertukar gambar yang sekarang tidak berfungsi – jadi penting untuk melakukannya dengan komponen yang tepat ketika Anda tahu mereka tidak akan sering berubah.

Sebutan terhormat lainnya:

Tipografi vertikal – Digunakan untuk elemen UI, dapat memberikan nuansa desain yang lebih disengaja.

Potongan Bentuk Organik – Contoh Pops Diabetes di atas juga memanfaatkan tren ini.

Gambar Offset 10% – Juga item Schaefco di atas menampilkan ini –

Guntingan Tipografi – Telah melihat beberapa contoh mengagumkan dari ini. Huruf tebal besar dipotong dari ruang putih dan terkadang memiliki video di belakangnya – memberikan efek berlapis yang sangat keren.

Video di setiap halaman – Jika Anda melakukan video secara teratur – mengapa tidak melakukannya untuk setiap layanan utama Anda dan menyertakannya untuk meningkatkan “waktu di situs”? Bagus untuk SEO – dan bagus untuk pengguna Anda yang tidak ingin membaca. (Petunjuk: kebanyakan dari kita lebih suka menonton video.)

Animasi pelengkap ringan – animasi menarik perhatian, terutama jika bergerak sedikit, tetapi pastikan Anda menggambar mata orang dengan benar. Atau pastikan animasinya benar-benar bagus / memiliki gaya yang benar-benar sesuai dengan merek Anda.

Lebih Banyak Font Serif – Font Serif lebih mudah dibaca! Saya senang melihat serif kembali pada tahun 2020 dan seterusnya!

Desainer lain mengikuti Tren Desain Web 2020 (sumber daya crowd.)

Layanan desain web akhir-akhir ini berfokus pada memberikan pengalaman terbaik kepada pengguna saat mereka menjelajahi situs web. Dengan demikian, menjadi sangat penting bagi pengembang untuk memastikan mereka bekerja sesuai dengan itu.
Jadi, berikut adalah daftar 17 desain web dan tren UI teratas untuk tahun 2020.

1. Minimalisme Terbuka dan Penuh Warna
Saat ini, jika Anda masih memikirkan desain minimalis dengan latar belakang hitam putih, itu sudah berlalu. Minimalisme terbuka dan penuh warna adalah tren terbaru yang menghadirkan nuansa kohesif dan eye-catchy pada desain web.

2. Ramah Seluler
Dengan meningkatnya penggunaan ponsel, para perancang perlu memastikan bahwa situs web tersebut ramah seluler sehingga setiap pengguna dapat melihat situs web melalui ponsel mereka dengan mudah. Di sinilah layanan desain web responsif datang untuk menyelamatkan.

3. Judul Besar
Judul dan tajuk yang terlalu besar telah menjadi sangat umum belakangan ini untuk menarik perhatian pembaca karena mereka memiliki lebih sedikit waktu untuk dihabiskan di situs web. Dengan demikian, headline dibuat sedemikian rupa sehingga menarik perhatian pembaca.

4. Warna Cerah, Gradien Menantang, dan Latar Belakang Gelap
Situs web saat ini berfokus pada penyediaan pengalaman pengguna terbaik dan karenanya layanan desain web secara khusus berfokus pada hal yang sama. Penggunaan gradasi yang lebih kompleks dengan tampilan warna yang fantastis dengan latar belakang gelap menjadi lebih umum di tahun 2019. Perpaduan klasik dari ketiganya adalah yang menjadi tren.

5. Kecepatan Memuat Situs Web
Pelanggan saat ini selalu terburu-buru dan karenanya situs web yang memuat lambat dilewati begitu saja oleh pengguna. Dengan demikian, kecepatan memuat situs web harus jauh lebih tinggi yang telah menjadi tren terbaru untuk meningkatkan pengalaman pengguna.

6. Animasi dan Ilustrasi Tingkat Selanjutnya
Pengguna selalu menantikan sesuatu yang baru setiap saat. Ini dapat dengan mudah dicapai dengan animasi serta ilustrasi tingkat berikutnya yang merupakan alasan mengapa ini menjadi tren terbaru.

7. Grid CSS
Grid CSS masih menjadi salah satu tren desain web paling populer yang memainkan peran penting dalam membuat desain web menjadi lebih mudah. Baru-baru ini, ini adalah campuran dari beberapa alat baru dengan fitur yang ada. CSS modern saat ini menawarkan tingkat respons, interaksi, serta visualisasi data yang benar-benar baru.

8. Skema Warna Terang dan Gelap
Untuk menciptakan sesuatu yang menarik bagi pengguna, penggunaan skema warna terang dan gelap terlalu bagus. Ini menciptakan kesan positif pada pengguna sehingga bermanfaat.

9. Pengalaman 3D yang Menakjubkan
Gambar dan grafik 3D tidak diragukan lagi terlalu bagus untuk layanan desain web sehingga desain web yang menarik dapat dibuat yang membuatnya menarik bagi pengguna. Pengalaman 3D yang imersif menghidupkan situs web Anda dan menawarkan pengalaman hebat kepada pengguna.

10. BrutalismeBrutalisme adalah tren besar lainnya yang sedang naik daun yang cukup jelas dari fakta bahwa lebih banyak merek lebih memilih untuk menggunakan konsep-konsep berani, gritty serta kurang ajar untuk merangkul sisi pemberontak batin mereka.

11. Elemen Terbang dan Mengambang
Untuk menarik perhatian pengguna, visual terbang dan melayang sangat efektif.

12. Bentuk Organik dan Geometris
Penggunaan bentuk-bentuk geometris dan organik untuk layanan desain web telah cukup kokoh ditempatkan di suatu tempat di antara desain datar & kisi-kisi yang rusak.

13. Hal yang Tumpang Tindih
Efek tumpang tindih tentu saja merupakan salah satu tren terpanas tahun 2020. Hal-hal yang tumpang tindih membawa minat visual pada beberapa jenis konten tertentu. Konsep ini adalah trik yang bagus untuk menarik minat orang tetapi perlu dilakukan dengan hati-hati dengan layanan desain web.

14. Peningkatan Video
Penambahan lebih banyak video membawa lebih banyak kehidupan ke situs web dan memiliki kemampuan untuk menarik perhatian hampir semua orang tidak seperti bentuk media lainnya. Ini tidak diragukan lagi tren 2020 dan akan berlanjut untuk waktu yang lama.

15. Tata Letak Asimetris dan Kisi Rusak
Tata letak situs web yang asimetris bersama dengan penggunaan kisi-kisi yang rusak pada saat mendesain web menjadi lebih umum saat ini.

16. Realitas Tertambah
Antarmuka layar saja tidak cukup untuk dunia saat ini dan pengguna ingin interaksi fisik terjadi di dunia nyata. Di sinilah desainer web harus memikirkan sesuatu yang baru untuk menawarkan fungsi augmented reality.

17. Interaksi Mikro
Pentingnya interaksi mikro tidak dapat diabaikan dengan cara apa pun. Ini bagus untuk membuat acara yang cukup mengundang sehingga meningkat di tahun 2020.
Sekarang, ketika Anda mengetahui desain web dan tren UI teratas untuk tahun 2020, jangan buang waktu lagi tetapi sertakan itu di situs web Anda untuk memberikan pengalaman yang fantastis kepada pengguna.

Contoh Tren Desain Web Umum Digunakan dengan Buruk

Bagaimana Anda menentukan apakah tren digunakan dengan buruk? Empati dan intuisi. Konsultasikan kriket jiminy batin Anda. Apakah Anda suka jika seseorang melakukan ini kepada Anda dengan situs web mereka? Jika jawabannya tidak, mungkin Anda harus melupakan lima puluh pop-up meskipun Anda 'mendapat begitu banyak pendaftaran buletin' sehingga Anda dapat mengirim spam selama sisa hidup Anda.

Apakah itu bekerja? Selamat, Anda telah mengonversi 5 orang lagi dan kesal dengan 40 orang lainnya, merusak persepsi merek Anda dan membuat mereka mempertimbangkan kembali untuk mengeklik konten ucapan selamat diri Anda lagi. Jadi ya, Anda dapat menebaknya. Contoh nomor satu saya tentang tren desain web yang digunakan dengan buruk adalah:

Pop-up invasif

Pop-up invasif dan jenis yang Anda tidak tahu cara menutupnya atau yang memaksa Anda menjawab pertanyaan konyol itu mengerikan.

Bagaimana melakukannya dengan lebih baik – Berikan sesuatu yang berharga ketika seseorang pergi

Alih-alih mencoba mendorong seseorang ke daftar email Anda, tarik. Jika Anda memberi saya sesuatu yang berharga, saya tidak marah karena Anda memasang pop-up tua yang besar di wajah saya, bahkan, saya mungkin sedikit tertarik. Yang penting untuk diperhatikan, adalah bahwa konten adalah variabel. Jangan membersihkan kertas putih yang buruk, bangun sesuatu yang hebat – bekerja dengan tim untuk membangun sesuatu yang hebat – apa pun yang harus Anda lakukan dan kemudian jadikan itu sebagai pusat perhatian. Pasangkan dengan pop-up 'exit-intent' dan jangan memaksa siapa pun untuk membuat keputusan – selalu berikan cara yang jelas untuk menghapus pop up.

Gulir Tak Terbatas

Kami tidak membutuhkan ajakan bertindak yang jelas di akhir atau catatan kaki yang indah dengan navigasi yang dipikirkan dengan matang

Mungkin ini adalah contoh dari otak orang tua saya yang sinis karena saya bahkan tidak bisa menangani ketika twitter berubah dari bintang menjadi hati – tetapi jika kita menerapkan aturan emas di sini, saya benci menyelesaikan artikel dan membuat orang lain membuat pilihan tentang artikel apa yang ingin saya baca selanjutnya. Membuat keputusan untuk mereka mungkin menyenangkan dengan video facebook dan youtube karena hei, ini video dan saya hanya vegetarian – tetapi untuk konten yang harus Anda baca, maaf, saya rasa Anda tidak akan membuatnya keputusan tentang preferensi saya secara akurat berdasarkan satu artikel atau konten yang saya selesaikan.

Saya akan memperingatkan ini dengan fakta bahwa jenis galeri / situs mirip Pinterest tempat Anda menjelajahi berbagai item tampaknya memiliki beberapa manfaat untuk jenis navigasi ini, tetapi mungkin terbatas pada sosial. Kita semua membutuhkan kepuasan kesimpulan dan navigasi lebih lanjut.

Bagaimana melakukannya dengan lebih baik – Pikirkan tentang apa yang ingin dilakukan seseorang setelah membaca jenis kategori atau jenis konten ini di situs.

Setiap jenis konten di situs dapat memiliki jenis pra-footer dengan artikel serupa lainnya, elemen navigasi, dan idealnya beberapa langkah selanjutnya yang jelas disesuaikan dengan apa yang baru saja mereka selesaikan. Meskipun saya membenci font 'Lobster' dalam contoh di atas (Beranda Pesan), saya pikir Jared berpikir panjang dan keras tentang apa yang mungkin diminati orang setelah mereka selesai membaca halaman konten dan membagikannya secara visual yang jelas dan sederhana. Kalau saja footer lain sangat beruntung. Saya akui, saya memiliki fetish footer.

3. Parallax yang sangat mengganggu yang tidak menambah nilai kecuali satu milidetik oooh-ahhh.

Organisasi seni dan budaya ini memiliki gerakan, memiliki kedalaman – tetapi apakah memiliki makna? Saya tidak dapat membayangkan bagaimana lingkaran di belakang menambahkan elemen yang berguna kecuali pada satu titik itu asli, atau belum banyak dilakukan. Yaitu gimmick – tapi hei mereka memenangkan penghargaan situs… jadi situsnya pasti bagus kan?

Gerakan dan kedalaman bisa menjadi luar biasa ketika diimplementasikan dengan selera tinggi, sayangnya, sejumlah besar orang bergegas untuk menerapkan paralaks tanpa banyak pemikiran tentang bagaimana itu akan benar-benar membantu pengunjung dan menambah nilai. Desain spasi besar itu indah, tetapi jika Anda mencoba memahami isi situs web dan benar-benar belajar tentang bagaimana atau mengapa Anda ingin bekerja dengan perusahaan atau membeli produk – situs paralaks yang panjang tidak tepat sasaran.

Bagaimana melakukannya dengan lebih baik – Terapkan secara halus untuk menambahkan beberapa kedalaman dan gunakan dengan hemat dengan cara yang menambahkan sedikit intrik untuk produk bila perlu.

Sekarang, mungkin banyak dari Anda telah melihat Artikel Musim Gugur Salju The New York Times yang diterbitkan pada tahun 2012. Artikel tersebut menggunakan paralaks dan video dengan cara yang hampir melucuti senjata karena sangat progresif pada saat itu.

Kunci yang membuat situs ini bekerja begitu indah?

• Penekanan kuat pada konten – elemen tipografi dipikirkan dengan sangat baik dan mudah dibaca
• Perawatan judul memberikan hierarki yang jelas
• Semua ini bermain bersama dengan cukup baik sehingga aspek paralaks tidak menjadi pusat perhatian, melainkan bagian halus yang menyenangkan untuk gambaran yang lebih besar.

Begitulah paralaks dapat digunakan dengan selera tinggi di tahun 2016, tanpa merasa seperti gimmick.

Tren Desain Web dari 2019

Desainer web tidak berbeda dengan perancang busana, karena mereka harus terus-menerus mendengarkan saat mendengarkan tren terbaru untuk tahun mendatang dalam desain web.

Perancang web yang cerdas tidak hanya mengingat citra merek saat membuat tata letak situs, tetapi juga kegunaan bagi pengguna. Karena itu, setiap tahun desainer menyingkirkan detail desain yang tidak disukai pengguna dan memperluas detail yang disukai pengguna.

Tahun ini tidak berbeda, dan berikut adalah daftar tren teratas yang harus dicari dalam desain web untuk tahun 2019.

Latar Belakang Video

Anda mungkin pernah melihat sejumlah besar situs web yang menggabungkan latar belakang video besar untuk melibatkan pengguna. Latar belakang video adalah cara yang bagus untuk memberi pengguna pandangan dalam tentang bisnis Anda.

Lihat situs web perusahaan pengembangan properti Ditto , yang menyoroti perkembangan perumahan mereka dengan orang-orang menjalani hari-hari mereka, menawarkan pengguna kemampuan untuk melihat bagian dalam unit dengan cara yang menarik.

Kami bekerja dengan Deneen Pottery untuk membantu mengimplementasikan video di latar belakang mereka juga, yang menampilkan cuplikan nyata dari tembikar mereka yang dibuat dengan tangan.

Latar Belakang Partikel

Untuk bisnis yang masih ingin memasukkan gerakan ke dalam situs web mereka, latar belakang partikel adalah alternatif yang bagus untuk latar belakang video, terutama jika Anda khawatir tentang waktu muat dengan video latar belakang yang lebih besar. Animasi ini adalah javascript yang menciptakan gerakan alami dan menarik sebagai bagian dari latar belakang.

Heystack menggunakan latar belakang partikel yang rumit untuk situs mereka, dan kami berharap lebih banyak desainer melakukan hal yang sama.

Tata Letak Asimetris

Aspek unik dan khas dari desain web asimetris membuatnya menarik dalam membedakan situs Anda dari yang lain. Berbeda dengan gaya minimalis yang sudah populer beberapa tahun ini, desain asimetris lebih ramai namun tetap terlihat bersih dan profesional jika dilakukan dengan benar.

Kami baru-baru ini meluncurkan situs web untuk Sustainable 9 ini, yang menampilkan bentuk yang tumpang tindih dan meskipun ada kemiripan dengannya, tentu saja ada elemen asimetris, yang menambah kedalamannya.

Tipografi Tebal

Memilih tipografi yang tepat dapat menjadi perbedaan dalam memiliki rasio pentalan yang rendah daripada yang tinggi. Memilih tipografi yang berani, terutama dalam ukuran font yang besar, benar-benar dapat menarik perhatian pengguna situs Anda.

Kedua halaman beranda situs web ini, dibuat oleh seorang desainer web di Dribble, dengan sempurna mencontohkan sifat sederhana dan modern dari jenis huruf tebal.

Animasi Terintegrasi

Animasi terintegrasi persis seperti apa suaranya: animasi yang ditempatkan di seluruh situs web untuk menambahkan perasaan ekstra keaktifan, gerakan, dan keterlibatan ke situs web. Seperti yang Anda perhatikan, gerakan adalah tema besar yang harus dicari dalam desain web untuk tahun mendatang.

30 Species in Pieces, sebuah situs web yang didedikasikan untuk mendidik orang tentang hewan yang terancam punah, menggunakan animasi yang tajam dan menarik dalam desain web sederhana mereka untuk menghidupkannya.

Gradien Dinamis

Seperti yang telah kami catat sebelumnya, gradien warna mulai muncul kembali. Gradien memungkinkan penyesuaian dengan warna situs web Anda untuk menciptakan sesuatu yang benar-benar mewujudkan merek Anda.

Apple menggunakan gradien untuk warna font mereka agar tetap dengan tema iklan iPhone X baru mereka.

Tren Desain Web yang Diremehkan dari 2018

Setiap tahun, tren desain web terus berubah – jadi apa yang tampak 'trendi' beberapa tahun lalu mungkin bukan pilihan terbaik saat ini. Oleh karena itu, penting bagi semua pemilik bisnis untuk tetap mengikuti perkembangan tren desain web terbaru untuk menjual bisnis mereka dan mempertahankan perhatian pengunjung. Baca terus untuk mengetahui enam tren desain web under-rated terbesar tahun 2018.

Tata Letak Kotak Rusak

Banyak situs web menggunakan kisi untuk memastikan ada struktur di belakang teks, gambar, dan tombol navigasi. Grid tidak hanya memberikan pedoman bagi para desainer, tetapi juga membantu pengunjung dengan mudah menavigasi situs web. Namun, tahun ini melihat tata letak grid yang khas rusak. Alih-alih mengikuti aturan yang pasti, ada peluang untuk melakukan sesuatu yang berbeda dengan desain web. Pengembang telah beralih ke tata letak kisi rusak yang tidak terlalu membatasi. Tata letak kisi yang rusak memungkinkan teks dan gambar melayang ke dalam dan melintasi halaman dengan lebih bebas. Ketika elemen tumpang tindih, ini menciptakan desain web yang harmonis yang mengalir secara alami bagi pengunjung. Tata letak kisi yang rusak juga dapat dicapai melalui penggunaan lapisan, pemosisian yang tidak biasa, dan sentuhan halus yang membuat halaman lebih menarik.

2. Chatbots

Semakin banyak desainer web mulai menerapkan penggunaan chatbots ke dalam situs web. Chatbot biasanya terlihat di situs web bisnis yang terletak di sisi kanan bawah layar. Jendela pop-up kecil memberi pengunjung kesempatan untuk berbicara dengan seseorang dari bisnis atau mendapatkan bantuan otomatis dengan pertanyaan apa pun. Menambahkan jendela obrolan ke desain web Anda berarti setiap pengunjung yang memiliki pertanyaan dapat segera menjawabnya. Beberapa bisnis mengalami masalah dengan memiliki anggota staf yang tersedia untuk mengobrol. Namun, chatbot Anda dapat diprogram untuk menjawab pertanyaan paling umum dan memberikan detail tentang cara menghubungi bisnis jika tidak mengetahui jawaban atas pertanyaan.

Ilustrasi yang Disesuaikan

Di masa lalu, gambar desain web terutama terdiri dari bidikan produk, GIF, dan fotografi editorial yang menekankan fitur, fungsionalitas, dan dimensi manusia dari produk. Pada tahun 2018, ada sedikit perubahan dari ini, dengan ilustrasi yang sekarang mendominasi pasar. Pengembang telah menemukan bahwa ilustrasi lebih menarik dan mengundang. Mereka memiliki pesan yang jelas dan terfokus yang disesuaikan dengan merek. Ilustrasi biasanya dilengkapi dengan kombinasi warna non-tradisional yang bereksperimen dengan berbagai kontras, menciptakan ketegangan tetapi juga menjaga keterbacaan desain web.

Transisi Halaman

Setiap kali pengalaman pengguna terganggu, ada kemungkinan besar mereka dapat meninggalkan situs web. Ini juga dapat terjadi ketika mereka berpindah dari satu halaman ke halaman lainnya. Beberapa situs web membutuhkan waktu terlalu lama untuk dimuat, sementara yang lain membawa pengguna keluar dari konteksnya sebelum halaman baru dibuka. Oleh karena itu penting bahwa setiap desain web memiliki transisi yang mulus dan efisien antar halaman. Tahun ini, semakin banyak situs web yang memperkenalkan transisi halaman yang kohesif untuk pengunjung mereka. Daripada menavigasi ke halaman baru, pengunjung dapat melihat informasi yang berbeda pada halaman yang sama. Transisi halaman yang lebih mulus ini dapat meningkatkan pengalaman pengguna dan meningkatkan keterlibatan dengan merek Anda.

Brutalisme

2018 telah melihat peningkatan penggunaan brutalisme dalam desain web. Brutalisme membuka ruang di mana pengembang dan desainer dapat melakukan apa yang mereka inginkan, daripada apa yang seharusnya mereka lakukan. Gaya desain web ini terinspirasi oleh arsitektur tahun 1950-an yang sederhana, hemat biaya, dan praktis. Desain web brutalisme mentah dan menawan. Fokus utamanya adalah pada konten, karena penting untuk membuatnya menyenangkan secara visual bagi pengunjung. Desain web brutalisme memanifestasikan dirinya melalui struktur terbuka, rasa kekasaran, dan proses yang bijaksana.

Konten Video

Tahun ini juga terlihat peningkatan penggunaan konten video di situs web. Video adalah cara yang bagus untuk menyampaikan informasi yang kompleks dalam format visual. Konten video tidak hanya membuat situs web terlihat lebih modern, tetapi juga menciptakan kesan artistik yang tidak dapat dilakukan oleh gambar statis. Video adalah alat yang hebat karena dapat dengan mulus masuk ke dalam desain web Anda dan tetap berkualitas sangat tinggi, bahkan dengan banyak warna, gradien, dan detail. Video juga dapat diulang untuk memastikan detail salinan dan detail video tetap serempak. Banyak pengembang situs web melihat pengunjung tetap berada di situs web lebih lama saat konten video ada, dengan pengunjung juga lebih cenderung mendaftar atau ikut serta dalam penawaran produk dan layanan mereka.Dari perspektif bisnis – tren desain web apa di tahun 2017 yang penting?

Tren Desain Web yang Menggerakkan Jarum

1. Formulir kontak di setiap halaman

Jangan dipelintir – jika situs web Anda adalah situs web penghasil prospek, Anda tidak ingin membuat formulir kontak sulit ditemukan. Jika Anda dapat memasukkannya ke setiap halaman, itu lebih baik.

Ini mungkin tampak seperti trik sederhana, tetapi 'trik' terbaik adalah.

2. CTA yang selalu ada: Tombol ajakan bertindak yang kuat dan konstan

Anda tidak perlu memiliki formulir kontak untuk mendorong orang agar menghubungi Anda, untuk mendapatkan demo, untuk mendapatkan penawaran, atau tindakan utama apa pun yang Anda ingin agar pelanggan lakukan. Sebagai gantinya, Anda dapat menyertakan tombol besar di kanan atas setiap saat. Saat mereka menggulir, biarkan tombol ajakan bertindak di bagian atas layar dengan tajuk 'lengket' yang mengikuti pengunjung.

3. Membebani desain dengan faktor kepercayaan seperti lencana organisasi dan testimonial

Saya hanya berpegang pada hal-hal paling efektif yang saya tahu bahwa beberapa audiens saya mungkin tidak menyadarinya sebelumnya. Faktor kepercayaan adalah segalanya dalam desain web – hampir semua yang saya pikirkan selain desain visual yang bersih, modern, dan estetis.

Satu-satunya cara Anda membuat orang mengambil tindakan (tombol Ajakan Bertindak besar, dan tombol Beli Sekarang, dll.) adalah mengelilingi mereka dengan elemen-elemen yang menjelaskan dan mendorong mereka untuk melanjutkan – karena TRUST sangat penting dalam transaksi apa pun.

Apakah Anda memiliki pengembalian gratis? Apakah Anda memiliki pengiriman cepat dan gratis? Apakah Anda memiliki jaminan? Tunjukkan hal-hal ini.

Bagian dari kelompok perdagangan lokal? Biro Bisnis yang Lebih Baik? Memiliki Sertifikat SSL di toko online Anda?

Tambahkan representasi visual untuk barang-barang ini dan pertimbangkan untuk memberi merek pada gaya situs web Anda untuk meningkatkan kepercayaan lebih banyak lagi.

Salah satu item terbesar dalam kategori faktor kepercayaan yang dimiliki sebagian besar bisnis berkualitas adalah ulasan dan testimoni online. Saya sangat menyarankan untuk menampilkan ini dengan cara yang sangat menonjol secara visual di situs Anda. Jika itu adalah testimonial, idealnya Anda memiliki foto pelanggan itu sendiri untuk memberikan kredibilitas lebih pada apa yang mereka katakan tentang produk atau layanan Anda.

4. Memiliki video untuk menampilkan proposisi nilai utama Anda

Ketika saya pertama kali mendesain DeneenPottery.com, saya bekerja dengan apa yang dimiliki klien – gambar mug berkualitas tinggi dan video yang sedikit tersembunyi dalam desain. Kami membuat video ini dengan mengambil sedikit sorotan yang menunjukkan sifat buatan tangan dari mug mereka yang tidak dapat disangkal dan memberi orang rasa dari proses mereka:

5. Desain yang sangat menarik dengan ruang putih – pertimbangkan untuk menggunakan transisi yang bermakna, sistem grid yang tumpang tindih, dan membagi konten untuk menarik keluar dikotomi

Ruang putih adalah elemen desain yang menyenangkan yang tampaknya membuat segalanya terasa lebih 'mewah':

Di situs web ini, saya memutuskan untuk memanfaatkan keterbukaan alami fotografi untuk menciptakan perasaan dekadensi yang lapang.

Apple memahami spasi. Ini tidak berarti latar belakangnya putih – itu hanya berarti ruang terbuka di sekitar subjek utama dalam desain.

Berikut adalah contoh penggunaan spasi putih oleh Apple di situs mereka :

Transisi yang Bermakna

Google telah menggunakan transisi yang berarti dalam 'Desain Material' mereka selama bertahun-tahun – tetapi semakin banyak desainer web yang menggunakan ini untuk menciptakan cara yang efektif guna memberikan lebih banyak konteks pada tindakan yang dilakukan pengguna di situs. Lihat status hover pada tombol di bawah ini, penyebaran warna saat pengguna mengklik tombol, dan kemudian cara jendela modal/popup tumbuh setelah diklik:

Menggunakan desain material di situs web ini memungkinkan saya untuk membuat situs ini terasa sangat interaktif dan sangat modern. Ini juga membantu bahwa dengan menggunakan konvensi dari Desain Material, Anda juga secara halus mengaitkan diri Anda dengan jenis pengalaman pengguna di Google.com dan banyak produk Google – karena semuanya cocok dan menggunakan konvensi ini.

Sistem Grid yang Tumpang Tindih

Kotak dalam desain web secara tradisional berdampingan, satu di atas yang lain, tetapi banyak desainer menggunakan gaya 2017 yang disebut sistem grid tumpang tindih, atau sistem grid offset. Gaya ini menyandingkan kotak dan foto di atas satu sama lain untuk efek yang lebih organik dan mengalir bebas.

Pisahkan warna atau pisahkan citra untuk menarik dikotomi

Dikotomi adalah pemisahan dua hal – seperti 'panas dan dingin' atau 'baik dan jahat'. Dengan membuat dua sisi situs web yang sangat berbeda satu sama lain, itu menarik perhatian pengunjung.

Anda dapat menggunakan ini untuk menarik keluar elemen emosional yang bertentangan, atau dua sisi otak 'emosional dan logis', 'kreatif dan berorientasi pada sistem,' atau hanya menggunakannya untuk membuat daya tarik visual seperti desain ini oleh Mateusz Koziorowski .

Apa pun yang Anda lakukan – jangan terjun ke tren desain web mau tak mau

Pastikan untuk mempertimbangkan tujuan bisnis Anda terlebih dahulu dan terutama. Tren desain visual tidak ada artinya tanpa mempertimbangkan apa yang akan dilakukannya sejauh menggerakkan jarum dengan pendapatan Anda.

Situs Web yang Lebih Baik Sudah Dekat
Kami telah menempuh perjalanan panjang sejak situs web pertama diluncurkan. Desainer web menjadi lebih detail, lebih berani, dan sejujurnya, lebih baik. Beberapa tahun ke depan desain web akan menjadi tentang mendorong amplop dan mencoba ide-ide baru yang berani. Di Hook, kami senang mengambil situs lama yang telah membuat Anda bosan dan mengubahnya menjadi sesuatu yang benar-benar merangkum keunikan merek Anda yang mutakhir. Jika Anda ingin membangun situs baru, situs yang akan melibatkan pengguna dan menghasilkan lebih banyak konversi, hubungi Hook Agency hari ini untuk mengatur pertemuan, di mana kita akan membicarakan tentang apa tujuan bisnis Anda dan bagaimana kami dapat menerapkannya. mereka ke situs baru Anda.