Pada tahun 2016, banyak perusahaan mendesain ulang situs web mereka, mengurangi jumlah opsi navigasi. Tren ini akan berlanjut pada tahun 2017.

Menu header halaman yang sebelumnya menyertakan 5-7 opsi kini akan menawarkan 3-4 opsi.

Pilihan yang lebih sedikit memudahkan pengguna menemukan informasi yang mereka perlukan dan menghindari “kelumpuhan pilihan”.

Contoh yang baik dari pendekatan baru ini adalah Ikea. Pada tangkapan layar di bawah ini Anda dapat membandingkan situs web perusahaan versi lama dan baru.

Versi lama:

Versi baru diluncurkan pada tahun 2016:

1. Penolakan menu hamburger

Menu hamburger tidak memberikan gambaran kepada pengguna tentang kedalaman situs atau aplikasi. Akibatnya, ia tetap mengalami disorientasi.

Spotify telah meninggalkan menu hamburger di aplikasinya. Lebih banyak perusahaan akan mengikuti teladannya di tahun 2017.

1. Duoton

Penggunaan duotone membuat desain website menjadi minimalis dan memungkinkan Anda tetap memusatkan perhatian pengguna pada pesan atau navigasi utama.

Pada tahun 2017, kami mengharapkan penggunaan duotone yang lebih aktif dibandingkan latar belakang penuh warna.

1. Desain taktil

Kelemahan dari pengguliran paralaks adalah memperlambat kecepatan pemuatan halaman.

Pada tahun 2016, animasi dipandang sebagai tren yang menjanjikan. Namun tahun ini, fokus pengembang adalah pada kinerja. Dari sudut pandang ini, pengguliran paralaks bukanlah solusi yang paling optimal.

1. Tindakan yang Berarti

Salah satu prinsip inti desain material adalah “tindakan yang bermakna.” Google percaya itu "tindakannya harus begitu bermakna dan tepat, berfungsi untuk menarik perhatian dan memelihara kesinambungan”..

Aplikasi Tumblr adalah contoh bagus dari prinsip ini. Ia memenangkan Penghargaan Desain Material untuk Animasi 2016.

1. Hindari stok gambar berkualitas rendah

Situs web perusahaan harus mengundang pengguna untuk berinteraksi dan mencerminkan nilai-nilai bisnis. Tidak ada lagi ruang untuk stok gambar berkualitas rendah dan membosankan. Seperti ini:

1. Lebih sedikit aplikasi, lebih banyak PWA

Teknologi PWA (Progressive Web Apps) memungkinkan website berfungsi seperti aplikasi. Termasuk offline. Ini sudah digunakan oleh publikasi dan perusahaan besar seperti The Washington Post, Airberlin dan Flipkart. Tahun ini popularitas teknologi akan semakin meningkat.

1. Google Font

Google membuat perpustakaan font sumber terbuka pada tahun 2010. Pada tahun 2016, sambil terus mengerjakan desain material, perusahaan juga meningkatkan layanan Google Fonts-nya. Hasilnya, pratinjau font menjadi lebih cepat dan penyesuaiannya lebih mudah. Bagian Unggulan berisi font yang cocok dengan desain material.

Pada tahun 2017, lebih banyak lagi desainer web yang akan bekerja dengan font Google.

1. Minimalisme

Tren ini menggabungkan banyak tren lain yang disebutkan di atas. Minimalisme berarti penekanan pada kinerja (kecepatan) dan kegunaan. Tipografi, kontras, dan ruang memainkan peran penting dalam pendekatan ini.

Sudah menjadi kepercayaan umum di kalangan desainer bahwa tren akan menjadi bagian penting dalam karya mereka. Selalu memperbarui diri Anda dengan pembaruan terkini dianggap sebagai suatu keharusan. Banyak desainer menilai karya orang lain melalui kacamata tren, dan menandai beberapa karya dengan #lama dapat dianggap sebagai penghinaan, seolah-olah sebuah desain tidak mengikuti tren terkini dan otomatis menjadi kurang bernilai.

Namun, ada alasan untuk mengikuti tren. Mengunjungi situs seperti Awwwards, FWA, atau CSS Design Awards dapat menginspirasi Anda dan, sebagai hasilnya, membantu Anda melihat melampaui kebiasaan desain Anda. Anda dapat belajar tentang dunia visual baru, yang kemudian (disadari atau tidak) dapat Anda integrasikan dengan bahasa grafis. Menyaksikan orang lain bekerja membantu meningkatkan keterampilan Anda serta tetap mengikuti perkembangan teknologi terkini.

