Desain web (Web Design)

Merancang situs web adalah pekerjaan luar biasa.

Saat membuat situs web, Anda melihat banyak hal yang tidak Anda perhatikan setiap hari.

Desain situs web menggabungkan desain web (mendesain tata letak situs web), pengalaman pengguna, dan banyak hal lainnya.

Meski kedengarannya rumit, sebenarnya tidak. bagaimana Anda dapat mengubah desain situs web menjadi sangat menyenangkan yang akan memberi Anda banyak kepuasan dan penerima situs web Anda?

Apa itu Desain Web?

Desain web adalah istilah yang relatif baru, jadi ada ketidaksepakatan tentang apa arah ini dan siapa yang bisa disebut desainer web. Mari coba klarifikasi.

Konsep desain web dalam arti luas mengacu pada proses pembuatan situs web, yang meliputi aspek teknis pengembangan, penataan informasi, pembuatan kerangka visual, dan pengiriman informasi ke web.

Tahapan

Untuk pemahaman yang lebih lengkap tentang seperti apa pembuatan situs web, Anda perlu membayangkan tahapan apa yang dilalui halaman dari konsepsinya hingga awal fungsinya di jaringan.

• Menyusun spesifikasi teknis: Awal pekerjaan ditandai dengan perencanaan terperinci dari tujuan dan fungsionalitas situs, perkiraan dibuat untuk struktur dan desainnya, dan kemudian daftar rinci pekerjaan dibuat, yang disetujui oleh pelanggan. Manajer proyek bertanggung jawab atas ini.

• Kegunaan: Pada saat ini, berbagai pertanyaan yang cukup luas ditentukan, mulai dari struktur halaman di situs yang direncanakan hingga opsi apa yang paling nyaman untuk menyajikan informasi dalam kasus ini. Ini membutuhkan kolaborasi antara manajer dan desainer.

• Seni grafis: Perancang membuat representasi visual situs, termasuk berbagai elemen yang dirancang untuk membuat laman lebih berfungsi, dan sekadar menghiasnya. Setelah itu disetujui tata letak situs dalam bentuk gambar grafik.

• Tata Letak: Bekerja sama sebagai programmer, desainer mengimplementasikan idenya dalam bentuk kode yang memungkinkan gambar ditampilkan di browser.

• Menguasai Web: Tahap terakhir, saat situs ditempatkan di sebuah hosting, diisi dengan informasi, dan dilanjutkan dengan promosi ke puncak mesin pencari. Situs ini sudah tersedia untuk pengguna.

Di mana memulai desain web?

Merancang situs web dimulai dengan menentukan peran yang harus dimainkan situs web, yaitu tujuannya.

Anda menebak dengan benar - ada semua jenis situs web yang berguna untuk tujuan lain. Kami membedakan tiga yang paling populer: halaman arahan, satu halaman, dan situs klasik.

Tentu saja ada situs besar (portal dan sebagainya), tapi itu topik yang sama sekali berbeda.

Situs web paling sederhana adalah halaman arahan dan satu halaman.

Meskipun biasanya berukuran kecil (hanya satu halaman), namun kontennya cukup banyak. Namun, mereka berbeda tujuannya.

Apa itu halaman arahan?Yang paling sering digunakan untuk mengumpulkan kontak atau berkonsentrasi pada lalu lintas yang terkait dengan beberapa tindakan. Biasanya tidak banyak konten di halaman arahan, tetapi Anda dapat dengan jelas melihat tujuan halaman tersebut. Halaman landing biasanya tidak memiliki menu.

One-pager adalah halaman web biasa yang "terbentang". Semua informasi ada di satu situs web yang sangat panjang.

Konten terpenting selalu di atas. Singkatnya. Satu halaman memiliki menu yang merujuk ke judul bagian berikutnya.

Merancang dan membuat situs web jenis ini membutuhkan pendekatan khusus. Meskipun tampak sederhana, namun sangat menuntut dan lebih baik memulai petualangan Anda dengan membuat halaman dari hal lain.

Terutama bahwa mendesain halaman paling sering dikaitkan dengan halaman "biasa".Mereka memiliki beranda, subhalaman dengan penawaran, berita, dan kontak. Bisa dibilang ini standar di Internet.

Selain itu, pengguna mengetahui struktur mereka seperti kantong mereka sendiri.

