Contoh desain situs

Daftar Isi:

Contoh desain situs
Contoh desain situs
Anonim

Jangan masuk ke angka dan perhitungan, karena tidak mungkin untuk menentukan berapa banyak situs yang sudah ada di Internet. Setiap hari, ribuan, bahkan ratusan ribu situs gagal dan yang baru muncul menggantikan mereka. Apa alasan untuk kegagalan? Mengapa orang pergi ke situs dan langsung meninggalkannya? Jawabannya sederhana dan tepat di depan mata Anda - ini adalah desain situsnya.

Efek atraksi

Setuju, setiap orang memiliki kumpulan situs tertentu yang dikunjungi hari demi hari. Saya yakin sebagian besar bookmarked adalah situs favorit dengan film, buku, berita, game, dll. Mengapa, setelah menemukan satu situs, kami tidak mencoba mencari situs lain yang serupa, yang mungkin lebih baik? Jawabannya sederhana! Situs yang kami tandai nyaman untuk digunakan - situs semacam itu biasanya memiliki pengaturan elemen, kategori, dan desain yang menyenangkan yang tidak mengganggu mata. Ini adalah "efek daya tarik", mengunjungi situs yang dirancang dengan benar sekali - meninggalkannyatidak mau lagi.

Mari kita lihat contoh platform perdagangan dua situs:

Contoh situs
Contoh situs

Tidak diragukan lagi dan tidak dapat disangkal, situs nomor 1 ingin segera ditutup, dan situs nomor 2, sebaliknya, ingin berlama-lama. Mengapa ini terjadi? Di situs pertama, selain produk yang terletak secara acak, ada juga saturasi warna yang berlebihan, yang tidak dapat dikatakan tentang situs kedua. Ada pepatah yang luar biasa: "Mereka bertemu dengan pakaian mereka, tetapi melihatnya dengan pikiran mereka", itu juga berlaku untuk situs, hanya alih-alih pakaian ada desain, dan alih-alih pikiran ada struktur navigasi. Pengunjung, setelah memasuki situs, hal pertama yang dilihatnya adalah skema warna, dan baru kemudian memperhatikan navigasi internal dan struktur situs.

Persepsi warna

Aturan utama saat memilih warna adalah jangan berlebihan. Terkadang bahkan dua atau tiga warna yang dipilih dengan benar sudah lebih dari cukup, contoh nyata dari ini adalah situs fb.ru. Banyak desainer web menggunakan tabel warna "aman" untuk mendesain situs html mereka.

Tabel warna yang aman
Tabel warna yang aman

Aman Disebut demikian karena semua warna yang ditampilkan di sini akan ditransmisikan oleh semua pengguna dengan cara yang sama. Warna-warna ini bisa dikatakan standar saat membuat desain di situs.

Kompatibilitas Warna

Setiap warna memiliki warna "ramah" sendiri - ini adalah warna yang paling cocok. Tidak perlu menemukan kembali roda dan bereksperimen dengan seleksi, semuanya telah lama ditemukan dan berada dalam domain publik. Roda warna digunakan untuk memilih warna. Itten. Gambar di bawah ini menunjukkan roda warna untuk mencocokkan 2 warna yang serasi.

Kombinasi warna komplementer
Kombinasi warna komplementer

T. yaitu warna yang berlawanan di dalam lingkaran dianggap paling cocok. Jika Anda perlu memilih 3 warna yang cocok, roda warna juga digunakan, hanya garis pengaturan warna yang akan diubah.

Triad - kombinasi 3 warna
Triad - kombinasi 3 warna

Dan ada banyak lingkaran seperti itu, Anda dapat mengambil lebih banyak warna yang cocok. Misalnya, empat.

Tetrad - kombinasi empat warna
Tetrad - kombinasi empat warna

Memilih warna dengan cara ini melalui lingkaran Itten, kombinasi warna maksimum akan tercapai dan desain situs yang menyenangkan secara visual akan diperoleh. Lebih banyak lingkaran warna dapat ditemukan secara online. Mari menyimpang sedikit dari topik utama, karena saya ingin menginformasikan bahwa roda warna Itten ini digunakan bahkan oleh desainer profesional dari dunia mode, yaitu saat membuat pakaian desainer, metode pencocokan warna ini digunakan.

Struktur situs internal

Jika kurang lebih semuanya menjadi jelas dengan persepsi warna, maka masih ada satu indikator penting lagi sebagai struktur internal situs atau dengan kata lain - "kegunaan". Tidak cukup hanya memilih warna yang tepat di situs, seperti yang ditunjukkan oleh latihan - pada desain situs yang indah Anda tidak akan pergi jauh. Struktur tapak yang benar seperti kerangka rumah, jika tidak direncanakan dengan benar, maka akan merepotkan untuk menjelajahinya.