Dalam satu atau dua tahun terakhir, terlihat banyak desainer yang mencoba beralih dari komposisi sederhana. Semakin banyak karya desain yang terbuka, terkesan semrawut, “rusak” dan “terpotong”. Pemujaan terhadap jaringan listrik, seperti dulu, kini kehilangan signifikansinya, dan peraturan diubah secara sengaja dan sadar. Isinya mulai bergerak, seolah-olah bergerak, dan bagian-bagiannya terkadang tumpang tindih dan saling terkait satu sama lain.

Evolusi Canvas dan WebGL memainkan peran besar dalam proses ini. Desain modern seringkali sedikit berantakan, kurang intuitif dibandingkan desain minimalis, namun tentunya meninggalkan kesan mendalam bagi penggunanya.

Apa lagi yang menanti kita dalam desain web di tahun 2017? Inilah prediksi saya.

Komposisi terbuka

Selama ini dunia desain didominasi oleh komposisi “tertutup”, simetris dan statis. Sejak 2016, banyak situs bermunculan yang beralih dari gaya ini. Komposisi terbuka dengan elemen yang diatur secara bebas di luar layar semakin populer - contoh karya tersebut dapat dilihat di romainpsd.com, durimel.io, atau booneselections.com. Sebaran elemen di situs-situs tersebut memberikan kesan bahwa mereka terus hidup di belakang monitor.

Asimetri

Tahun 2016 juga melanggar aturan simetri yang telah mendominasi industri ini selama beberapa waktu. Banyak desainer telah menciptakan tata letak asimetris yang jauh dari keseimbangan sempurna di sisi kiri dan kanan. Sebagai contoh, saya ingin menunjukkan kepada Anda situs culture.pl yang luar biasa, dada-data.net yang kacau, dan durimel.io yang disebutkan sebelumnya.

Keberagaman

Desainer telah menciptakan komposisi yang lebih dinamis yang menampilkan lebih banyak garis diagonal yang berpotongan (poigneedemainvirile.com, vanderlanth.io), atau bentuk yang lebih kompleks (residente.com/en, helloheco.com, prediktifworld.watchdogs.com).

Ilusi kekacauan

Pada tahun 2016, banyak desainer yang secara sadar dan sengaja mulai menjauh dari desain minimalis. Ada keinginan untuk lebih banyak kebebasan dan pendekatan desain yang tidak terlalu kaku. Tentu saja, di balik hal ini ada kebutuhan akan perubahan, tetapi juga perasaan bosan yang biasa terjadi. Pada titik tertentu, semua orang bosan membuat tata letak sederhana dengan elemen sederhana.

Namun, jika menganalisis proyek-proyek tahun 2016, terlihat bahwa kekacauan sepertinya hanyalah kekacauan. Tata letaknya masih didasarkan pada kontras klasik bentuk, warna, tekstur, ukuran, dll. Yang berubah adalah susunan berbagai unsur dan keselarasan ketergantungan di antara mereka. Saat ini, judul, ikon, atau blok teks lebih sering digeser, meskipun logikanya dangkal. Terlepas dari kenyataan bahwa mereka adalah bagian dari blok tematik yang sama, mereka dipisahkan dan ditempatkan pada jarak yang cukup satu sama lain. Mereka tidak sejajar pada tepi yang sama dan memiliki dukungan yang berbeda.

Beberapa figur geometris yang “menggantung di udara” hanya memiliki tujuan dekoratif (melanie-f). Hal ini juga umum terjadi pada elemen yang tumpang tindih. Teks sebagian tumpang tindih dengan foto, seperti di e03.epicurrence.com dan melville-design.com, atau gambar ditumpangkan satu sama lain, seperti yang dapat dilihat di olivierbernstein.com.

Ini juga merupakan teknik khas untuk mematahkan harmoni minimalis yang biasa. Judul besar sangat kontras dengan struktur dan warna yang halus dan halus.

Latar belakang dan pola yang kaya

Semakin sering, latar belakang dan pola muncul dengan garis-garis kecil, garis-garis atau titik-titik.