Jika Anda membutuhkan kartu nama secara online - satu pager sederhana sudah cukup. Apakah Anda ingin menambahkan lebih banyak informasi di situs web Anda (penawaran, blog, dll.) Dan mengembangkannya seiring waktu? Situs web klasik akan tepat.

Sekarang Anda tahu apa, sekarang saatnya untuk memulai bagaimana, yaitu desain web.

Apa tujuan situs web Anda - di sinilah desain web dimulai

Anda perlu tahu apa tujuan dari website Anda. Berkat ini, halaman yang Anda desain akan dapat dimengerti oleh pengguna.

Jika Anda menjalankan bisnis, pengguna harus tahu sejak awal apa yang Anda tawarkan.

Misalnya - Anda memiliki bengkel mobil. Pengguna harus mengetahui bahwa dia telah memasuki situs web bengkel mobil dan dapat menggunakan layanan tertentu.

Tujuan dari situs web semacam itu adalah untuk memberi tahu Anda tentang layanan ini, dan dengan demikian - menarik pelanggan baru.

Memiliki tujuan yang jelas sangat penting dalam hal desain web. Oleh karena itu, Anda perlu memikirkan dengan cermat dan jelas menentukan tujuan website Anda.

Setelah Anda tahu apa tujuan dari sebuah situs web, Anda perlu memikirkan siapa audiensnya.

Desain Web - Tentukan audiens Anda

Situs web Anda tidak hanya akan dilihat oleh robot mesin pencari. Oleh karena itu, Anda perlu mempertimbangkan siapa audiens situs web Anda nantinya.

Lagipula, itulah yang ingin Anda raih, bukan?

Menentukan audiens situs web Anda secara langsung berkaitan dengan tujuan situs web Anda. Bagaimanapun, mereka harus mencapai tujuan Anda.

Desain situs web mendefinisikan profil seperti "menciptakan seseorang".

Jadi, Anda harus memikirkan tentang apa yang sebenarnya diinginkan pengguna Anda dan siapa sebenarnya mereka.Persona hanyalah "pengguna yang sempurna".

Anda pasti memiliki beberapa profil pengguna situs web Anda. Anda harus memikirkan apa yang sebenarnya dia butuhkan, apa preferensinya, mengapa dia ada di situs web Anda dan apa yang harus ada di sana sehingga Anda dapat mencapai tujuan Anda.

Misalnya, pengguna ideal situs web bengkel mobil adalah orang yang membutuhkan bengkel mobil.

Dia ingin tahu layanan apa yang disediakan bengkel, di mana lokasinya, jam kerja apa, dan bagaimana cara menghubunginya. Mereka akan mencari informasi ini di situs web.

Itu ada di sisi Anda untuk meletakkannya di tempat yang terlihat.

Dengan kata lain: membuat seseorang akan memungkinkan Anda menyesuaikan situs web Anda dengan kebutuhan pengguna dengan lebih baik.

Ingat - desain website (baik) sangat erat kaitannya dengan merespon kebutuhan orang-orang tertentu. Itu adalah pengguna ideal Anda.

Setelah Anda menentukan audiens Anda, akan lebih mudah bagi Anda untuk menentukan apa yang pengguna ingin temukan di situs Anda.

Membuat situs web untuk pengguna, yaitu apa yang akan ada di situs web Anda

Setelah Anda mengetahui tujuan situs web Anda dan menentukan siapa pengguna (atau pengguna) idealnya, Anda dapat mulai bekerja dengan situs web tersebut.

Waktu yang Anda habiskan untuk memikirkan tujuan situs web dan kebutuhan pengguna akan terbayar.

Terutama bahwa situs web yang dipikirkan dengan matang akan menanggapi kebutuhan pengguna Anda, dan dengan demikian - mencapai tujuan Anda.

Langkah selanjutnya dalam desain web adalah mendefinisikan dengan jelas apa yang harus ada di situs web.

Merancang situs web pada tahap ini adalah tentang mengatur konten.

Mulailah dengan menuliskan apa yang Anda inginkan pada halaman tersebut. Listnya bisa panjang, nggak perlu khawatir tiba-tiba jadi puluhan item.

Kemudian cobalah untuk mengelompokkan hal-hal ini bersama - ini akan banyak membantu Anda di tahap berikutnya.Tinggalkan daftar yang sudah disiapkan selama beberapa hari. Dua akan berhasil, sungguh.