Semua elemen navigasi perlu dipikirkan terlebih dahulu, dan bahkan lebih baik - ditulis. StrukturSitus harus, pertama-tama, dapat dimengerti dan nyaman bagi pengunjung. Banyak situs kehilangan pengunjungnya hanya karena yang terakhir, ketika memasuki situs, tidak mengerti di mana dan di mana letaknya. Tidak perlu berantakan dengan banyak tombol dan menggantung banyak fungsi. Anda selalu perlu melihat melalui mata pengunjung, jika pengguna tidak membutuhkan beberapa fungsi, maka lebih baik untuk menghapusnya. Sekali lagi, contoh desain situs web yang cerah dan benar adalah situs web Fb.ru, di mana semua bagian ditempatkan dengan cara yang dapat dimengerti dan nyaman bagi pengunjung.

Kesalahan terbesar

Menurut analisis rata-rata, pengguna yang tidak dapat menemukan bagian atau informasi yang diperlukan di situs dalam waktu 15-30 detik percaya bahwa bagian atau informasi ini tidak ada di situs dan meninggalkan sumber daya. Dalam kebanyakan kasus selamanya. Contoh utama situs dengan navigasi yang buruk:

Navigasi situs yang buruk
Navigasi situs yang buruk

Menurut Anda apakah mungkin untuk menemukan informasi yang diperlukan tentang sumber daya semacam itu dengan tidak pergi dari pencarian, tetapi hanya ke halaman utama? Saya pikir tidak. Sekali lagi, saturasi warna dan banyaknya navigasi yang tidak dapat dipahami, yang akan membuat setiap pengunjung menjadi pingsan dan bingung. Untuk menghindari kesalahan seperti itu, perlu untuk mengelompokkan semua bagian dan meletakkannya di menu navigasi terpisah, yang dapat dimengerti oleh setiap pengunjung.

Formulir Pendaftaran

Faktor penting dan menakutkan lainnya di situs ini adalah formulir pendaftaran. Beberapa mencoba mengumpulkan data nenek buyut hampir di jendela pendaftaran.

Formulir pendaftaran salah
Formulir pendaftaran salah

Formulir pendaftaran seperti ituyang modis sebelumnya, ketika Internet hanya mulai muncul di rumah-rumah. Saat ini, pengguna Internet ingin menemukan informasi yang dia butuhkan sesegera mungkin, dan formulir pendaftaran yang panjang, terlepas dari desain situs yang sangat baik, kemungkinan 99% akan ditolak. Formulir pendaftaran yang ideal menurut standar saat ini ditunjukkan di bawah ini.

Formulir pendaftaran yang benar
Formulir pendaftaran yang benar

Bahkan jika informasi ini tidak cukup, maka tidak ada yang repot-repot memintanya nanti dari pengunjung, setelah proses pendaftaran. Pendekatan ini dianggap lebih setia dan ramah daripada formulir pendaftaran, yang lebih mirip formulir lamaran kerja.

Templat situs web

Banyak situs sekarang sedang dibuat dengan sistem CMS modern yang menyediakan desain situs gratis. Tetapi desain gratis (templat) tidak membawa desain visual apa pun, jadi jika pemilik situs tidak mencoba mengubahnya dengan cara apa pun, maka situs tersebut menghilang dalam pencarian.

Perlu disebutkan juga seluruh portal Internet yang menawarkan untuk menyebarkan situs web Anda sendiri berdasarkan portal tersebut. Dalam hal ini, ada pro dan kontra:

  • Yang pertama dan mungkin satu-satunya plus adalah kesederhanaan. Kerangka situs sudah, sebagai suatu peraturan, dimodelkan pada sumber daya tersebut oleh desainer berpengalaman, desain situs dibawa di bawah persyaratan dan aturan tertentu. Tinggal mengisinya dengan materi tematik dan menunggu pengunjung pertama. Oleh karena itu, kesederhanaan dan kenyamanan layanan tersebut menarik pemula. Tetapi jika situs diatur untuk pengembangan serius dan persaingan untuktop-1 di mesin pencari, maka lebih baik menolak layanan seperti itu.
  • Dari minus - template yang disediakan dalam banyak kasus tidak dapat diedit atau diubah, Anda harus menggunakan yang disediakan setiap saat. Monoton adalah kelemahan utama, yang kita bicarakan di awal, karena setiap situs harus individual dan berbeda dalam penampilan dari yang lain. Banyak batasan yang tidak mungkin dijelaskan, karena setiap layanan tersebut memiliki layanannya sendiri.

Bagian akhir

Semua yang dijelaskan dalam materi ini tidak berpura-pura menjadi "instruksi utama", Anda selalu dapat dan bahkan perlu melakukan semuanya dengan cara Anda sendiri - ini hanyalah seperangkat aturan dan kesalahan yang paling umum. Tetapi poin terpenting, yang dijelaskan di sini dalam bentuk persepsi warna dan struktur internal situs, adalah standar untuk merancang situs. Warna yang dipilih secara salah akan menakuti pengunjung yang baru saja memasuki situs, dan desain kategori dan elemen situs yang buta huruf tidak akan memungkinkannya untuk menavigasi dan menemukan informasi yang diperlukan. Poin-poin ini harus mendapat perhatian maksimal dan, seperti yang disebutkan di atas, Anda harus selalu melihat situs mana pun melalui mata pengunjung, dan bukan dari mata pengembang.

Direkomendasikan: