Konsep Desain Web E-commerce Pedagang Harus Tahu

Catatan Editor : E-commerce pedagang mengoperasikan bisnis yang menggunakan teknologi yang kompleks. Kami meluncurkan "Harus Tahu" seri untuk membantu pedagang memperoleh pemahaman dasar tentang teknologi ini, mengakui bahwa sebagian besar pedagang tidak pengembang web atau programmer. Dalam angsuran ini, kontribusi editor Armando Roggio menjelaskan lima konsep web desain membantu.

Sebuah usaha e-commerce, untuk menjadi sukses, membutuhkan pemasaran, desain, pengembangan keahlian, akuntansi, dan operasional.

Pedagang e-commerce dapat outsource sebagian besar layanan ini. Tapi hanya karena ada penyedia tersedia, tidak berarti bahwa pedagang tidak harus memiliki beberapa pemahaman dasar konsep. Ini termasuk isu-isu pengembangan web.

Jadi saya telah mengumpulkan daftar lima konsep desain web penting yang non-teknis e-commerce pedagang harus memahami. Konsep-konsep ini dapat memiliki efek positif atau negatif pada kinerja situs dan, karena itu, keberhasilan situs.
Memahami Batas Tabel HTML

Data tabular sangat membantu, terutama untuk membandingkan produk atau rencana layanan pada situs e-commerce. Anda dapat berbaris atribut produk dan memberikan pembeli hanya informasi yang diperlukan untuk membuat keputusan pembelian yang baik.

Contoh positif dari tabel HTML di situs e-commerce berlimpah. Anda bisa check out meja laptop perbandingan di Newegg atau ancaman virus terbaru di meja MacAfee (ingat penjualan perangkat lunak e-commerce, juga) sebagai contoh. Kedua tabel meningkatkan pengalaman pengguna dan menyampaikan informasi dengan cepat.

Conceptual Design Toko Online (E-Commerce)

 Tetapi penggunaan tabel bisa berlebihan, dan e-commerce pedagang harus memahami hal ini. Beberapa web designer dan pengembang curang dan menggunakan tabel HTML untuk tata letak halaman. Misalnya, menempatkan judul dalam satu sel tabel, gambar dalam sel lain meja, dan beberapa salinan dalam lagi. Sementara ini mungkin tidak tampak seperti masalah besar, dapat menyebabkan beberapa masalah.

• Menggunakan tabel HTML untuk layout membingungkan bots mesin pencari dan beberapa sakit search engine optimization (SEO). Tabel tata letak putus aliran konten alami dan reposisi materi terkait bersama-sama, sehingga sulit untuk beberapa laba-laba untuk benar indeks.
• Ada kekhawatiran aksesibilitas juga. Karena tata letak tabel bisa, dan sering, memisahkan item terkait. Misalnya tabel produk mungkin memiliki gambar produk dalam satu baris, berita utama di tempat lain, dan link dalam ketiga, ketimbang bergaul gambar dengan headline dengan link. Tabel asosiasi gambar dengan gambar dengan gambar.
• Kembung kode. Secara umum menggunakan tabel HTML untuk layout memerlukan markup lebih, yang dapat membuat halaman situs Anda lambat untuk memuat dan mengharuskan Anda untuk berinvestasi lebih banyak dalam web hosting tergantung pada ukuran situs Anda.
• Tabel tata letak dapat membuat situs Anda lebih sulit untuk meng-upgrade dan sulit untuk transisi ke platform lain seperti perangkat mobile.

Sebagai aturan, memastikan bahwa desainer web Anda menyewa hanya menggunakan tabel HTML untuk data tabular. Anda harus memutuskan untuk diri sendiri, jika Anda berpikir halaman produk kategori, misalnya "Guys" halaman di Ink Ketujuh , adalah data tabular atau tidak, tetapi FYI, Ink Ketujuh tidak menggunakan tabel untuk layout.

Jenis Dokumen Deklarasi (Pembatas, Definition) Mengarahkan Browser

Konsep lain yang penting web desain adalah jenis dokumen deklarasi (DTD). DTD, yang juga disebut sebagai jenis dokumen pembatas atau definisi jenis dokumen, berfungsi untuk memberitahu browser web apa jenis dokumen yang mereka hadapi dan dengan demikian membuat lebih mudah bagi mereka browser web untuk benar membuat halaman web terkait.

