Desain Web Brutalis, Desain Web Minimalis, dan Masa Depan Web UX

Apakah situs web menjadi lebih kacau, berantakan, dan tidak rapi? Apakah aturan desain yang baik dilanggar? Apakah web menjadi jelek? Apakah ini tren baru?

Jika Anda seperti kebanyakan desainer dan memperhatikan apa yang sedang terjadi, Anda telah mendengar kata kebrutalan yang dilontarkan untuk sementara waktu. Situs web brutalis menjauh dari antarmuka yang ramah pengguna yang telah lama menjadi praktik terbaik industri dan alih-alih fokus pada situs HTML kode tangan yang tidak sempurna. Tampaknya desainer menghapus aturan UX seperti yang kita kenal, membuat semuanya terasa sedikit kacau.

Prinsip desain kontemporer yang ramping sangat umum sehingga kita hampir tidak menganggapnya sebagai pilihan gaya. Desain web yang “baik” umumnya berarti yang mematuhi aturan minimalisme. Antarmuka yang bersih, sederhana, dan rapi—tetapi tidak selalu demikian. Mari kita memutar waktu kembali beberapa dekade.

Kelahiran Web

Desain web telah berkembang jauh sejak tahun 1991 ketika situs web pertama kali diterbitkan. Revolusi internet dimulai dengan situs web pertamanya yang secara eksklusif berbasis teks menggunakan HTML generasi pertama.

Kemudian datanglah Flash dengan semua situs animasi gila yang pasti diingat semua orang. Perkembangan CSS (Cascading Style Sheets) datang, memberikan desainer web dengan kontrol lebih besar atas perangkat tambahan seperti warna latar belakang, ukuran teks, dan gaya teks dalam kode. JavaScript memberi kami menu tarik-turun, navigasi lanjutan, dan formulir web dengan pemeriksaan kesalahan.

Pada awalnya, tidak ada yang tahu apa sebenarnya arti "desain web", dan para pionir web membuat pola desain dengan coba-coba. Era awal desain web menggunakan tata letak yang kurang memperhatikan semantik formal dan aksesibilitas, alih-alih memilih estetika daripada struktur.

Untuk membangun dan menyusun desain mereka, desainer sangat bergantung pada elemen HTML seperti tabel, tabel bersarang, dan file spacer 1-piksel yang tidak terlihat, memberi mereka kemampuan untuk membuat tata letak multi-kolom yang lebih rumit. Itu dibuat untuk beberapa antarmuka yang cukup membosankan.

Pada pertengahan 2000-an, situs web lahir dengan pemikiran yang lebih hati-hati di balik strukturnya. Navigasi ada di bagian atas browser Anda, dan kategori ditempatkan di bilah kiri. Halaman web dibuat pendek dan sempit, dengan konten tersebar di banyak halaman agar tidak memaksa pengguna untuk menggulir. Desainer mempelajari apa yang berhasil dan mulai membangun situs yang lebih baik, menetapkan standar dan praktik terbaik di sepanjang jalan.

Dengan semakin banyak opsi tata letak, muncul campuran UI berisik yang penuh dengan gambar dan teks di mana-mana. Namun, beberapa desainer yang disiplin masih memilih minimalis.

Estetika Minimalis

Tren desain datang dan pergi; namun, minimalis adalah bahasa desain yang telah hadir seiring berjalannya waktu. Ini adalah filosofi desain yang berfokus pada penyederhanaan bentuk, dicapai dengan memanfaatkan elemen paling sederhana dan paling penting dalam sebuah desain.

Minimalisme tidak eksklusif untuk desain web. Pikirkan semua elemen di sekitar Anda yang mencakup ideal desain itu; sangat mudah untuk menghubungkan desain minimalis dengan Nest, Apple, Herman Miller, dan banyak lainnya yang telah menginspirasi banyak desainer minimalis.

