Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Workflow
Webdesign

Pedoman Magento proyek untuk desainer

by
Length:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Keti Pritania (you can also view the original English article)

Selamat datang ke ini, koleksi pedoman merancang untuk Magento. Kita akan mengenal platform, dengan berjalan melalui setiap aspek Anda harus mempertimbangkan dalam desain Anda.

Tujuan dari panduan ini adalah untuk meningkatkan kesadaran merancang untuk tujuan dan teknologi tertentu (Magento), sambil menerapkan praktik umum terbaik untuk desain e-commerce.


Pengenalan

Siapa yang harus membaca ini? Yah, semua orang yang terlibat dalam menciptakan pengalaman e-commerce Magento, berarti: desainer, pengembang web dan akhirnya klien. Mendidik semua orang tentang proses, platform, dan pendekatannya sangat penting.


Itu adalah Magento

Magento sebagai kerangka adalah sekarang tiga tahun dan bahkan pada awal itu salah satu keuntungan besar dalam persaingan (selain menjadi powerhouse itu dan pemasaran): sebuah tema default yang dirancang dengan baik yang terkena kemungkinan-kemungkinan yang keras dan jelas. Pada kenyataannya, tema Modern sendirian membuat saya melihat lebih baik ke dalam kerangka seluruh sehingga profesi saya hari ini.

Intinya adalah hanya dengan menginstal Magento Anda mendapatkan pengalaman bertahun-tahun, pengujian, dan praktik terbaik dalam e-commerce. Apakah Anda melihat di halaman produk, halaman Katalog atau proses checkout seluruh, fondasi yang baik sudah diatur untuk Anda. Hal ini tidak semua sesuai untuk setiap toko tentu saja, dan itu adalah di mana Anda datang.

Dalam panduan ini saya akan pergi melalui semua tampilan halaman yang penting di Magento

Sangat penting untuk melewati seluruh pengalaman berbelanja untuk merasakan platform yang Anda rancang. Cara terbaik untuk melakukannya akan menjadi untuk mengunjungi toko demo setelah membaca panduan ini dan pergi melalui proses belanja untuk produk, mencari produk tertentu, memeriksa proses memeriksa sebagai pelanggan terdaftar atau tidak terdaftar.

Langkah berikutnya akan benar-benar menempatkan diri Anda dalam posisi pemilik toko dengan pergi ke panel administrasi untuk mendapatkan perspektif dari bagaimana pengaturan dan masukan dari panel administrasi mempengaruhi front-end.

Dalam panduan ini saya akan membahas aspek-aspek penting merancang pengalaman pengguna dengan pergi melalui semua tampilan halaman yang penting di Magento. Dengan melakukannya, Anda akan memiliki pandangan yang lengkap tentang toko, membuatnya mudah untuk melacak kemajuan proyek, dan itu akan membantu Anda menyajikan keputusan desain / proposal Anda kepada klien.

Mari kita mulai...


Bagian utama dari toko

Ada beberapa bagian besar yang perlu ditutupi dengan desain Magento masing-masing:

  • Halaman CMS
  • Kategori halaman daftar produk
  • Produk Lihat Halaman
  • Halaman login/daftar pengguna - (Lihat log atau tamu)
  • Halaman account pengguna
  • Proses checkout

Dalam rangka untuk sepenuhnya memahami bagian yang disebutkan di atas itu sangat disarankan untuk pergi ke Magento demo toko dan mengambil beberapa waktu untuk menjelajahi front-end dan back-end. Di bagian bawah halaman demo ada tiga pilihan untuk Front-end, back-end dan kemudian demo toko multi untuk edisi masyarakat Magento.


Halaman rumah

Home Page screenshot

Home page adalah bagian depan toko dan harus selalu alamat pendatang baru dan pelanggan tetap, terdaftar atau tidak terdaftar, dengan toko Anda untuk menjaga mereka terlibat dan informasi.