Pola yang sangat umum adalah pola kisi, yang menyediakan “bingkai” untuk elemen tata letak lainnya. Elemen-elemen ini bergerak secara paralaks di sepanjang grid dan seringkali letaknya kacau.

Pola kisi

Salah satu situs pertama yang menampilkan kisi-kisi seperti itu adalah werkstatt.fr, namun tidak menggunakan animasi khas.

Cara yang sedikit berbeda dalam menggunakan pola kisi ditunjukkan di klimov.agency, brand.uber.com, dan maisonullens.com. Dalam kasus ini, grid memiliki fungsi yang sangat spesifik - untuk membuat pergerakan elemen menjadi logis. Hal ini memungkinkan Anda merasionalisasi solusi non-standar dan memberikan jawaban atas pertanyaan seperti “mengapa margin ilustrasi tidak sesuai dengan margin tombol”? Hal ini menciptakan ritme, dan pada saat yang sama membenarkan pelanggarannya.

Detail dekoratif

Yang benar-benar berubah akhir-akhir ini adalah pendekatan terhadap detail. Ada pergeseran bertahap dari minimalis. Masih banyak elemen lain yang hanya memiliki fungsi dekoratif. Bentuk geometris “Terbang” dan fragmen yang sesuai. Ikon linier dan tipis sedikit terlepas dari konten yang diilustrasikannya. Garis bawah dan garis digeser. Muncul bintik-bintik dan gangguan, seperti di bigyouth.fr atau kikk.be.

Tombol lebih jarang dibuat sebagai persegi panjang bening dengan teks di dalamnya. Seringkali muncul sebagai garis yang lembut dan offset, seperti yang ada di dahllaw.dk atau yasuhiroyokota.com. Opsi tombol lainnya adalah gerakan melayang yang spektakuler di Canvas, seperti di hpsoundincolor.com dan cavalierchallenge.com.

Konsep bijaksana - animasi halus antar bagian

Tidak ada yang baru tentang animasi di situs web. Selain itu, tidak dapat dikatakan bertentangan dengan pendekatan minimalis. Namun, seperti Canvas, mereka adalah bagian penting dari kemungkinan yang lebih besar dalam desain web. Dan peluang baru selalu menggiurkan karena memungkinkan Anda melakukan sesuatu yang berbeda, segar, dan orisinal.

Banyaknya animasi menghilangkan pembagian halaman yang tajam menjadi beberapa bagian. Situs berubah dengan lancar saat Anda menggulir. Konten memudar masuk dan keluar menggunakan animasi lembut. Urutan transisi ini menjadi semakin rumit. Ini bukan hanya efek acak antar blok konten, tetapi sebuah konsep bijaksana di mana setiap elemen muncul pada waktu yang tepat (Nationalgeographic.com, stylenovels.com). Animasi adalah bagian dari situs web sejak awal, bukan sekadar detail acak yang ditambahkan.

Animasi menarik menghiasi tata letak sederhana. Mereka menambahkan nilai baru dan membuat halaman menjadi unik. Mereka menjadi inti dari keseluruhan proyek, seperti di Ifly50 atau tennent brown.co.nz. Animasi sering kali menciptakan struktur yang indah dan rapi di situs web: Cuberto.com, lookbook.wedze.com, skarv-fashion.com, atau corentinfardeau.fr.

Tipografi bervariasi

Perubahan tren juga terlihat pada font yang digunakan. Sampai saat ini, seluruh Internet didominasi oleh font sederhana dan bergaya neo-aneh seperti Helvetica, Roboto, Lato, atau Open Sans. Neo-grotesque yang sedikit lebih "dekoratif" lebih sering digunakan dalam judul, dengan versi yang lebih sederhana dipilih untuk sisa teks. Font serif praktis tidak pernah digunakan.

Selama 2 tahun terakhir, situasinya mulai berubah. Desainer dengan berani menggunakan berbagai jenis font. Sekarang mereka lebih bersedia bekerja dengan kontras - menggabungkan font serif dan sans serif.

Ada banyak hal yang terjadi dalam tipografi yang digunakan di situs web. Teks dianimasikan, dibagi menjadi huruf-huruf individual, dan berbagai efek, gambar, dan video ditempatkan di dalam teks.

Kemampuan teknologi yang lebih baik dan keputusan yang lebih berani mendorong pertumbuhan keragaman tipografi web.

Font geometris