Apa yang membuat desain oleh Herman Miller tetap hebat hingga saat ini? Mereka hanyalah objek yang dirancang dengan baik dengan tampilan yang tak lekang oleh waktu. Desainnya sangat cocok di rumah dan interior kontemporer—masih terasa segar dan modern hingga saat ini. Banyak dari karyanya dirancang dengan tampilan minimalis dan tidak dapat dikaitkan dengan mode tertentu. Mereka masih bertahan dalam ujian waktu.

Desain minimalis dari salah satu desainer grafis paling terkenal di zamannya, Josef Muller-Brockmann, sangat mirip dengan yang dibuat oleh Herman Miller: timeless . Muller-Brockmann menganut dan menguasai minimalis selama tahun 1940-an dan 1950-an dalam bentuk gaya desain Swiss.

Setiap dekorasi asing atau berlebihan dilucuti dari desain grafisnya; setiap elemen dalam tata letaknya memiliki tujuan. Pemikiran desain di balik pendekatan ini adalah yang membuat desain digital minimalis bekerja dengan sangat baik saat ini.

Bagaimana Minimalisme Mendirikan Dirinya Sendiri di Era Digital

Sejarah selalu menemukan cara untuk mengejar kita. Seperti yang terjadi pada desain cetak, minimalis dan filosofi di baliknya mengikuti desain web dan artefak digital lainnya. Pikirkan bagaimana tampilan situs web beberapa tahun yang lalu dengan tombol, baris, dan paragraf teks yang mengilap, semuanya menuntut perhatian.

Kemudian muncul tren skeuomorphic di mana desainer merancang elemen yang meniru objek kehidupan nyata di ruang digital. Ingat bantalan kulit di iCal Apple?

Desain minimal sebenarnya disengaja. Ini adalah pendekatan desain yang menghilangkan semua yang tidak perlu dan berfokus pada elemen yang seharusnya menarik perhatian maksimal—menekankan konten.

Manfaat Desain Minimalis

Pendekatan desain minimalis populer karena lebih banyak alasan daripada sekadar tampilannya. Pemahaman kami yang meningkat tentang perilaku pengguna, proses pemikiran desain, dan munculnya proses desain yang mengutamakan konten telah membantu memajukan pemikiran ini. Pertumbuhan besar pengguna ponsel baru-baru ini telah menjadi titik akselerasi yang kuat menuju minimalis, dengan fokus yang lebih besar pada UX dan kegunaan.

Dengan pengguna sekarang mengakses internet di mana saja setiap saat, desainer produk harus fokus pada penyediaan apa yang benar-benar penting dalam konteks saat ini: hal yang benar dengan cara yang benar dan pada waktu yang tepat, di mana desain dipreteli ke fitur-fiturnya yang paling mendasar.

Penggunaan seluler sekarang menyumbang lebih dari setengah dari semua kunjungan web, dan tingkat ini hanya akan meningkat. Desain responsif telah menjadi pengubah permainan dan telah memaksa desainer untuk "berpikir berbeda." Saat ini, lebih dari sebelumnya, desain responsif atau adaptif adalah kebutuhan di dunia seluler di mana pendekatan desain minimalis sangat penting.

Untuk rata-rata pengguna, minimalis mungkin tampak sebagai hal yang paling mudah untuk dirancang. Mencapai keseimbangan sempurna dengan menggunakan konten visual paling sedikit dan hanya berfokus pada elemen dasar dengan keanggunan tertinggi sebenarnya sangat, sangat sulit.

Masa Depan Minimalis

Kita harus menganggap minimalis sebagai konsep abadi, memancarkan keanggunan dan kecanggihan, daripada tren aktual atau fase berlalu yang sederhana. Meski tak lekang oleh waktu dan klasik, ia akan berkembang dan meningkat, seperti yang telah kita lihat sejak penerapannya di awal abad ke-20.

Misalnya, Desain Material Google adalah salah satu evolusi besar pertama dalam pendekatan desain "datar" yang diilhami minimalis. Desainer Google membuat segalanya tetap sederhana dan minimalis, tetapi meningkatkan bahasa desain mereka dengan penggunaan efek bayangan dan konsep gerakan dan kedalaman. Material mencakup desain datar dengan sentuhan khusus: meniru material dunia nyata.

