20 Ketentuan Industri Desain Web untuk Klien Clueless

Dalam industri desain web, kami menggunakan banyak istilah orang dalam. Ini tidak hanya mempersulit memulai untuk pendatang baru, khususnya klien yang tidak terlibat dalam industri desain, tetapi mengomunikasikan maknanya dengan baik kadang-kadang bisa menjadi tantangan.

Dalam glosarium ini, kami telah mengumpulkan 20 istilah desain web yang sering digunakan dan menambahkan penjelasan singkat untuk masing-masing, sehingga siapa pun dapat dengan cepat melihat mereka jika ada ketidakpastian. Jika Anda memiliki klien yang benar-benar membutuhkan kursus kilat di jargon desain web, bagikan artikel ini dengan mereka.

“Animasi”

Sebuah teknik desain web itu menambah gerak ke elemen di layar untuk memvisualisasikan perubahan atau untuk menarik perhatian pengguna.

Animasi adalah lebih kuat dari transisi, karena mereka dapat melalui banyak negara yang berbeda antara titik awal dan akhir mereka, oleh karena itu mereka dapat digunakan untuk efek yang lebih rumit.

“Remah roti”

SEBUAH jenis navigasi yang menginformasikan pengguna tentang mereka lokasi saat ini di sebuah situs.

Remah roti mengandung jalan di mana halaman saat ini dapat dijangkau dari halaman rumah, biasanya dalam format Beranda / Kategori / Halaman. Setiap elemen jalan juga diklik sehingga pengguna bisa cepat navigasi hierarki situs. Remah roti biasanya ditampilkan di atas setiap halaman.

“Kekacauan”

Kesalahan desain web, indikator a halaman yang dirancang dengan buruk.

Kami berbicara tentang halaman berantakan ketika desainer terlalu banyak memeras informasi pada halaman yang sama tanpa menambah ruang putih yang cukup & menyusun konten dengan benar. Halaman berantakan memiliki keterbacaan rendah, dan membahayakan pengalaman pengguna.

“Skema warna”

SEBUAH koleksi warna yang selaras digunakan untuk membuat identitas merek yang dapat dikenali.

Biasanya skema warna yang sama digunakan secara konsisten di situs web merek, aplikasi seluler, logo, dan materi pemasaran. Skema warna dapat dirancang sesuai dengan prinsip yang berbeda, ada skema warna monokromatik, analog, komplementer, triadik, dan lainnya.

“Kontras”

Teknik desain untuk menekankan perbedaan antar elemen yang memiliki peran atau makna berbeda.

Menggunakan warna komplementer (berlawanan dengan roda warna) adalah cara yang paling terkenal untuk mengekspresikan kontras perbedaan visual dalam bentuk, gaya, tipografi, atau tata letak elemen halaman yang ingin kita bedakan juga dapat mencapai efek yang kontras.

“Status Kosong”

Keadaan tertentu dari situs web atau aplikasi saat ada belum ada konten pada halaman tertentu, namun elemen desainnya sudah di tempat mereka.

Status penggunaan pertama, seperti profil kosong adalah contoh umum untuk halaman status kosong. Mereka membutuhkan teknik desain khusus (seperti desain onboarding) itu menginformasikan pengguna tentang apa yang seharusnya ada di halaman, dan mendorong mereka untuk melakukan kegiatan tertentu.

“Memperbaiki Tata Letak”

SEBUAH jenis tata letak di mana situs dan elemen-elemennya gunakan lebar yang sama di semua resolusi, didefinisikan dalam nilai statis (biasanya piksel).

Cara tradisional membangun situs web. Jarang dipilih untuk situs web yang lebih baru, karena situs dengan tata letak tetap sulit digunakan (dibaca) di layar seluler. Agar tetap dapat diakses oleh pengguna seluler, banyak situs tata letak tetap menggunakan a situs seluler sekunder.

“Desain datar”

SEBUAH UI bahasa desain itu berfokus pada gaya minimalis dan bersih, dan menghilangkan tekstur, pola, gradien, dan efek mewah lainnya yang rumit untuk membantu pengguna lebih fokus pada konten.

Desain datar telah dikritik karena masalah kegunaan berasal dari kurangnya tiga dimensi. Lebih dewasa Bahasa desain datar 2.0, seperti desain Material Google, telah muncul sebagai respons, dan menambahkan sedikit kedalaman kembali ke desain datar.

“Tata Letak Fluida”

SEBUAH jenis tata letak bahwa menggunakan unit relatif untuk menentukan lebar situs dan elemen-elemennya.

Unit relatif yang paling sering digunakan untuk tata letak fluida adalah persentase, tapi ems dan rems bisa juga digunakan. Tata letak yang cair ukuran (peregangan dan menyusut) karena lebar viewport berubah. Tidak seperti tata letak responsif, tata letak cairan tidak menggunakan kueri media. Disebut juga sebagai tata letak cair.

“Melipat”

Sisi bawah dari bagian layar yang terlihat.

Syarat “di atas lipatan” mengacu pada bagian halaman web yang dapat dilihat pengunjung tanpa mengambil tindakan apa pun, sementara “di bawah flip” merujuk ke halaman lainnya yang dapat digunakan pengguna hanya menjangkau dengan berinteraksi dengan situs - biasanya dengan menggulir atau menggesek (di ponsel).