Font sans-serif geometris telah menjadi sangat populer, seperti Futura klasik, ITC Avant Garde, Proxima Nova, atau yang tersedia di perpustakaan Google - Poppins atau Montserrat. Font-font ini jauh lebih ekspresif dibandingkan neo-sans serif yang “tidak terlihat”. Karakter situs web yang lebih “agresif” dan ekspresif dapat dicapai dengan menggunakan ketebalan yang lebih besar, seperti pada situs hugeinc.com yang cukup lama, tetapi contoh yang lebih baru: sequence.co.uk, startuplab.no, atau www.protest.eu.

Font serif

Sangat sering, font serif digunakan tidak hanya untuk isi teks, tetapi juga untuk judul besar. Yang dekoratif sangat sering digunakan, seperti yang ada di duhaihang.com atau jennyjohannesson.com. Font populer lainnya termasuk yang berhubungan dengan Bodoni atau Didot.

Font monospace (“mesin tik”)

Menggunakan font proporsional, yang biasanya dikaitkan dengan mesin tik, adalah hal yang inovatif. Sekarang mereka dapat dilihat di situs seperti admirhadzic.com, cuberto.com atau designembraced.com.

Kombinasi font yang kontras

Pada tahun 2016, sudah menjadi hal yang lumrah untuk beralih dari kombinasi font yang lembut dan harmonis demi kontras yang lebih nyata. Kombinasi ekspresif ditingkatkan dengan kontras ukuran teks yang tinggi. Font besar dan dekoratif dipasangkan dengan font geometris sederhana, seperti halnya judul geometris dipasangkan dengan font serif dalam teks konten.

Tipografi besar sebagai bagian dari gambar utama

Hal yang sangat keren dan lumrah adalah penggunaan ukuran teks yang sangat besar pada gambar utama. Hal ini menciptakan kontras yang sangat kuat antara judul dan konten lainnya. Contohnya dapat dilihat di oursroux.com, femmefatale.paris atau monsieurcaillou.com.

Terkadang sebagai hiasan digunakan tulisan di awal, seperti coretinfardeau.fr atau Nurturedigital.com.

Contoh utama di atas adalah jennyjohannesson.com, yang menggunakan kualitas dekoratif font serif Goku.

Efek tambahan berlaku untuk tipografi

Kita dapat mengamati integrasi yang kuat antara tipografi dan gambar, video dan animasi. Masing-masing bagian saling terhubung—tipografi berinteraksi dengan latar belakang dan elemen lainnya. Penempatan tipografi acak pada gambar gelap sudah ketinggalan zaman. Saat ini, desainer sedang membangun hubungan yang menarik antara semua elemen, memasukkan tipografi ke latar belakang, menganimasikannya, dll.

Ukuran huruf besar dalam teks

Ketika saya pertama kali memulai perjalanan desain web saya, saya memiliki kebiasaan lama menggunakan ukuran font 10 yang saya ambil ketika saya bekerja di bidang percetakan. Namun, saya segera menyadari bahwa di web ukuran optimal yang dapat dibaca adalah 14.

Saat ini, terlihat bahwa desainer menggunakan font yang jauh lebih besar, terutama jika menyangkut font serif.

Datanglah ke sisi gelap

Pada tahun 2016, desainer menggunakan warna yang berbeda. Namun Anda bisa melihat kecenderungan memilih warna gelap.

Tren pembuatan situs web serba putih menjadi kurang populer, dan digantikan oleh variasi, tekstur, dan pola abu-abu. Sekarang sudah menjadi hal yang umum untuk membuat situs yang lebih gelap, dengan warna hitam atau gradasinya memenuhi latar belakang dan menciptakan suasana yang agak gelap dan aneh.

Meskipun demikian, sulit untuk memprediksi bagaimana tren ini akan tumbuh sepanjang tahun. Namun, warna adalah bagian dari identitas visual suatu merek, sehingga sulit mengharapkan mereka mengubah komunikasi secara mendasar hanya berdasarkan popularitas tren tertentu.

Mari kita simpulkan

Tahun 2017 menjanjikan banyak prospek menarik, namun ada juga beberapa bahaya yang akan terjadi.

Secara pribadi, saya khawatir banyak desainer web yang terlalu percaya diri saat bekerja dengan Canvas. Tambahkan ke tren baru ini, dan Anda akan mendapatkan banyak situs web yang mencolok dan tidak jelas untuk khalayak luas.

Saya juga sedikit khawatir dengan kenyataan bahwa banyak kreasi saat ini tidak berfungsi dengan baik di semua browser dan perangkat seluler. Saya mendapat kesan bahwa kami kembali ke titik awal. Kita sekarang berada dalam situasi yang mirip dengan saat Flash, meskipun menguasai Internet, disalahkan karena kurangnya daya tanggap dan persyaratan koneksi Internet yang tinggi.

Hal lain yang membuat saya takut adalah kenyataan bahwa tren baru menuju “dekonstruksi” tidak mungkin diterapkan pada klien komersial, atau tidak sesuai dengan profil komunikasi mereka. (Situs web pemerintah atau perbankan tidak boleh berantakan).

Saya bertanya-tanya berapa lama waktu yang dibutuhkan agar tren baru dapat bertahan di pasar komersial. Perlu dicatat bahwa sebagian besar situs web yang saya gunakan sebagai contoh dibuat untuk agensi, desainer, dan industri kreatif. Situs-situs ini sering kali menetapkan aturannya sendiri dan biasanya lebih unggul dibandingkan industri lain. Terkadang tren membutuhkan waktu lama untuk menjadi populer di suatu ceruk tertentu dan menembus pasar komersial. Kemudian bentuknya dihaluskan sedikit agar sesuai dengan semua orang.

Terlepas dari semua ini, menurut saya tahun 2017 terlihat sangat menjanjikan dalam hal desain web. Mengatakan bahwa era minimalis akan segera berakhir adalah berlebihan, namun yang pasti sedang mengalami perubahan dan perkembangan.

Minimalisme akan menjadi lebih kompleks dan detail. Situs web tahun ini akan semakin banyak menggunakan Canvas. Kita akan melihat banyak kekacauan, beragam bentuk dan ekspresi dalam proyek-proyek masa depan. Ini merupakan kabar baik bagi para desainer yang muak dengan gaya desain Flat, Material, atau Metro yang minimalis.

Artikel ini dibagi menjadi dua bidang utama: grafik dalam desain dan pengembangan web itu sendiri, dan setiap bagian memiliki komponennya sendiri.

TREN DESAIN WEB

Jadi, kita akan mulai dengan tren desain web tahun 2017 dan apa yang menanti kita di tahun 2018. Perubahan apa saja yang terjadi pada grafik, penggunaan font, animasi dan video, dan lain sebagainya.

Desain Grafis

Tren yang dianggap modis adalah Flat Design. Grafik vektor digunakan dengan penambahan grafik raster untuk penekanan; contoh situs tersebut diberikan di bawah ini. Desain minimalis dan responsif, sederhana dan mudah dipahami oleh pengguna situs.

Gambar vektor

Penggunaan vektor di situs web semakin meningkat; vektor ini ringan, yang berarti memuat lebih cepat. Karena vektor dapat diregangkan dan dikompresi sesuai keinginan, grafik Anda akan selalu terlihat bagus di layar perangkat apa pun dengan resolusi apa pun. Untuk gambar vektor, gunakan format SVG (Scalable Vector Graphics). Kebanyakan editor vektor memungkinkan Anda menyimpan dalam format ini dan tidak memerlukan perangkat lunak khusus.

Tidak berwarna - tombol hantu

Peralihan ke arah minimalis juga memengaruhi desain tombol. Penggunaan tombol jenis ini dalam desain website semakin meningkat. Tombol seperti itu tidak membebani situs dan terlihat asli. Situs web kami juga menggunakan tombol seperti itu di bagian bawah blok artikel.

Klik pada gambar untuk memperbesarnya

Grafik 3D yang bergaya

Grafik 3D juga mendapatkan momentum di tahun baru. Komposisi 3D cocok dengan desain datar dan melengkapinya, memberikannya lebih dalam dan menekankan modernitas.

Klik pada gambar untuk memperbesarnya

Animasi, video dan objek interaktif

Situs web sudah mulai menggunakan foto dan latar belakang langsung, hal ini jelas menarik perhatian dan memberikan dinamika pada situs. Ada juga peningkatan penggunaan video dan segala jenis animasi untuk interaksi pengguna.

Jerat yang rumit

Pada akhir tahun 2016, muncul tren untuk situs web yang menggunakan grid dinamis dan kompleks dengan desain mutakhir.

Geometri dalam berbagai bentuk

Penggunaan berbagai jenis bentuk geometris untuk teks, blok dan latar belakang yang disorot secara informasi. Persegi panjang dan persegi sangat bagus untuk menyorot hal-hal penting.

Klik pada gambar untuk memperbesarnya

Warna-warna modis

Di sini siapa yang menyukai apa, dan apa, menurut definisi, cocok untuk setiap proyek. Satu-satunya hal yang bisa dikatakan adalah warnanya menjadi lebih cerah. Kombinasi dan kontras yang baik membuat pengguna lebih nyaman menavigasi situs dan memahami informasi.

Adaptasi tanpa syarat

Sekarang tidak perlu lagi dikatakan bahwa situs web harus dibuat ramah terhadap perangkat seluler. Adaptasi merupakan faktor mutlak dari sebuah website modern. Sangat penting untuk memikirkan desain dalam versi seluler sehingga semua elemen penting tersedia bagi pengguna, dan dia secara intuitif memahami navigasi situs.

Perselisihan tidak mereda mengenai apakah lebih baik memasang ikon atau prasasti. Hasil pengujian pada 240.000 pengguna perangkat seluler.

Alternatif Menu Seluler

Jika tidak banyak bagian di situs, lebih baik menggunakan tab sebagai menu, atau menambahkan tombol di akhir menu tarik-turun tambahan.

Menu dinamis yang fleksibel

Solusinya terletak pada menu yang menyesuaikan dengan lebar layar, menampilkan tab sebanyak mungkin, dan menyembunyikan apa yang tidak termasuk dalam “Lainnya”.

TREN PENGEMBANGAN WEB

Desain yang bijaksana

Pengembangan desain situs web harus melibatkan tidak hanya seorang desainer grafis, tetapi juga spesialis promosi dan pemasar. Letak setiap elemen memiliki tujuannya masing-masing, untuk kenyamanan tinggal penggunanya.

Lebih sedikit teks lebih baik!

Bagian teks situs harus sesingkat mungkin dan mengungkapkan topik yang diusulkan. Jika memungkinkan, lengkapi dengan rincian teknis, seperti harga, karakteristik, dll.

Peringkat CMS

Anda selalu dapat melihat peringkat terbaru. Opsi apa pun yang Anda pilih, perlu diingat bahwa menurut pernyataan resmi dari mesin pencari, tidak ada perbedaan mendasar dalam pembuatan situs Anda. Mesin atau kerangka kerja apa pun harus dimodifikasi untuk mendapatkan fungsionalitas terbaik dari proyek Anda.

Pemilik situs web yang baik terus berupaya memperbaikinya. Dalam pekerjaannya ini, dia tidak hanya perlu mengandalkan analisis audiensnya, data analisis web, dan ulasan pelanggan, namun juga tren industri. Karena ada banyak hal berguna dalam tren yang dapat meningkatkan interaksi pelanggan dengan situs. Namun tren ini perlu diterapkan secara hati-hati dan bijaksana. Pilih hanya yang sesuai untuk memecahkan masalah situs saat ini dan untuk pengembangan bisnis.

Oleh karena itu, pada artikel kali ini kami tidak hanya memberikan daftar tren desain web, tetapi juga memberikan rekomendasi untuk menerapkan tren tersebut pada website Anda.

1. Kegunaan akan menjadi komoditas.

Contoh peningkatan kegunaan situs http://www.telemirspb.ru/

Mengikuti prinsip kegunaan dasar membantu situs web menarik lebih banyak pelanggan dan mengurangi jumlah panggilan dukungan. Semakin banyak perusahaan yang menawarkan audit situs web, karena ada permintaan untuk menemukan kesalahan di situs. Kebiasaan berbelanja dan memesan jasa melalui Internet meningkatkan permintaan akan situs yang nyaman.

Sayangnya, banyak yang membuat situs web sendiri, dan kemudian mendatangi kami dengan aib yang dibuat. Penting untuk memikirkan terlebih dahulu proses interaksi dengan sumber daya: bagian mana yang akan ada di versi pertama dan mana yang akan ditambahkan nanti. Tidak mungkin untuk meramalkan semuanya, tetapi navigasi yang direncanakan sebelumnya akan menghemat waktu dan uang untuk perbaikan di masa depan. Selain itu, pilihlah mesin untuk situs Anda dengan hati-hati. Anda sebaiknya tidak memilih mesin blog (misalnya WordPress) jika Anda berencana menjual sesuatu di situs atau membuat halaman produk/layanan.