Setelah itu, lihat lagi daftar itu dan perlakukan sebagai pengguna. Lihat hal-hal mana yang relevan dari sudut pandang setiap orang yang Anda miliki.

Masing-masing akan mencari informasi yang sedikit berbeda, jadi Anda perlu memperhitungkannya.Misalnya, seseorang yang mencari bengkel mobil akan mencari kontak, lokasi, dan jam buka. Informasi ini harus terlihat jelas di halaman.

Sekarang adalah saat yang tepat untuk menghapus daftar informasi berlebih Anda. Beberapa dari mereka mungkin sama sekali tidak diperlukan.

Anda dapat menghapusnya dari halaman atau menambahkannya di bagian paling akhir. Pengelompokan informasi ke dalam kategori ini akan membantu Anda memisahkannya di halaman. Anda akan melihat bagaimana ini akan membuat pekerjaan Anda lebih mudah.

Ketika informasi grup Anda, beri nomor dalam urutan kepentingan.

Hal terpenting di atas, paling tidak - di bawah. Setelah Anda memecah informasi dengan cara ini - temukan hal-hal utama dalam setiap kelompok.

Informasi ini harus ada di halaman beranda. Anda tidak harus mengembangkannya, mereka hanya perlu memberi tahu pengguna apa yang Anda tawarkan kepada mereka.

Jika mereka ingin tahu lebih banyak, mereka pasti akan pindah.

Idealnya, Anda harus memberikan informasi terpenting berupa kata kunci yaitu frasa pencarian. Kemudian beranda mengkomunikasikan dengan baik apa yang Anda tawarkan dan memposisikan dirinya dengan baik.

Sublaman apa yang dibutuhkan situs web Anda?

Setelah Anda mengetahui bagaimana Anda dapat berbagi informasi, Anda dapat mulai membuat subhalaman. Pikirkan lagi jika informasi ini digandakan.Jika demikian - pikirkan apakah seharusnya demikian (dan jika dibutuhkan oleh pengguna untuk mencapai tujuan Anda).Setiap subhalaman harus sesuai dengan salah satu grup yang telah Anda buat.

Jika Anda memiliki tiga atau empat grup - sempurna! Struktur situs web Anda siap untuk latihan.

Jika Anda memiliki lebih banyak dari mereka, pertimbangkan bagaimana kelompok ini berhubungan satu sama lain. Mungkinkah mereka memiliki penyebut yang sama? Ingatlah bahwa lebih baik dengan elemen yang lebih sedikit.

Minimalis sangat berguna saat mendesain situs web karena memungkinkan pengguna untuk melihat apa yang sedang terjadi secara langsung. Mereka tidak harus mencari informasi yang mereka butuhkan karena mereka dapat langsung terlihat.

Informasi yang terstruktur pada website juga memiliki efek psikologis: jika website dibuat cerdas, maka di sisi lain ada professional yang layak dipercaya.

Dan dari sana, hanya satu langkah untuk mencapai tujuan Anda oleh pengguna.

Kertas dan pensil - keduanya membuat desain web lebih mudah

Baik untuk menggaruk dirimu sendiri. Terutama ketika Anda tidak memiliki ide tentang bagaimana menjalankan desain web visual (mengikuti tren). Ingat: selalu layak untuk mendapatkan inspirasi, jadi

sebaiknya telusuri beberapa halaman yang Anda sukai dan buat kesimpulan. Itulah mengapa bagus untuk mulai mendesain situs web Anda dengan selembar kertas.Setelah Anda memiliki elemen yang seharusnya ada di dalamnya, Anda dapat memecahnya menjadi subhalaman berikutnya. Jadikan setiap halaman satu halaman.

Tempatkan elemen berikutnya di setiap "subhalaman" (ingat untuk mempertahankan hierarki kepentingan). Anda tidak perlu takut dengan penghapusan.

Pengujian - elemen kunci dari desain situs web

Bantuan orang yang dicintai tidak bisa dilebih-lebihkan. Sebelum menampilkan situs web Anda kepada pengguna - tanyakan kepada teman Anda apa pendapat mereka tentang proyek Anda.

Ingatlah untuk menanyakan pertanyaan yang sama kepada mereka.

Ini akan memudahkan Anda dalam menyempurnakan desain.

Tentu saja, ada baiknya memulai dengan menanyakan seberapa mereka menyukai situs tersebut. Kemudian tanyakan apakah mereka memahami apa yang ingin Anda sampaikan dan apakah mereka dapat dengan mudah mencapai tujuan halaman tersebut.