Dengan kata lain, DTD memberitahu browser apa yang membuat aturan-XML, XHTML 1.0, HTML 5-halaman berikut.

Jika DTD yang salah dipilih, atau jika desainer web Anda mengabaikan aturan yang sangat ia memutuskan untuk menggunakan, web browser mungkin tidak yakin bagaimana harus bertindak, dan bisa membuat halaman Anda benar, membuat situs Anda terlihat tidak profesional atau, lebih buruk lagi, mengacaukan beberapa fungsi situs.

Kunci untuk konsep ini adalah memastikan bahwa perancang web Anda memvalidasi kode. Sebuah validator, seperti Web Layanan World Wide Consortium (W3C) Validasi Markup dapat memberitahu Anda jika situs Anda mengikuti sendiri, menyatakan buku aturan. Jika memvalidasi, bagus. Jika tidak, memiliki desainer web Anda memperbaikinya, atau setidaknya menjelaskan mengapa tidak.

Web Standar dan Adopsi Browser Apakah Penting

Web memiliki standar. Ini bukan wild west. Internet tidak akan mampu e-commerce kecuali untuk standarisasi web. Bahkan, DTD tersebut adalah standar.

Pada dasarnya, standar web adalah-setuju untuk mengatur perilaku sehingga saya bisa menulis beberapa sedikit kode sesuai standar dan kode yang berharap untuk berperilaku dengan cara yang umumnya sama terlepas dari apakah saya menggunakan PC atau Mac Apple, Internet Explorer atau Firefox, atau laptop atau ponsel.

Tanpa standar web, saya harus membuat sebuah halaman web yang sama sekali berbeda untuk setiap browser dan setiap platform. (Desainer web benar-benar digunakan untuk melakukan hal ini di awal 1990-an.)

Secara umum, web standar kerja, namun masih ada beberapa masalah. Sebagai contoh, Microsoft Internet Explorer (IE) web browser adalah browser paling sesuai yang saya sadar. Ini tidak, misalnya, dukungan acara penangkapan, sudut dibulatkan dalam CSS, margin standar dan padding metode, dan, sampai versi 7, portable network graphic (PNG) transparansi alpha. Ini berarti bahwa web desainer atau pengembang harus melakukan pekerjaan tambahan untuk memastikan bahwa situs Anda merender dengan baik di IE.

Saya harus mencatat bahwa tidak ada web browser sepenuhnya sesuai, tetapi biasanya browser yang lebih sesuai adalah, lebih mampu itu. Check out demonstrasi scalable vector grafis yang akan datang (SVG) API . Pada saat penulisan, demonstrasi, yang saya sadari adalah tidak persis aplikasi praktis, hanya bekerja di relatif versi baru Google Chrome atau Apple Safari. Browser Sekali lagi mengadopsi standar ini, pengembang akan mampu memperkenalkan banyak fungsi tambahan ke dalam website e-commerce.

Sebagai pedagang, hal yang perlu diingat adalah bahwa Anda harus memeriksa situs Anda setidaknya tiga browser yang berbeda-IE, Firefox, dan Chrome-untuk memastikan bahwa itu sedang diberikan secara konsisten.
Konten yang terpisah dari Presentasi

Dari sudut pandang pengembangan, halaman web e-commerce memiliki tiga aspek dasar: konten, presentasi, dan aturan.

Konten menggambarkan hal-hal baik yang Anda pasang di web anda, seperti deskripsi produk, how-to artikel untuk membantu pelanggan, atau bahkan review produk.

Presentasi menjelaskan bagaimana konten Anda terlihat pada halaman atau bagaimana berinteraksi dengan pembelanja. Misalnya, gambar latar belakang, perbatasan di sekitar bagian konten, atau bahkan fungsi JavaScript dan XML asynchronous seperti keranjang belanja drag-and-drop di Dock Icon.

Aturan-atau model seperti yang sering disebut-mewakili logika di balik situs tersebut, misalnya, menghitung tarif waktu pengiriman nyata, menambahkan pajak, atau menghitung diskon.