Jika Anda bekerja di lingkungan yang sangat kompetitif, Anda memahami betapa pentingnya membedakan diri Anda dari pesaing.

Oleh karena itu, ketika berencana membuat situs web atau meningkatkan situs yang sudah ada, pertama-tama Anda perlu melihat antarmuka dari sudut pandang klien dan mencoba memprediksi masalah yang mungkin dihadapi pengguna.

2. Teks panjang akan hilang

Jujur saja pada diri kita sendiri: tidak ada yang membaca teks panjang. Pengecualian mencakup buku dan artikel. Ketika klien ingin memesan suatu layanan atau produk, dia tertarik pada informasi spesifik: harga, karakteristik utama konten produk/layanan, kondisi pengiriman/waktu pemenuhan. Informasi yang singkat dan terstruktur menghemat waktu klien dan mendorongnya untuk memesan. Apalagi jika klien membandingkan beberapa situs, maka deskripsi yang paling ringkas pasti akan menang.

Selain itu, teks yang panjang tidak nyaman untuk dilihat dari perangkat seluler, yang digunakan hampir semua orang. Menurut statistik global, pada bulan Oktober 2016 jumlah pengguna seluler menjadi lebih besar dibandingkan pengguna desktop.

Lihatlah audiens situs web Anda, misalnya, di Yandex.Metrica di Ringkasan → Laporan jenis perangkat dan lihat berapa persentase klien yang berasal dari ponsel dan tablet. Ingatlah audiens ini saat memposting konten.

Tambahkan animasi ke situs web Anda dengan bijak. Itu harus seakurat dan secepat mungkin. Memperbesar gambar saat Anda mengkliknya, indikator kemajuan sambil menunggu hasil di situs, jendela pop-up yang muncul saat menambahkan item ke keranjang, mengubah warna tombol dan tautan setelah mengklik adalah interaksi mikro paling umum yang pasti akan terjadi. membantu pengguna Anda.

6. Penggunaan sinemagraf atau gambar “langsung”.

Video layar lebar telah digantikan oleh sinemagraf - gambar yang hanya satu elemennya yang bergerak. Yang terbaik adalah menempatkannya di layar pertama halaman untuk menarik perhatian pengguna dan menciptakan efek wow.

Jika Anda memilih gif yang sesuai dengan tema situs, itu akan terlihat sangat keren. Misalnya, Anda dapat mengambil foto langsung produk utama Anda dan menempatkannya di halaman Beranda atau spanduk promosi.

Di Rusia, sinemagraf terutama digunakan di jejaring sosial, jadi kami memberikan contoh situs asing - situs perlindungan air dan persewaan mobil.

7. Hindari stok foto yang “khas”.

Kami berharap semua jenis orang kecil, gadis berheadphone, dan foto keluarga yang tersenyum akan menghilang dari situs ini. Contoh gambar stok:

9. Seluler Pertama

Inti dari pendekatan ini adalah saat mendesain situs web, Anda perlu memikirkan bagaimana situs tersebut akan ditampilkan di perangkat seluler. Banyak artikel dan buku telah ditulis tentang topik ini, misalnya, kami merekomendasikan membaca “Mobile First” oleh Luke Wrobleski.

Seperti disebutkan di atas (lihat poin 2), lalu lintas seluler meningkat dan bahkan ada pengguna yang tidak memiliki pengalaman desktop. Oleh karena itu, agar tidak kehilangan pelanggan, sebaiknya optimalkan situs Anda untuk perangkat seluler.

Artikel ini hanya mencantumkan tren paling dasar. Mari kita lihat apa yang menanti kita tahun ini. Jika Anda juga memperhatikan beberapa tren dan yakin akan berkembang, tulis di komentar, kami akan dengan senang hati berdiskusi. Dan jika Anda ragu bahwa desain situs web Anda mutakhir atau Anda telah membaca artikel dan menemukan elemen yang ketinggalan jaman, perhatikan layanannya.

Di era perkembangan teknologi IT, Anda tidak bisa hanya berdiam diri dan melihat apa yang terjadi. Anda harus mewujudkan hal ini. Agar tidak menjadi orang luar, Anda perlu menimba ilmu dari semua sumber yang mungkin dan tidak mungkin dan mengikuti semua acara. Tahun 2016 akan segera berakhir, artinya tahun 2017 sudah dekat dan akan membawa sesuatu yang baru dalam bidang pengembangan web. Dan apa sebenarnya yang akan Anda baca di artikel ini!

