Tampaknya bagi banyak orang bahwa perancang itu adalah seniman yang berubah-ubah yang secara abadi mengilhami tatapan lesu ke kejauhan dan kadang-kadang menyampaikan pidato tulus kepada klien tentang pelanggaran seluruh idenya, karena “hijau inilah yang melambangkan harmoni, dan dua nada lebih gelap, seperti yang disarankan pelanggan, sudah keramahan lingkungan. " Tapi tidak, ini stereotip.
Desain terutama merupakan solusi untuk masalah tertentu. Sebagai contoh, klien dihadapkan dengan tugas meningkatkan konversi situs, yang berarti bahwa perancang akan melakukan segalanya untuk membuat pelanggan bahagia. Jika klien membutuhkan situs yang mudah diingat yang membangkitkan kepercayaan pengguna, perancang akan memecahkan masalah ini secara berbeda dari yang sebelumnya.
Pada artikel ini kita akan berbicara tentang tahapan persiapan desain dan prinsip-prinsip umum bekerja dengan komponen visual situs.
Desain bukan gelombang kuas dan bukan kreativitas, itu terutama analitik.
Seperti proyek lainnya, pekerjaan dimulai dengan mendefinisikan tugas utama dari produk desain. Apa yang dibutuhkan klien dari situs ini? Tingkatkan penjualan? Lebih banyak kepercayaan merek? Pengakuan?
Ketika klien telah memutuskan tugas utama, dan desainer secara kasar memahami esensi pekerjaan, tahap kedua dimulai - bekerja dengan audiens target (CA lebih lanjut). Paling sering, target audiens ditentukan pada tahap analitik dan desain, tetapi juga penting bagi perancang untuk menggambar potret pengguna biasa, dan semakin akurat potret, semakin baik produk akhirnya.
Mari kita lihat contoh bekerja dengan Asia Tengah. Bayangkan seorang pelanggan menjual pakaian anak-anak di Internet. Kita tahu produknya, kekuatan dan kelemahannya, dan kita sampai pada kesimpulan bahwa perwakilan khas Asia Tengah untuk produk ini adalah wanita yang sudah menikah, Irina, dia sekitar 30 tahun, penghasilannya sedikit di atas rata-rata, dia memiliki pendidikan yang lebih tinggi. Kemungkinan besar, sebelum kelahiran bayi, ibu muda itu memiliki karier. Irina sedang cuti hamil dan memiliki anak. Apa yang penting baginya? Kami berpikir bahwa kesehatan anak dan kesejahteraan keluarga berarti bahwa produk tersebut akan tertarik pada kualitas bahan dan tingkat layanan. Apa yang menarik bagi Irina? Irina membaca blog ibu-ibu lain siang dan malam, mungkin dia sendiri membagikan pengalamannya di Internet. Dia tertarik pada anaknya - bagaimana dia berkembang, bagaimana dia melihat dunia. Pertanyaan terakhir adalah apa yang bisa kita berikan pada Irina yang tidak bisa dilakukan orang lain?
Jadi kami mendekati analisis kompetitif dengan mulus. Perancang pasti akan menonton situs pesaing - apa yang buruk bagi mereka, dan yang paling penting - apa yang baik bagi mereka, dan bagaimana ia dapat memperbaikinya di rumah. Mengapa Irina akan memilih situs kami, dan bukan situs pesaing? Analisis pesaing menyeluruh dan terperinci - mulai dari konsep kreatif merek hingga warna dan pengaturan tombol dan ikon di layar.
Ketika perancang meresepkan segalanya untuk dirinya sendiri agar produk tersebut dapat menaklukkan Irina dan mengambil dari situs lain, tahap berikutnya dimulai - menyusun papan luncur. Kata kompleks ini hanya berarti bahwa perancang melempar konsep situs, didefinisikan dengan warna, font, dan cara informasi disajikan. Apakah ini akan menjadi situs yang hidup dengan warna yang kaya dan ilustrasi yang menarik? Itu tidak mungkin, karena kita ingat bahwa Irina menghargai kualitas produk, dan dia bisa takut dengan kelimpahan bunga dan prasasti mencolok, seperti upaya untuk berbelanja secara royal dan “menyedot” produk yang berkualitas buruk. Kita ingat bahwa Irina sedang tergesa-gesa dan tidak tergesa-gesa, Irina juga pintar dan tahu bagaimana menganalisis, dia akan dengan cermat membaca dan mencari tangkapan. Mungkin, perancang imajiner kita dalam situasi ini akan memilih warna-warna pastel, mungkin motif cat air, seperti dalam buku anak-anak, fontnya akan netral, yang memungkinkan Irina dengan mudah menerima informasi. Ilustrasi akan cerah dan tenang, mungkin penuh kelembutan dan kasih sayang. Kami mengingatkan Anda bahwa semua ini hanyalah situasi imajiner untuk menjelaskan kepada Anda esensi pekerjaan. Sayangnya, tidak ada solusi yang ambigu dalam desain, dan kami tidak dapat memberi Anda prinsip yang ketat untuk bekerja dengan satu atau beberapa audiens target.
Pada saat yang sama, perancang terinspirasi. Sebagai seniman sejati, perancang menonton karya rekan-rekannya di situs khusus dan mencatat keputusan yang menarik. Itu adalah - mencuri ide. Ini mungkin situs dengan topik yang serupa, mereka mungkin memiliki fokus yang sama sekali berbeda, tetapi solusi yang menarik dan tidak biasa dapat memberikan sorotan situs dan akan menjadi faktor utama mengapa Irina tidak akan pergi ke pesaing dan akan membeli produk kami. Tetapi jika Anda membaca sampai titik ini, Anda menggosok tangan Anda dan memutuskan bahwa Anda hanya menyalin situs yang Anda sukai dan hidup bahagia selamanya, kami segera membuat Anda kesal - kemungkinan besar itu tidak akan berhasil. Di situs lain, pengguna utama bukanlah Irina, tetapi Svetlana, dan ini adalah kisah yang sangat berbeda. Tidak, perancang hanya mencatat detailnya dan dengan cermat memasukkannya ke dalam proyeknya.
Selanjutnya, perancang melanjutkan ke pekerjaan langsung dalam program khusus. Bahkan, karya itu termasuk gambar lengkap dari setiap halaman unik di situs. Tentu saja, sebagian besar waktu masuk ke halaman utama, karena ini adalah hal pertama yang dilihat pengguna dan di sinilah sikapnya terhadap produk terbentuk. Ini akan menjadi konsep desain seluruh situs.
Blok apa pun, detail desain apa pun harus memiliki makna. Seorang desainer adalah orang gila yang terus-menerus bertanya pada dirinya sendiri: mengapa saya melakukan ini? Mengapa saya membuat tombol lebih gelap? Mengapa saya menggunakan foto ini dan bukan yang lain? Mengapa di catatan kaki saya menempatkan ikon VK terlebih dahulu, lalu FB, dan hanya kemudian OK, dan tidak dalam urutan yang berbeda? Dan jika jawabannya tidak muncul, lebih baik segera meninggalkan keputusan, karena bagaimanapun desain bukan gambar, karena ada kriteria evaluasi yang jelas.
Pernahkah Anda mendengar kata KPI? Jadi itu tidak berlaku untuk karya seni apa pun - misalnya, bodoh untuk mengatakan bahwa karya agung Michelangelo telah meningkatkan kehadiran Kapel Sistine dan merupakan alat yang efektif untuk menarik orang baru. Tetapi untuk desain, paling sering ada KPI yang sangat spesifik, dan karenanya pekerjaan dapat dan harus dievaluasi.
Ada banyak literatur desain web dengan aturan dan prinsip yang tak ada habisnya. Sebenarnya, itu semua tergantung pada situs dan tugas tertentu, tetapi ada beberapa aturan umum:
1. Prinsip kontras
Ini berlaku untuk semua elemen situs. Semakin rendah kontrasnya, semakin sulit informasi tersebut dirasakan dan dipisahkan satu sama lain. Karena perbedaannya, Anda dapat menyorot beberapa detail dan menghilangkan yang lain, membangun hierarki halaman web dan memfokuskan pengguna pada elemen yang paling penting.
2. Prinsip penekanan
Item ini terkait erat dengan yang sebelumnya. Penempatan aksen yang tepat adalah jaminan keefektifan situs. Hal utama di sini bukan untuk dibawa pergi, tetapi untuk memahami dengan jelas apa yang harus ditekankan, karena jika Anda memilih semuanya, seluruh gagasan akan hilang.
3. Prinsip keseragaman dan pengulangan elemen
Prinsip ini tampak jelas, tetapi membutuhkan penyebutan yang terpisah. Elemen berulang dan gamut warna, metode penyelarasan, ukuran font, penspasian garis, lekukan dan kelengkungan sudut - semua ini menciptakan keseragaman yang sama yang memudahkan pengguna untuk bekerja dengan situs dan bingung jika prinsip ini dilanggar. Misalnya, Anda membaca artikel di situs informasi dan Anda tahu bahwa panah belakang di bagian bawah halaman akan mengirim Anda kembali ke halaman utama. Sekarang bayangkan Anda tidak sedang membaca artikel, tetapi melihat semua artikel di bagian, Anda ingin kembali ke halaman utama, tetapi Anda tidak menemukan panah belakang. Atau Anda menemukan, tetapi tidak di tempat lain. Itu hanya membingungkan, jengkel, dan bahkan mungkin meminta Anda untuk pergi ke situs pesaing yang lebih nyaman.
4. Alignment pada grid modular
Item ini terdengar menakutkan, tetapi sebenarnya itu hanya prinsip menyelaraskan dan memecah halaman menjadi blok. Grid modular adalah alat yang membantu menyelaraskan blok satu sama lain dan mengaturnya secara merata dan bersih. Di bawah ini adalah contoh khas menggunakan tumpukan modular untuk menyelaraskan elemen:
5. Prinsip kemudahan persepsi informasi
Paragraf ini meringkas, seolah-olah, semua yang kita bahas sebelumnya. Manusia adalah makhluk yang konservatif dan memperlakukan semua inovasi dengan hati-hati dan sikap negatif terlebih dahulu, terutama ketika perubahan tidak dimasukkan dalam rencananya. Ada cara biasa untuk mendapatkan informasi - misalnya, paling sering pengguna akan membaca halaman dari kiri ke kanan dari atas ke bawah. Jangan membuat pengguna tersesat dalam arus informasi dan melakukan tindakan yang tidak perlu.
Seseorang, apalagi, adalah makhluk malas, dan terlalu banyak informasi tekstual dapat membingungkan pengguna mana pun. Bandingkan dua cara untuk mengirim teks yang sama:
Contoh ini dengan jelas menunjukkan bagaimana tata letak teks memengaruhi persepsi. Untuk beberapa alasan, lebih mudah bagi kita untuk membaca teks dalam kasus kedua, meskipun teks dan volumenya sama di sana dan di sana.
Tentu saja, di situs yang mengambil bonus Internet dan memecahkan semua catatan KPI, Anda dapat melihat pelanggaran terhadap hampir semua prinsip ini, tetapi di sinilah kemajuannya. Perancang terus memantau tren baru dalam digital dan eksperimen dengan solusi yang berbeda.
Seorang desainer tidak bekerja sendirian, tetapi bekerja sama erat dengan tim-tim desainer, desainer tata letak dan programmer, karena setiap spesialis dapat menghasilkan ide yang bagus, dan kami ingat bahwa setiap hal kecil dapat menjadi sangat penting untuk kesuksesan situs web masa depan Anda.