Agar lebih mudah, tentunya Anda bisa memberi tahu mereka apa tujuan Anda. Ini akan memudahkan mereka untuk menjawab Anda jika tujuan situs webnya jelas.

Kemudian kumpulkan komentar-komentar ini dan pikirkan tentang bagaimana menerapkannya. Dan apakah layak memperkenalkan mereka? Bagaimanapun, ini adalah situs web Anda, tetapi teman Anda juga penguji yang baik - pendapat mereka patut dipertimbangkan

Memposisikan situs web dan SEO - Anda harus mengingat ini ketika Anda mulai mendesain situs web Anda

Jika Anda ingin menjangkau orang-orang, Anda perlu mengingat tentang memposisikan situs web Anda.Kata kunci yang baik, deskripsi foto alternatif, judul, dan deskripsi setiap halaman - itu minimal.

Anda juga harus mengingat hierarki tajuk - berkat itu, robot mesin telusur akan lebih mudah mengorientasikan diri di laman.Jika Anda bertindak secara lokal - ingat tentang apa yang disebut SEO lokal. Yaitu, tentang menambahkan nama tempat ke kata kunci yang dipilih.

Grafik di situs web

Merancang situs web juga tentang memilih grafik yang bagus. Jika Anda memiliki foto Anda sendiri dengan kualitas yang baik, topiknya hampir tertutup.Foto di situs web tidak harus dalam resolusi tinggi. Dalam praktiknya - semakin kecil (yaitu semakin sedikit ruang disk yang mereka gunakan), semakin baik.

Situs web dengan sejumlah besar foto besar dimuat dengan lambat, yang berdampak negatif pada pemosisiannya dan memaksa pengguna untuk menunggu. Lebar ideal foto tidak boleh melebihi 1200-1400 piksel.

Itu selalu merupakan ide bagus untuk mengompresnya dan menambahkan deskripsi alternatif. Ingat: robot browser tidak dapat melihat grafik, tetapi dengan senang hati "membaca" deskripsi alternatif foto.

Elemen terpenting - singkatnya desain web

Thalaman utama selalu yang paling penting. Di sinilah Anda meletakkan informasi dan elemen utama yang harus ditemukan pengguna terlebih dahulu.

Ingat bahwa semakin tinggi elemen ini pada halaman, semakin cepat pengguna menemukannya. Halaman beranda juga merupakan halaman pertama yang dilihat pengguna. Oleh karena itu, harus terbaca dan mengandung elemen kunci.

Harus ada menu di setiap halaman.

Ini membantu untuk menavigasi pengguna di situs web Anda. Ingatlah bahwa elemen ini harus dapat dipahami semaksimal mungkin.

Jadi, nama subhalaman yang khas dan usang di menu adalah yang diharapkan pengguna Anda. Bagaimanapun, desain situs web sering kali didasarkan pada solusi yang terbukti.Halaman beranda, penawaran, daftar harga, kontak, umpan balik pelanggan, dll. - struktur menu seperti itu akan membuat pengguna menemukan apa yang mereka cari dengan lebih cepat.

Tautan internal juga merupakan elemen penting dari setiap halaman.

Jadi jika Anda menempatkan segmen yang didedikasikan untuk penawaran di beranda Anda, ada baiknya untuk menyertakan tautan di segmen ini yang akan mengarahkan pengguna ke subhalaman dengan penawaran tersebut.

Saat menempatkan teks di halaman, ingatlah untuk mempertahankan apa yang disebut hierarki tajuk. Tajuk mungkin muncul sebagai teks besar tebal.

Nyatanya, tajuk memainkan tiga peran utama pada sebuah laman: tajuk menginformasikan tentang subjek teks di bawah ini, mengatur informasi pada laman, dan berguna dalam pemosisian (robot mesin telusur akan menemukan informasi dalam tajuk lebih cepat daripada di teks).

Juga, ingat tentang hierarki tajuk - berkat itu, pengguna akan mengetahui informasi mana yang umum (terkait dengan kelompok informasi tertentu) dan mana yang terperinci.

Yang terpenting, hanya boleh ada satu judul H1 per halaman; header seperti itu harus berisi nama halaman (yaitu, pada halaman kontak, harus "[nama perusahaan Anda] - kontak" atau "Kontak dengan [nama perusahaan Anda]").