Jangan menjadi orang luar, ikuti perkembangan zaman.

Bot

Halaman web sederhana tidak lagi begitu populer, mereka menjadi semakin interaktif, terlebih lagi, seiring waktu, kehidupan online kita akan disederhanakan dengan berbagai petunjuk interaktif sehingga kita tidak perlu membebani otak kita sama sekali. Bot sekarang banyak digunakan dan ini hanyalah permulaan. Semua orang tahu aplikasi Slack untuk komunikasi korporat, dan di sana Anda juga dapat menemukan bot yang menyambut Anda, menanyakan nama Anda dan segera memasukkannya ke profil Anda. Bot bermunculan di banyak alat dan aplikasi lain, mengantarkan era asisten online.

UI Gerak

Animasi, video, GIF sudah lama menjadi keseharian kita, semuanya begitu hidup dan menarik, apa lagi yang dibutuhkan pengguna? Mereka banyak digunakan untuk membuat transisi dan animasi CSS dengan cepat untuk memastikan kemudahan penggunaan. Versi terbaru Motion UI dilengkapi dengan sistem batch animasi, template CSS fleksibel dengan kemampuan lanjutan untuk transisi penuh dan mampu bekerja dengan semua jenis perpustakaan animasi JavaScript. Kami sangat yakin bahwa mobilitas akan sepenuhnya menggantikan penggunaan gambar statis.

Kemampuan beradaptasi

Mobile first adalah slogan zaman kita, setiap hari setiap orang, setidaknya sekali (belum lagi para pecandu yang benar-benar hidup di tangan mereka dengan telepon) mencari informasi di Internet, mengirim pesan atau menelepon, jadi penggunaannya harus menjadi senyaman mungkin. Jika Anda adalah pemilik situs web dan masih belum pernah mendengar tentang daya tanggap, inilah saatnya untuk mengambil tindakan dan menerapkannya , guna memberikan kenyamanan bagi calon klien Anda dalam menggunakan situs web Anda. Seperti yang mungkin sudah Anda ketahui, ini adalah hal yang harus dimiliki dalam dunia desain dan pengembangan web; selain itu, ini akan membantu Anda menghemat pengembangan aplikasi seluler.

Situs satu halaman

Apakah Anda bingung dengan situs dengan banyak halaman, di mana terdapat begitu banyak hal dan semuanya tidak dapat dipahami? Jangan khawatir, era situs web satu halaman sudah dekat. Situs jenis ini sangat populer di kalangan perusahaan besar, lebih nyaman digunakan, dan lebih mudah mencari informasi yang dibutuhkan oleh pengguna yang mengunjungi situs tersebut untuk tujuan tertentu.

Javascript sedang naik daun sekarang

Javascript adalah masa depan, meskipun ada rumor yang mengatakan bahwa ia memiliki kekurangan dan kelemahan. Tidak ada yang membantah bahwa mereka memang ada, tapi apa yang ideal di dunia ini? Bahkan Mac OS menggunakan JS di perangkat kerasnya. Selain itu, perpustakaan front-end seperti Angular, Node, React dengan cepat mendapatkan popularitas, serta perpustakaan kecil lainnya.

Tidak mengherankan jika Javascript telah menjadi bagian integral dari tumpukan pengembangan web standar, bersama dengan HTML dan CSS. Dan fakta ini berbicara sendiri.

Efek paralaks

Efek ini paling sering digunakan, namun tidak banyak orang yang mengetahui secara pasti apa namanya. Untuk memperjelas: ini adalah cara terbaik untuk menambahkan lapisan 3D ke situs web Anda , ini juga dapat digunakan untuk menambahkan efek 3D yang menakjubkan.

Tren yang akan mengubah dunia

Dalam artikel ini, kami telah mengumpulkan semua tren pengembangan web menjanjikan yang akan segera mengubah dunia. Namun kita belum tahu tren apa yang akan terjadi di tahun 2017. Tetap ikuti perkembangan teknologi modern dan mungkin suatu hari Anda akan begitu terinspirasi oleh apa yang sedang terjadi sehingga Anda sendiri akan menemukan sesuatu yang revolusioner?