Dianjurkan untuk menempatkan elemen branding (mis. logo), navigasi di tempat, dan konten yang menarik di atas flip untuk membuat pengguna dengan cepat memahami tujuan situs dan tertarik pada konten lainnya.

“Degradasi anggun”

Strategi desain web itu termasuk semua fitur canggih secara default di situs, kemudian menghapus atau menyederhanakan hal-hal yang tidak berfungsi di browser lama, pada perangkat yang kurang mampu, atau pada bandwidth yang lebih rendah.

Fokus lebih pada penampilan dari pada konten. Di era seluler, peningkatan progresif telah menjadi strategi desain web utama untuk situs baru, degradasi yang baik terutama digunakan pada situs lama atau lawas.

“Gambar Pahlawan”

Sebuah kebesaran spanduk gambar ditempatkan di atas lipatan.

Gambar pahlawan adalah gambar berkualitas tinggi, biasanya lebar penuh yang relevan dengan konten situs. Di atas mereka, biasanya ada a teks pendek (satu atau dua baris) yang menyampaikan pesan kepada pengguna, dan a tombol ajakan bertindak yang meminta mereka untuk mengambil tindakan tertentu, seperti berbelanja atau mendaftar ke situs.

“Halaman arahan”

Awalnya setiap halaman di mana sebuah pengunjung online memasuki situs. Baru-baru ini istilah ini agak digunakan untuk halaman mandiri yang dirancang untuk tujuan bisnis tertentu.

Misalnya, jika pengguna web mengikuti iklan banner, mereka sering menemukan diri mereka pada halaman arahan yang memanggil mereka untuk membeli produk yang relevan. Halaman arahan dengan a fokus tunggal dan a hapus ajakan bertindak cenderung mencapai tingkat konversi yang lebih tinggi.

“Pemuatan Malas”

Teknik untuk memuat gambar dan konten statis lainnya, seperti video, hanya sesaat sebelum mereka terlihat bagi pengguna.

Jika situs web menggunakan lazy loading, hanya gambar di atas flip yang dimuat terlebih dahulu, sisanya hanya dimuat ketika (jika) pengguna menggulir halaman. Sering digunakan dalam desain yang responsif dan mobile menghemat sumber daya. Misalnya, Google AMP mempercepat situs seluler dengan malas memuat sumber daya statis secara default.

“Permintaan Media”

Fitur CSS yang membuatnya desain web responsif mungkin dengan memungkinkan desainer untuk membuat desain yang berbeda untuk dimensi perangkat yang berbeda (lebar dan / atau tinggi), orientasi (lanskap atau potret), dan jenis media (cetak, layar, dll.).

Biasanya, situs responsif memiliki tata letak yang terpisah untuk layar desktop, tablet, dan seluler, breakpoints di antara mereka didefinisikan oleh kueri media ditambahkan ke CSS.

“Peningkatan Progresif”

Strategi desain web yang pertama hanya menambahkan elemen dasar ke situs, yang berfungsi pada browser, bandwidth, dan perangkat apa pun. Fitur front-end yang lebih canggih (gaya dan interaktivitas) dimuat berlapis-lapis setelah itu.

Peningkatan progresif terutama berfokus pada konten, menghasilkan situs yang dapat diakses untuk setiap pengguna, oleh karena itu ini adalah cara utama membangun situs web di era seluler (sebagai lawan dari degradasi yang anggun).

“Desain responsif”

Pendekatan desain web untuk membuat situs web itu sesuaikan dengan dimensinya dari berbagai jenis perangkat (paling sering seluler, tablet & desktop) dengan mendesain tata letak yang berbeda dan gaya lainnya (mis. tipografi, ukuran gambar) untuk mereka.

Desain responsif memanfaatkan berbagai teknik, seperti unit relatif, kisi fleksibel, dan pertanyaan media untuk melayani setiap pengguna dengan konten yang dapat digunakan, dibaca dan diakses. Sebagian besar situs web modern menggunakan desain responsif.

“Skeuomorfisme”

Bahasa desain UI yang memanfaatkan prinsip keakraban, dan berfokus pada pembuatan elemen desain itu menyerupai setara dunia nyata mereka.

Misalnya tombol yang terlihat seperti tombol kehidupan nyata dengan menggunakan efek seperti bevel dan emboss, jatuhkan bayangan, gradien, dan lainnya. Sebelum desain datar menjadi dominan, skeuomorfisme adalah tren desain web terkemuka selama bertahun-tahun.

“Transisi”

Teknik desain web untuk memvisualisasikan perubahan sederhana ketika elemen di layar berubah dengan lancar antara kondisi awal dan akhir.

Transisi - tidak seperti animasi - tidak memiliki status di antaranya, hanya a titik awal dan akhir, oleh karena itu mereka digunakan untuk perubahan halus, seperti untuk memvisualisasikan negara melayang.

“Ruang Putih”

Itu ruang kosong antara elemen desain yang berdekatan. Disebut juga sebagai ruang negatif.

Ruang putih membantu pengguna membaca sepintas lalu konten, dan secara visual menunjukkan hierarki konten. Ruang putih tidak harus berwarna putih tetapi menggunakan warna latar belakang situs. Kurangnya ruang putih yang memadai menyebabkan a halaman berantakan.