Kelemahan dari Minimalisme

Seperti halnya elemen lain dalam hidup, kita selalu harus melihat pro dan kontra. Banyak yang berpendapat bahwa situs web saat ini tidak memiliki rasa dan sebagian besar semuanya sama. Anda tahu—gambar pahlawan besar, atau video dengan teks overlay, deretan ikon dengan teks, dan sebagainya. Siapa saja dapat meluangkan beberapa menit dari waktu mereka dan menghasilkan 10 situs yang terlihat sangat mirip satu sama lain. Apakah ini cerminan dari perilaku dan preferensi online kita yang terus berubah?

Konsistensi desain dan desain untuk perilaku pengguna umum sangat penting dalam setiap desain, tetapi kita tidak bisa melupakan nilai menjadi unik. Apakah kita menjadi malas ataukah kita telah mengalihkan pikiran kita dari keunikan dan menuju strategi pengalaman pengguna yang lebih efektif?

Brutalisme dalam Desain Web

Dalam kekasaran dan kurangnya perhatian untuk terlihat nyaman atau mudah, brutalisme dapat dilihat sebagai reaksi oleh generasi muda terhadap ringan, optimisme, dan kesembronoan desain web minimalis yang ada di mana-mana saat ini.

Beberapa menyukainya, beberapa membencinya, dan banyak lainnya tidak mengerti: situs web brutal.

Ambil Craigslist sebagai contoh. Craigslist harus dianggap sebagai "kakek" situs web brutal. Ini tidak menyenangkan secara estetika dan tidak akan pernah ditampilkan di www.awwards.com. Teks hitam, tautan biru, latar belakang putih. Ini tidak cantik. Tidak harus karena itu berhasil—dan itu bekerja dengan sangat baik. Anda menemukan apa yang Anda butuhkan untuk membeli atau menjual tanpa ribut-ribut atau berantakan, dan tanpa bagian bergerak yang asing.

Sejak didirikan pada tahun 1996, Craigslist telah mempertahankan popularitasnya meskipun — atau mungkin karena — desainnya yang sangat utilitarian. Desainnya tidak berubah secara signifikan selama 20+ tahun terakhir.

Mungkin terinspirasi oleh contoh Craigslist, gaya brutalis kembali muncul. Berikut ini adalah contoh bagus dari desain yang dieksekusi dengan baik menggunakan gaya brutalist.

Situs-situs brutalist ini sedang berkembang pesat. Mengapa situs web ini tiba-tiba begitu populer? Apakah karena beberapa desainer bosan dengan homogenisasi web?

Pada hari-hari di mana desain UX sangat penting, di mana perilaku pengguna dan pendekatan konten-pertama adalah raja, UX di situs-situs ini buruk (sengaja). Berlawanan dengan prinsip minimalis, desain ini ada di depan Anda dengan kolase teks dan gambar di mana tata letaknya ada di mana-mana (sekali lagi, sengaja).

Sejarah Singkat Brutalisme

Gaya desain brutalist bukanlah hal baru. Pencarian cepat di Wikipedia akan memberi tahu Anda bahwa gaya tersebut sebenarnya berasal dari arsitektur brutalis tahun 1950-an hingga pertengahan 1970-an. Lucu bahwa brutalisme diikuti oleh gerakan arsitektur modernis di mana minimalis adalah kuncinya.

Le Corbusier adalah salah satu pelopor terbesar gerakan ini. Karirnya membentang lima dekade dengan bangunan yang dirancang di Eropa, Jepang, India, dan Amerika Utara dan Selatan.

Istilah ini berasal dari kata Prancis " brut " untuk "mentah," seperti yang dijelaskan Le Corbusier tentang bahannya " beton brut ," beton mentah. Desain hiperfungsionalis tampaknya dirancang hanya untuk memberikan utilitas—bukan untuk menyenangkan—seolah-olah memberikan jari pada modernisme.