Salah satu praktik terbaik adalah untuk menampilkan produk-produk baru dan Terpilih untuk pelanggan setia, Selain menampilkan kategori produk utama bagi pendatang baru. Menyajikan pengguna dengan jelas pilihan yang terlibat langsung adalah kunci, meskipun menemukan keseimbangan kerja benar-benar keras yang melibatkan pengujian data nyata. Untungnya, Anda selalu dapat menggunakan tata letak dan variasi konten yang berbeda saat melakukan pengujian A / B dan melihat apa yang berhasil.

Hal ini juga tempat yang sangat baik untuk menyatakan yang tidak begitu jelas: pengiriman ketersediaan, aman belanja, Info tentang proses belanja, link ke kebijakan toko dan sebagainya. Segala sesuatu yang dapat mengatasi keraguan, pertanyaan Selamat datang. Sebagai imbalannya, memastikan hubungan yang baik dari awal.

Saya tidak akan merinci tentang halaman ini karena ada banyak artikel yang membahas tantangan ini.


Halaman Kategori

Demo URL: Halaman kategori

Category page

Perut toko Anda memerlukan perhatian ekstra. Ini adalah mana Katalog Anda harus bersinar dari kedua sudut pandang arsitektur dan front-end. Anda tidak bisa kembali dan desain ulang seluruh hal hanya karena inventaris toko Anda tidak diatur dengan benar, atribut, kategori, harga dll. Saya akan alamat ini baik sebagai "Katalog desain" atau "Katalog arsitektur"

Dengan asumsi Anda tetapkan Katalog Produk Anda dengan perawatan dan perhatian Anda akan sekarang memiliki aspek-aspek penting dari halaman untuk perawatan berikutnya:

Produk penyaringan

  • Tampilan grid
  • Tampilan daftar

Menganggap Anda akan membutuhkan keduanya di jalan, penting untuk desain kedua pandangan ini.

Menyortir produk

Ini adalah fitur yang mencerminkan seberapa baik 'Desain Katalog' telah dilakukan, dan Anda harus memberi perhatian ekstra pada kebutuhan pelanggan Anda jika Anda bermaksud memberdayakan mereka untuk menemukan apa yang mereka cari.

Secara default di Magento, menyortir produk dalam kategori dan subkategori masing-masing yang dilakukan melalui drop-down yang berisi daftar atribut yang Anda tetapkan untuk menjadi sortable dalam admin panel.

Dari sudut pandang kegunaan, Anda harus mempertimbangkan menyesuaikan satu ini dengan menghilangkan kebutuhan untuk itu "panah" yang digunakan untuk mendaki dan menuruni nilai-nilai.

Kiat: Ini hanya beberapa jam kerja ekstra tetapi membayar untuk memiliki opsi 'A-Z' dan 'Z-A' yang terdaftar di bawah yang lain daripada menggunakan klik ekstra tidak intuitif untuk itu.

Harga

Cepat atau lambat Anda akan harus berurusan dengan: "Harga khusus", "Tingkat harga", "dari-untuk" menampilkan harga, "Harga sebagai dikonfigurasi", sehingga lebih baik untuk memiliki orang-orang yang sudah direncanakan di wireframes. Harga memiliki bagian mereka sendiri nanti dalam artikel ini.

Peringkat

Selain semua data untuk satu daftar produk pada halaman kategori di sini, peringkat adalah aspek lain yang perlu direncanakan lebih awal di awal kerangka gambar, atau setidaknya pada tahap desain.

Mereka sangat menarik karena visibilitas mereka dapat diatur di tingkat izin sehingga hanya pengguna terdaftar dapat benar-benar meninjau. Hal ini menciptakan berbagai versi halaman berdasarkan melihat izin.

Halaman kategori ini juga tempat yang tepat untuk produk tag yang "On Sale", "Mengangkat tangan" atau mungkin "Coming Soon" dengan beberapa grafis informatif tampak bagus.


