Cara menyusun konten Anda untuk beranda yang lebih baik

Pengembang Web Profesional memulai proyek dengan mengumpulkan semua konten mereka dan, berdasarkan pada audiens dan tujuan utama mereka, mengorganisir konten itu menjadi bagian-bagian logis berdasarkan relevansi dengan target audiens. Fase arsitektur informasi ini biasanya berakhir dengan penciptaan peta situs web.

Situs Web yang akan Anda lakukan dalam kursus ini kemungkinan akan terdiri dari hanya 5-6 bagian atau halaman. Karena kita mulai kecil, kita tidak akan khawatir tentang membuat peta situs web, meskipun Anda akan belajar cara membuatnya dalam DGM 2740 - desain web. Sebaliknya, kita akan mengandalkan desain struktur halaman kita secara implisit memetakan struktur situs.

Tujuan dasar untuk desain halaman

Saat peta situs web menjelaskan bagaimana semua halaman di suatu situs diatur, kita dapat menggunakan bingkai kawat statis (skema halaman alias) untuk menggambarkan bagaimana semua elemen informasi ini diselenggarakan dalam halaman web individu. Bingkai kawat statis adalah gambar tunggal dari templat halaman individual yang menunjukkan komponen informasi, terutama navigasi, yang akan muncul pada halaman dalam bentuk kasar sehingga komponen navigasi dapat didokumentasikan dan dinilai. Gambar dapat menyarankan tata letak visual dasar, tetapi tidak berkomitmen untuk penampilan tertentu.

Meskipun jelas bukan desain grafis (tampilan permukaan) dari halaman web, bingkai kawat statis yang baik dapat membantu Anda merencanakan bagaimana Anda akan menggunakan "layar real estat" saat Anda mulai bekerja. pada desain grafis. Bingkai kawat statis seperti draft pertama desain Anda, yang berfokus pada kegunaan dan penempatan elemen-elemen utama.

bingkai kawat statis dan kegunaan

Kegunaan berkaitan dengan betapa mudahnya bagi pengguna untuk mendapatkan apa yang dia inginkan dari halaman web. Dari sudut pandang kegunaan, perlu diingat bahwa sebagian besar halaman Anda harus digunakan untuk konten yang paling relevan dengan audiens yang dituju. Secara umum, kesederhanaan menang atas kompleksitas. Lihatlah Google. Ini bukan untuk mengatakan Anda tidak dapat memiliki banyak konten atau sumber daya di situs Anda, hanya saja mereka semua harus melayani tujuan tertentu.

Kegunaan Freak Jakob Nielson mengatakan bahwa "sebagai aturan praktis, konten harus memperhitungkan setidaknya setengah dari desain halaman, dan lebih disukai lebih dekat ke 80%." Ketika meletakkan konten, penting untuk selalu menjaga audiens target Anda.

Struktur halaman apa yang dapat dicapai

Struktur halaman yang baik mengarah ke tata letak informasi yang baik, yang membantu pengguna menemukan dan mencerna informasi yang mereka miliki. Tata letak yang baik juga dapat menyampaikan rasa profesionalisme. Tampaknya tidak masalah apa yang dapat dilakukan situs Anda jika orang-orang begitu ditunda oleh tampilan dan nuansa situs Anda bahwa mereka tidak tahan berada di sana. Pertimbangkan manfaat tata letak yang baik ini:

  • Melibatkan pembaca
  • mengarahkan perhatian pembaca
  • Penekanan informasi
  • sejumlah kredibilitas dan validitas <
  • Petunjuk tentang cara menavigasi dan menggunakan situs

Silakan lengkapi Stepto Keamanan Lanjutkan

Silakan unduh browser modern:

Pendahuluan: Dibandingkan dengan teks biasa tradisional, halaman web memiliki lebih banyak struktur. Halaman web juga dianggap sebagai data semi-terstruktur. Struktur dasar halaman web adalah struktur DOM4 (Document Object Model). Struktur DOM dari halaman web adalah struktur pohon, di mana setiap tag HTML di halaman sesuai dengan simpul di pohon DOM. Halaman web dapat disegmentasi oleh beberapa tag struktural yang telah ditentukan. Tag yang berguna termasuk {p} (paragraf), {table} (table), {ul} (daftar), [h1} ~ {{h6} (pos), dll. Dengan demikian struktur DOM dapat digunakan untuk memfasilitasi ekstraksi informasi.

Sayangnya, karena fleksibilitas sintaks HTML, banyak halaman web tidak mematuhi spesifikasi W3C HTML, yang dapat mengakibatkan kesalahan dalam struktur pohon DOM. Selain itu, Pohon Dom pada awalnya diperkenalkan untuk presentasi di browser daripada deskripsi struktur semantik halaman web. Misalnya, meskipun dua node di pohon DOM memiliki induk yang sama, kedua node mungkin tidak terlalu semantik terkait satu sama lain daripada node lain. Gambar 10. Menunjukkan contoh halaman. Gambar 10. (a) menunjukkan bagian dari sumber HTML (kami hanya menyimpan kode backbone), dan Gambar 10. (b) menunjukkan pohon DOM halaman. Meskipun kami memiliki teks deskripsi sekitar untuk setiap gambar, struktur pohon DOM gagal mengidentifikasi dengan benar hubungan semantik antara bagian yang berbeda.

Dalam arti persepsi manusia, orang selalu melihat halaman web sebagai objek semantik yang berbeda daripada sebagai objek tunggal. Beberapa upaya penelitian menunjukkan bahwa pengguna selalu mengharapkan bagian fungsional tertentu dari halaman web (e.., Tautan navigasi atau bilah iklan) muncul di posisi tertentu pada halaman. Sebenarnya, ketika halaman web disajikan kepada pengguna, isyarat spasial dan visual dapat membantu pengguna secara tidak sadar membagi halaman web menjadi beberapa bagian semantik. Oleh karena itu, dimungkinkan untuk secara otomatis mengelompokkan halaman web dengan menggunakan isyarat spasial dan visual. Berdasarkan pengamatan ini, kami dapat mengembangkan algoritma untuk mengekstraksi struktur konten halaman web berdasarkan informasi spasial dan visual.

Pengembangan dan Desain Situs Web

Apakah Anda menjalankan bisnis kecil di atau dekat Nottingham mempekerjakan saya untuk bekerja dengan Anda untuk membuat situs web yang baik dan menarik yang dicintai pelanggan.

Pengembangan dan Desain Situs Web
Kami menggunakan cookie
Kami menggunakan cookie untuk memastikan bahwa kami memberikan Anda pengalaman terbaik di situs web kami. Dengan menggunakan situs web Anda menyetujui penggunaan cookie kami.
Izinkan cookie.