Brutalisme mencoba menghadapi masyarakat produksi massal, dan menyeret puisi kasar keluar dari kekuatan bingung dan kuat yang sedang bekerja. Sampai sekarang Brutalisme telah dibahas secara stilistika, padahal esensinya adalah etis. –Alison & Peter Smithson, Brutalisme Baru, Desain Arsitektur (April 1957)

Desain brutal menolak penampilan, memilih fungsi daripada bentuk. Para desainer brutal dengan bangga mengeksekusi desain dengan sedikit usaha dan bahan termurah yang tersedia, untuk mencapai hasil anti-borjuis yang lebih jujur.

Brutalisme di Era Digital

Bloomberg telah mengadopsi gaya dengan caranya sendiri untuk situs beritanya. Desainnya hampir norak dan jelas berfokus pada fungsionalitas mentah.

Brutalisme membuat comeback yang solid. Jelek, mentah, bebas dari desain konvensional, efek melayang gila dan ornamen dangkal ada di mana-mana. Banyak puritan menganggap tren ini keras, kasar, kasar, tidak nyaman, konfrontatif, dan sinis. Dia. sengaja.

Brutalisme memiliki pendekatan desain yang lebih primitif dan menempatkan fokus kembali ke inti desain web: kodenya. Brutalisme sering digambarkan sebagai tren desain yang “jelek”, tetapi kita harus mengabaikannya. Filosofi di balik gerakan brutalis bukanlah membuat segala sesuatunya menjadi “jelek”, tetapi mentah dan tanpa hiasan.

Kita dapat mengatakan bahwa situs brutal saat ini didasarkan pada web DIY tahun 90-an, dengan fokus pada pendekatan luar-dalam daripada menyembunyikan fungsionalitas di balik fasad yang indah.

Desain UI untuk situs berbagi sosial populer Reddit sangat mentah dan berbentuk kotak, penuh dengan tipografi web akhir 90-an, kontrol berat yang tidak disempurnakan, dan hampir tidak ada ruang bernapas vertikal.

Desainer Pierre Buttin telah membawa kebrutalan ke ekstrem baru dengan serangkaian aplikasi seluler yang didesain ulang. Dalam proyek terbarunya, berjudul Brutalist redesigns, Buttin membuat Facebook, Instagram, Twitter, dan aplikasi populer lainnya dalam gaya brutal, dengan tata letak teks-berat dan desain rata.

Brutalisme vs Minimalisme

Brutalisme dan minimalisme tidak harus dilihat secara komparatif, tetapi sebagai cara baru untuk melihat sesuatu dan pendekatan lain untuk desain. Brutalisme adalah dorongan terhadap homogenisasi situs dan aplikasi saat ini, tetapi sebelum desainer bahkan dapat mulai merancang situs web menggunakan pendekatan brutal, mereka harus tahu aturan mana yang akan dilanggar terlebih dahulu.

Konvensional, desain minimalis tidak akan tergantikan oleh brutalisme. Kita harus melihat kebrutalan sebagai budaya desain yang menantang status quo—budaya yang lelah diberi tahu apa yang "terbaik".

Tidak ada benar atau salah ketika memilih antara gaya ini untuk proyek Anda berikutnya. Namun demikian, sebelum Anda kehabisan dan mendesain situs web atau aplikasi Anda berikutnya dengan gaya desain brutal, pastikan Anda mengenal audiens Anda. Ambil risiko jika menurut Anda perusahaan dan audiens Anda akan menghargainya.

Desain web brutal menarik perhatian dan kesadaran merek berkembang sangat cepat. Peraturan dibuat untuk dilanggar. Berani membiarkan web menjadi web. Berani untuk menonjol dan sedikit berani, meskipun sedikit aneh.

Beri tahu kami pendapat Anda! Silakan tinggalkan pemikiran, komentar, dan umpan balik Anda di bawah ini.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• Prinsip Desain dan Kepentingannya
• Portofolio Desainer UX Terbaik – Studi Kasus dan Contoh yang Menginspirasi
• Menjelajahi Prinsip Desain Gestalt
• Adobe XD vs. Sketch – Alat UX Mana yang Tepat untuk Anda?
• 10 Hasil Kerja UX yang Digunakan Desainer Teratas