Halaman produk

Dengan Magento Anda memiliki 6 + 3 jenis produk Anda inginkan, dimana 3 tersebut ditempatkan di seluruh toko sebagai "Up-Selling", "Cross-menjual" atau "Terkait" produk.

Anda perlu tahu platform Anda merancang untuk

Penting untuk membahas jenis produk apa yang akan digunakan di toko, sehingga Anda dapat secara efektif mendesain untuk yang khusus.

Pada tahap ini, merancang halaman produk, ini adalah saat Anda akan benar-benar perlu untuk mendapatkan diri Anda akrab dengan struktur tata letak dan template jika Anda belum melakukannya. Atau, berkonsultasilah dengan pakar Magento tentang implikasi apa yang akan desain Anda miliki pada pengembangan halaman yang sebenarnya.

Produk sederhana

URL Demo: Ponsel Nokia 2610 - Halaman produk

Unsur-unsur berikut "Produk sederhana", secara umum, umum untuk semua jenis produk:

Tip: Gunakan "Pembakar" atau "Web Inspektur" untuk mengambil melihat elemen pada halaman demo aktual untuk diri sendiri.

  • Kotak penting produk
  • Kotak jaminan produk

Kotak penting produk

  • Kotak gambar produk
    • Gambar produk
    • Gambar Zoom slider
    • Lebih dilihat - gambar thumbnail
  • Toko Produk
    • Peringkat kotak
    • Ketersediaan kotak
    • Harga box
    • Tambahkan ke kotak - memegang Tambahkan ke tombol troli dan "Tambahkan ke wishlist" dan "Tambah untuk membandingkan"
    • Kotak Ikhtisar cepat

Kotak jaminan produk

Bagian halaman produk ini didedikasikan untuk 'Perincian', 'Menjual produk', 'Ulasan', 'Tag', dll.

Quirk Magento satu di sini adalah "Ulasan" yang akan ditampilkan kepada pengguna setelah ulang halaman, mengganti semua konten lain dalam kotak agunan. Beruang satu ini dalam pikiran ketika merancang, atau periksa artikel ini tentang bagaimana untuk membuatnya bekerja untuk Anda dari aliran konten template "default".

Produk sederhana dengan pilihan kustom

Demo URL: Produk sederhana dengan pilihan

Produk sederhana dengan kustom pilihan menambahkan bagian pilihan dengan "Add to Cart" kotak ditempatkan di dalam, karena akuisisi produk tergantung pada diperlukan maupun non opsi yang diperlukan. Ini harus disimpan dalam pikiran karena Halaman ini telah diperbarui dalam desain untuk produk sederhana.

Harga dapat ditetapkan sebagai "Harga khusus" atau "Harga biasa" dalam hal baik harus diatasi dalam desain. Juga, ada pilihan tier harga yang dijelaskan di basis pengetahuan Magento.

Bundel produk

Demo URL: Bundel produk

Halaman produk Bundle memiliki layout yang mirip dengan produk yang sederhana, dengan pengecualian harga yang dapat ditampilkan sebagai "Dari/ke" dan "Sebagai rendah sebagai", dan dengan penambahan "harga yang dikonfigurasi.

Dalam jenis produk Bundled, ada juga perbedaan dalam Umum dan halaman harga, sebagai berikut:

Bundel item: Paket item yang muncul di toko sebagai daftar pilihan yang tersedia. Untuk setiap pilihan yang Anda dapat mengkonfigurasi judul, jenis input (pilihan tunggal dan beberapa bidang tersedia), Apakah bidang wajib (misalnya: hal ini dapat benar untuk prosesor komputer dan palsu untuk baterai tambahan dari komputer laptop) dan posisinya pada halaman tersebut.

Lihat Harga: Menentukan apakah harga produk ditampilkan sebagai berbagai, dari komponen yang paling mahal untuk paling mahal (kisaran harga), atau hanya yang paling mahal ditampilkan (sebagai rendah sebagai).