Dalam desain web yang baik dan pengembangan, konten, presentasi, dan aturan dipisahkan, sehingga situs tersebut lebih mudah untuk mempertahankan. Sebagai contoh, itu jelas lebih baik untuk memiliki semua stylesheet saya mengalir (CSS) dalam satu atau dua file eksternal daripada menempatkan gaya (presentasi) langsung pada setiap halaman.

Jika tiga bulan dari sekarang, saya ingin membuat perubahan untuk bagaimana halaman terlihat, aku bisa membuat perubahan dalam satu file CSS eksternal dan aku sudah selesai. Jika aku tidak dipisahkan gaya saya, saya harus mengubah secara manual setiap halaman di situs.

Demikian juga, jika saya menggunakan JavaScript untuk menyediakan pembeli dengan semacam interaksi, lebih baik untuk menyimpan semua JavaScript saya dalam satu folder dan kemudian memiliki setiap halaman mengacu JavaScript itu daripada menempatkan kode secara langsung pada halaman.

Memisahkan isi dan presentasi dengan cara ini tampaknya cukup intuitif, tetapi masih ada banyak tua-sekolah desainer web yang tidak melakukannya.

Sistem Manajemen Konten Apakah Diperlukan

Sebuah sistem manajemen konten (CMS) adalah jenis perangkat lunak kolaborasi, kontrol versi, dan penyimpanan yang sering diimplementasikan sebagai aplikasi web. Pada dasarnya, CMS memungkinkan bisnis toko Anda konten-spesifikasi produk, misalnya-dalam database dan kemudian mengakses database bahwa untuk membuat halaman web dinamis seperti yang diperlukan.

Bayangkan bahwa Anda memiliki sepuluh produk. Ini tidak akan sulit untuk membuat sepuluh HTML halaman-satu untuk setiap produk. Dan jika Anda perlu untuk mengubah sesuatu di salah satu halaman tersebut, mungkin tidak terlalu sulit untuk membuka halaman tersebut dan membuat perubahan. Tentu saja, jika perubahan itu ke situs-lebar navigasi, Anda akan perlu untuk membuat sepuluh perubahan, yang bisa menjadi beban.

Sekarang bayangkan bahwa Anda memiliki 100 produk. Berapa jauh lebih sulit itu akan mengelola 100 halaman web individu.

Bagaimana jika Anda memiliki 1.000 produk? Anda mendapatkan ide.

Sebuah CMS memecahkan masalah ini dengan menyimpan konten dalam database dan menggunakan template halaman. Ketika perlu untuk membuat halaman untuk pembelanja, itu meraih spesifikasi produk yang tepat dari database dan tempat-tempat yang menjadi spesifikasi template. Isi menggabungkan dan template yang diberikan dan Anda memiliki halaman web yang dibuat secara dinamis.

Jika Anda perlu mengubah informasi produk, Anda hanya perlu membuat satu perubahan ke database, dan jika Anda perlu mengubah template, Anda mungkin hanya perlu membuat satu perubahan ke file template, terlepas dari berapa banyak produk total yang Anda miliki .

Untuk toko e-commerce Anda, Anda akan ingin menggunakan CMS. Beberapa shopping cart, by the way, juga CMS e-commerce. Misalnya, Jalan elastis , Magento , Volusion , Interspire , LemonStand , Shopify , dan lain-lain banyak CMS e-commerce yang sangat mampu. Sementara shopping cart lainnya, seperti Instinct ini WP e-Commerce plug, ke CMS web lainnya.

Hanya menemukan solusi yang sesuai kasus bisnis Anda, dan perhatikan bahwa hampir tidak ada kasus bisnis untuk tidak menggunakan CMS.
Menjumlahkan Up

Ada banyak web yang baik profesional desain. Dengan memahami konsep-konsep desain dasar lima, pedagang e-commerce dapat berkomunikasi lebih baik dengan para profesional, dan memahami masalah desain yang terlibat dengan situs e-commerce mereka sendiri.

baca yuk disini Agenda Yahudi Illuminati/Freemasonary Melenyapkan Indonesia dan Negara Islam Lainnya