Dikelompokkan produk

Demo URL: Produk dikelompokkan

Perbedaannya hanya signifikan bila dibandingkan dengan tampilan halaman "Sederhana Produk" adalah bahwa semua produk grup yang disajikan dalam tabel.

Produk dapat dikonfigurasi

URL Demo: Produk yang dapat dikonfigurasi

Halaman ini jenis produk memiliki pilihan dikonfigurasi produk berupa drop down mirip dengan yang terlihat pada "produk bundel".

Download produk

Demo URL: Produk download

Tata letak sangat mirip dengan tata letak "Produk sederhana" dan memiliki fitur "Sampel" yang menyediakan link ke bagian download produk yang sebenarnya"Download".

Setelah pembelian, pelanggan dapat mendownload produk dari halaman kasir.

Jika Anda belum melakukannya, Anda harus mendapatkan untuk mengetahui semua dalam produk ke luar dengan pergi melalui dokumentasi Magento dan menjelajahi batin kerja layout dan template.

Tujuan utama dari daftar setiap tampilan halaman "Jenis produk" adalah bahwa Anda harus membayar perhatian ke mana Anda menempatkan sebenarnya "tombol beli" dalam desain Anda. Sebagai aturan praktis logis, itu harus selalu diposisikan setelah semua pilihan dan pilihannya terdaftar. Umum kesalahan seperti menempatkan tambahan "tombol Buy" di atas dan bawah dari halaman produk adalah kegunaan dan teknis mimpi buruk, tapi aku pernah melihat contoh didukung oleh "tombol adalah cara di bawah flip" penalaran atau lebih buruk.

Contoh ini adalah ekstrim tapi itu juga menggambarkan apa yang terjadi jika desain piatu dari jalan kegunaan atau hanya melanggar fungsi halaman.

Satu kasus umum lainnya adalah ketika produk adalah keluar dari saham, namun masih terlihat di toko. Dalam hal bagian "Add to cart" tidak ditampilkan. Ini perlu ditangani dalam desain juga.


Atas menjual, Cross Jual dan produk-produk terkait

Seperti disebutkan di awal bagian "Jenis produk" ini, mereka tidak khusus jenis, tapi dengan penempatan pada halaman atau bagian situs.

Jual Produk

Demo URL: Sampai menjual produk

Up Jual Produk yang ditampilkan pada halaman produk dalam deskripsi produk. Contoh ini menyajikan keyboard yang lebih mahal dan produk lainnya sebagai up-menjual untuk keyboard kurang mahal.

Menjual produk

Demo URL: (Menambahkan sesuatu ke keranjang pertama) halaman keranjang

Cross-menjual produk muncul di keranjang belanja secara default. Ketika seorang pelanggan menavigasi ke halaman keranjang belanja (apakah secara otomatis setelah menambahkan produk atau sebaliknya), produk ini akan ditampilkan sebagai cross-menjual item sudah di keranjang belanja.

Cross-menjual produk dapat dilihat sebagai impuls pembelian, seperti majalah dan permen di cash register di toko kelontong.

Dianjurkan untuk menggunakan ruang ini dalam situasi di mana tidak ada produk cross-selling (tidak tersedia, kehabisan stok dan sebagainya) untuk spanduk toko, pesan kepada pelanggan dan sejenisnya.

Jenis produk dan Price(s)

Ini adalah titik di mana saya harus membuat rekap jenis produk dan berbagai opsi harga. Silakan merujuk ke dokumentasi Magento sesudahnya.

Jenis produk:

  • Produk sederhana dan produk sederhana dengan opsi
  • Dikelompokkan produk
  • Bundel produk dan "Bundel" dengan pilihan
  • Produk dapat dikonfigurasi dan "Dikonfigurasi" dengan pilihan
  • Produk yang dapat diunduh dan 'Diunduh' dengan opsi
  • Produk virtual dan "Virtual" dengan pilihan

Jenis harga:

  • Harga regular
  • Harga khusus
  • Dari dan ke harga
  • Harga sudah terkonfigurasi
  • Tingkat harga

Setiap produk dapat memiliki harga khusus selain harga reguler. Juga, harga khusus dapat diatur untuk memulai dan berakhir pada tanggal yang diinginkan.

'Dari / ke' dan 'Harga telah dikonfigurasi' ditampilkan pada produk bundel di mana harga berkisar dari item dengan harga terendah hingga item dengan harga tertinggi dalam bundel. Kategori halaman tidak akan hanya "Dari/ke" harga yang ditampilkan untuk produk yang sama.

Tingkat harga adalah alat promosi yang memungkinkan Anda harga item yang berbeda untuk jumlah yang lebih tinggi. Ini adalah cara yang efektif untuk memindahkan barang-barang lain.

Misalnya: Anda menjual perlengkapan kantor dan Anda ingin membuat promosi di mana pelanggan yang membeli tiga kotak kertas printer menghemat uang dibandingkan dengan hanya membeli satu kotak.

Selanjutnya kita akan pergi melalui "halaman keranjang" sehingga Anda mendapatkan selangkah lebih dekat untuk proses Checkout yang sebenarnya.


Keranjang belanja

Demo URL: (Menambahkan sesuatu ke keranjang pertama) keranjang

Jelas, ada dua negara bagian Troli: Kosong dan Berisi.

Penduduknya keranjang

Di sini kita memiliki halaman yang tercantum dalam dua baris. Pertama adalah tabel menampilkan produk-produk yang menunggu untuk dibeli. Di bawah mereka biasanya kita akan memiliki produk 'Cross Sell' (lihat produk 'Cross Sell'), kode diskon, Pengiriman dan Pajak dan akhirnya bagian checkout dengan subtotal, jumlah total, dan tombol 'Lanjutkan ke checkout'.

Secara singkat:

  • Keranjang belanja
  • Menjual kotak
  • Diskon & pengiriman & checkout tombol

Keranjang belanja adalah meja menampilkan item keranjang dengan nama kelas untuk bergantian gaya masing-masing baris tabel. Ini membantu membedakan produk dari satu sama lain ketika ada lebih banyak produk 4 di gerobak.

Salib Jual kotak muncul hanya jika produk mempunyai lintas menjual produk atau produk ditetapkan dari panel admin toko. Silakan lihat halaman Cross Sell.

Pengiriman & diskon kode dengan tombol Checkout ditempatkan dalam sebuah div (.cart-agunan-blok) dan karena mengandung Field input yang menampilkan pesan kesalahan yang mereka perlu dirancang terlalu.

Cart kosong

Halaman keranjang kosong ditampilkan ketika tidak ada produk dalam keranjang, jadi itu adalah kesempatan besar untuk membuatnya berharga untuk pengguna dengan merancang itu dengan beberapa panggilan untuk tindakan konten. Anda dapat menempatkan daftar kategori, kotak pencarian lanjutan dan / atau memberikan tautan kembali ke halaman Katalog yang terakhir dikunjungi


Checkout (Satu halaman)

Demo URL: (Menambahkan sesuatu ke keranjang pertama) satu halaman Checkout

Ada dua bagian utama di 'Halaman checkout':

  • 'Kemajuan checkout Anda' - menampilkan kemajuan checkout
  • 'Konten utama' - Langkah-langkah checkout di tab
    • Metode checkout
    • Informasi penagihan
    • Pengiriman informasi
    • Metode pengiriman
    • Informasi pembayaran
    • Ulasan Pesanan

Tujuan dari kasir "Satu halaman" adalah untuk menghindari "banyak langkah" merasa Anda akan mendapatkan jika setiap bagian dari proses checkout dari "Main konten" pada halaman terpisah. Oleh karena itu, di sini kita memiliki semua langkah yang digabungkan pada satu halaman dan data yang dilewatkan bolak-balik ke server melalui AJAX.

Kecuali Anda sedang ditantang dengan menciptakan sebuah checkout disesuaikan sepenuhnya hal ini sangat dianjurkan untuk hanya "kulit" bagian ini.

Dengan demikian Anda akan mendapatkan lebih sedikit sakit kepala dengan perkembangan dan itu akan mudah diupgrade di masa depan (sesuatu yang memberikan saran kepada klien pasti).

Satu kemungkinan perubahan dalam perilaku "tab" adalah untuk membuat mereka terlihat satu pada satu waktu dan menggunakan CSS3 atau JavaScript animasi untuk geser untuk langkah berikutnya atau sebelumnya. Tentu saja, Anda masih perlu "indikator kemajuan" yang bisa di atur di atas langkah checkout menunjukkan semua langkah-langkah dalam proses dan menyoroti satu saat ini.

Akhirnya, setelah pesanan telah ditempatkan, Magento akan menampilkan "Page sukses" dan itu adalah kandidat besar untuk menambahkan informasi tambahan tentang pembelian, tanggal pengiriman produk, urutan ringkasan dan mungkin beberapa insentif untuk melanjutkan belanja lebih terlibat daripada tombol "Continue Shopping" tua polos.

Jika sesuatu tidak berjalan seperti yang direncanakan checkout, baik, maka pengguna mendapat pesan kesalahan yang kita akan pergi melalui berikutnya.


Kotak Pesan

Dalam Magento semua interaksi kontekstual antara pengguna dan toko ditangani oleh kotak pesan. Kotak pesan dapat memiliki "Kesalahan pesan" atau "Sukses pesan" disajikan ke pengguna.

Karena interaksi ini adalah bagian penting dari pengalaman pengguna desain dan penempatan mereka harus dipertimbangkan sebagai prioritas dan bukan sebagai seorang setelah pikir.

Contoh pesan kesalahan dalam konteks:

Keberhasilan contoh pesan setelah mengirimkan data yang valid:

Contoh pesan kesalahan setelah mengirimkan data yang bebas dapat diterima:

Perhatikan contoh pesan setelah mengirimkan data:

Pertimbangan utama adalah penempatan tata letak dan konteks kotak pesan.

Desain harus cukup sederhana, karena mereka hanya perlu masuk ke dalam tampilan dan nuansa situs.


Cari

Demo URL: Hasil pencarian

Magento fungsi built-in pencarian pada frontend memiliki tiga cara untuk mencari produk:

  • Pencarian biasa - menggunakan kotak pencarian
  • Katalog pencarian - menggunakan halaman terpisah dengan pilihan untuk pengaturan Cari
  • Cari dengan Autocomplete - Cari dengan hasil secara otomatis disarankan

Itu pasti harus menjadi faktor kunci dalam setiap strategi toko online. Itu sebabnya Anda harus memberi perhatian khusus saat merancang halaman berikut:

Tidak ada halaman hasil

Apa pengguna akan melihat selain default "Kotak pesan" menginformasikan bahwa tidak ada yang ditemukan?

Apakah Anda akan memberi mereka saran dalam hal kata yang salah eja, dan / atau halaman pencarian lanjutan di mana pengguna Anda yang berpengetahuan luas atau cerdas dapat mencari berdasarkan SKU di antara kriteria lain?

Pencarian lanjutan

Formulir pencarian lanjutan

Hasil pencarian lanjutan

Cari Autocomplete


Halaman 404

Demo URL: Tidak ada untuk melihat...

Laman 404 datang sebagai default dengan Magento tapi, seperti favicon, itu dapat slip melalui celah-celah dan tidak mendapatkan perhatian yang layak. Menjadi halaman CMS Anda dapat merencanakan untuk pengguna "Oh tidak!" skenario dengan membuatnya kurang stres dan menyediakan strategi darurat bagi pengguna.


Blok sidebar

Saya menggunakan istilah "Sidebar blok" untuk segala sesuatu yang muncul di luar content utama, misalnya, dalam dua atau tiga kolom layout template.

  • Lapisan navigasi
  • Pemilih mata uang
  • Nawala
  • Tag populer
  • Pemilihan
  • Perbandingan produk
  • Produk-produk terkait
  • Keranjang belanja

Tidak perlu untuk pergi ke deskripsi rinci untuk masing-masing, melainkan hanya terdaftar mereka untuk semua orang untuk berfungsi sebagai pengingat.


Rekening dan transaksi email saya

Account saya

Woohoo! Kami akhirnya ke bagian yang di ujung paling penting.

Area Akun Saya di situs ini adalah apa yang akan dianggap pengguna sebagai tempat mereka sendiri untuk mendapatkan semua yang mereka butuhkan mengenai status pesanan, pengiriman, dan fitur lain yang Anda miliki untuk mereka.

Ini adalah tempat yang bagus untuk membangun kepercayaan antara pelanggan dan toko, menghindari tidak perlu komunikasi dengan memberitahukan pengguna terdaftar tentang setiap aspek dari pengalaman berbelanja mereka.

Merancang "My Account" daerah tanpa data nyata tentang kebutuhan pelanggan rumit, tetapi cobalah untuk mencari inspirasi di situs lain dengan menjadi pelanggan mereka atau menentukan apa baik dan yang buruk tentang toko Anda sudah terdaftar untuk.

Email transaksional

Ini adalah tangan kanan PR dan Hubungan Pelanggan. Untuk setiap pesanan yang telah ditempatkan, pengiriman atau pertanyaan umum yang dikirim ke pelanggan masing-masing mewakili toko dan menentukan seberapa baik hal itu dirasakan.

Anda harus desain untuk email ini siap sebelum peluncuran karena mereka memerlukan untuk berbaur dengan sisa identitas visual merek.

Untungnya, Magento memungkinkan Anda untuk memiliki kontrol penuh atas mereka. Anda dapat menemukan jawaban di salah satu posting yang lebih tua.


Kesimpulan

Saya menyadari satu ini sedikit yang panjang yang membaca jadi saya daftar beberapa highlight dan hal-hal yang penting pada akhir.

Anda harus datang kembali sesering Anda dapat dan merujuk ke artikel ini sebagai panduan umum atau pengingat ketika mendiskusikan proyek dan selama desain.

Pedoman Umum

  • Kenali platformnya - Anda akan membutuhkannya agar desain Anda berfungsi
  • Belanja pengalaman - hal ini sangat berharga. Mendapatkan satu.
  • Berkonsultasi dengan ahli Magento - umpan-balik cepat ketika dalam keraguan
  • Pikirkan - Bolak-balik: Sebagai pelanggan, pemilik toko dan pengembang

Penyerahan desain

Berikut adalah rekomendasi mengenai PSDs Anda dikirim ke pengembang atau klien. Ini juga akan menjadi besar untuk menggunakan beberapa jenis "Awan layanan" seperti "Dropbox" untuk berbagi.

  • Satu PSD - Atur dalam Layer Comps atau Layer Groups
  • Tambahkan catatan - menjelaskan apa, di mana, bagaimana dan mengapa bila diperlukan
  • Mendefinisikan warna - satu ini sangat berguna ketika coding CSS
  • Mendefinisikan hover, mengunjungi, negara-negara yang aktif dan normal untuk link

Ini dia. Anda telah datang ke akhir artikel dan mudah-mudahan akan menggunakan pedoman ini dalam proyek Anda. Sadarilah bahwa Anda selalu dapat kembali dan referensi ketika Anda perlu.

Ingat, tidak ada pemberitahuan apa yang Anda lakukan sampai Anda tidak melakukannya.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.