Crearea propriului design

Principala sarcină a unui magazin online este de a vinde. Atractivitatea magazinului din punctul de vedere al cumpărătorului este determinată de confortul elementar necesar. Ce este aceasta comoditate?

Procesul de cumpărare din perspectiva cumpărătorului

Cumpărătorul, lovind magazinul, trebuie să vă asigurați (și rapid) că:

a ajuns la magazin cu sortimentul bun de bunuri,
Magazinul se află în satul său sau îl poate livra,
el se poate familiariza cu regulile magazinului,
el se poate familiariza cu procesele de plată și livrarea de bunuri și există un mecanism de control al acestor procese,
el poate contacta rapid personalul magazinului pentru a clarifica orice probleme;
el poate înțelege rapid:
- cum să determinați disponibilitatea produsului dorit,
- cum să obțineți informații despre produsul selectat,
- ce să faceți pentru a efectua o achiziție.

Ce ar trebui să fie pe site-ul magazinului?

Cumpărătorul a venit la magazinul online. Ce vrea să vadă pe paginile magazinului online interesat? Ce doriți să vedeți când veniți la magazinul online ca cumpărător? Este logic să presupunem:

direcția de activitate,
loc de "bazare" magazin,
meniu de navigare,
Câmpul de introducere pentru căutarea în magazin,
numele magazinului.

Ce informații caută cumpărătorul în meniu? de fapt:

Deci, ce este un design bun?

Un design bun este simplitatea și navigarea convenabilă, o interfață inteligibilă și confortabilă. Cumpărătorul trebuie să înțeleagă imediat cum să caute, unde este coșul, cum să plătească și unde să primească bunurile. Iar toate butoanele de bază să fie destul de mari, atunci cumpărătorul nu va trebui să ia mult timp pentru a intra în ele.

Despre decorare

În continuare: mai puțin decorațiuni. Internet shop-ul are nevoie de funcționalitate în primul rând; este în funcționalitate și ar trebui să manifeste întregul profesionalism al designerului designului magazinului. Designul magazinului online este o structură bine concepută, integritate ideologică și comoditate pentru vizitatori. dar nu în imaginile slabe, în care designerii se exprimă adesea. Magazinul online conține întotdeauna o gamă largă de informații, fără a mai fi necesară adăugarea suplimentară. Din abundența de bannere, mișcări rapide, declanșarea flash-urilor, cumpărătorul este dificil de concentrat și poate avea dorința de a închide rapid această pagină.

Despre viteza de descărcare

Despre fotografii și descrieri

Cu toate acestea, acest lucru nu înseamnă că trebuie să salvați fotografii și descrieri detaliate ale mărfurilor. Cumpărătorul va dori cu siguranță să vadă potențialul de cumpărare bine - și să-i arate fotografiile de bună calitate ale produselor la cererea sa. amintind că cantitatea de informații descărcată este semnificativă - și poate că trebuie să așteptăm puțin.

Oferiți clientului informații maxime despre produs. Nu este suficientă o descriere detaliată a mărfurilor, o copie a descrierii de pe site-ul web al producătorului. La extremă - puneți un link către site-ul web al producătorului, unde aceste informații sunt conținute. Deși, lăsând pentru detalii pe site-ul producătorului, un vizitator de magazin pe șosea se poate rătăci la un concurent sau la un dealer recomandat de producător.

Despre calitate

Dar! Designul simplu nu înseamnă lipsa designului. Un aspect slab și texte cu erori sunt garantate pentru a provoca neîncredere în vizitator - magazinul ar trebui să se facă calitativ.

Despre unele pagini

Dar cea mai importantă pagină este "Bunuri". Aici, vânzătorii se cunosc de obicei cum să dispună. Cu toate acestea, directoare cu bunuri are o mulțime de cerințe, dintre care unele sunt contradictorii. Aici, sa zicem, o structura de copac. Este bine, dar ramificat în funcție de o caracteristică, de exemplu, de scop. Și ce se întâmplă dacă cumpărătorul este interesat numai de produsele unui anumit producător? - este evident de filtrat. Și dacă doi? - acest lucru este deja mai complicat. Și prețul rezultatului este sortat? În general, nu totul este atât de evident. Un exemplu poate duce la o astfel de situație exotică? - da, este ușor, și nu exotic deloc! Este necesar, de exemplu, costul minim pentru vizitator hard disk IDE 2.5“, SATA, Hitachi sau Seagate capacitate de producție de 120 Gb stocului disponibil acum. Rapid, el va găsi în magazin?

În orice magazin, de regulă. există o căutare. Și, de regulă, nepotrivit pentru rezolvarea unor astfel de probleme. Convenabil ar fi o căutare, listarea pe pagină a solicitării pe listă, cu posibilitatea de a căuta o altă solicitare (căutarea în căutarea găsită). În mod ideal, dacă sortați și lista finală pentru orice parametru al mărfurilor, ați putea.

Pe lângă cele de mai sus, pe una din paginile site-ului magazinului trebuie să definiți sistemul dvs. de relații cu clientul și să îl exprimați:

în oferta publică de a încheia un contract (ofertă);
mecanismul de intrare în vigoare a unui astfel de acord;
în regulile de utilizare a site-ului.

Este important ca mecanismul de a comanda bunuri magazin online vă permit să aibă o confirmare de primire probe relevante din punct de vedere și acceptarea de către cumpărător a condițiilor ofertei și nu a încălcat cerințele legii privind protecția consumatorilor și ordinea de vânzări la distanță.

Despre culorile folosite

Alegeți culorile pentru designul magazinului ar trebui să fie atent. Acestea trebuie:

Asigurați-vă că lizibilitatea inscripțiilor și vizibilitatea butoanelor,
este bine să se combine între ele pe o singură pagină,
pentru a oferi "recunoașterea" mărcii, în cazul în care magazinul este marcat,
să fie atractivă pentru publicul țintă.

Acest lucru poate fi dificil de realizat, dacă nu este trecut cu vederea că:

vizitatorul și designerul sunt diferiți în ambele ecrane de reproducere a dimensiunilor și culorilor (și setările lor, de asemenea, desigur, sunt diferite),
browserele diferite pot afișa culorile aceluiași element în diferite moduri.
vizitatorul poate activa modul de afișare cu un număr redus de culori (2, 16, 256, 65536),
vizitatorul poate fi deconectat modul de încărcare a graficii la momentul intrării sale în magazin.

Un semn de design bun va fi, dacă la cele mai multe dintre variantele enumerate site-ul magazinului rămâne utilizabil în scopul propus.

Verificați modul în care magazinul dvs. online este afișat în diferite browsere, sisteme de operare și cu rezoluții diferite. Puteți face acest lucru pe următoarele servicii:

Fiecare pagină a browserului web al vizitatorului magazinului online se afișează ca urmare a interpretării codului său sursă, care este primit de la server.

Codul paginii este generat pe server prin combinarea mai multor elemente:

Pagina de vizualizare este formată din browser-ul vizitatorului:

Un proces mai detaliat de generare a codului paginii este descris aici.

Trebuie avut în vedere faptul că diferite browsere și chiar versiuni diferite ale aceluiași browser pot diferenția ușor imaginea paginii de același cod de pagină.

Unele browsere au posibilitatea de a arăta nu numai rezultatul interpretării paginii de cod, dar, de asemenea, codul paginii în forma în care a fost primită de la un server care poate fi utilizat pentru depanarea componentelor de cod.

Șablon de pagină

Un șablon de pagină este un text în limba HTML, care este baza, cadrul pentru formarea vizualizării paginii. Șablonul conține, pe lângă textul HTML, și link-uri către fișiere imagine și inserări în limba "Liquid", care vă permite să includeți în textul paginii datele care trebuie schimbate din baza de date a magazinului.

Procesul de modificare a șabloanelor este descris aici.

Date variabile pe pagină

Datele de pe pagină se formează prin inserarea în textul paginii a rezultatelor executării operatorilor limbii "Liquid" conținute în șabloanele de pagină. Despre aplicarea limbajului "Liquid" este posibil să citiți aici. Obiectele disponibile în șabloanele setului de teme standard sunt listate aici.

Fișiere de stil

Fișierele de tip sunt transferate de server ca parte a textului paginii și sunt aplicate de browser-ul web al vizitatorului la conținutul generat al paginii în conformitate cu regulile limbii CSS.

Procesul de a face modificări fișierelor de stil (.Css) este descris aici.

Procesul de a face modificări în fișierele script (.js) este descris aici.

Imagini pe pagină

Imagini - fișiere care conțin imagini în diverse formate (.png jpg gif ..), care sunt afișate în browser-ul de pe pagina, definite în textul șablonului de pagină.

Procesul de descărcare a fișierelor imagine noi este descris aici.

Înainte de a începe să lucrați la propriul design, trebuie să răspundeți la întrebarea:

De ce să schimbați designul magazinului?

Modificarea designului magazinului poate urmări diferite obiective:

Faceți magazinul dvs. diferit de alții utilizând aceeași temă standard;
Faceți-vă magazinul mai atractiv pentru publicul țintă;
Faceți magazinul dvs. mai convenabil pentru vizitatori decât se face în subiecte standard;
să țină seama în sistemul de proiectare și navigare al magazinului natura sortimentului propus de produse:
modificați modul în care sunt procesate unele evenimente: de exemplu, în loc să ascundeți de fereastra de afișare produsul lipsă, arătați inscripția "Sub comandă" sau butonul "Notificare despre admitere".

Schimbați tema implicită

Prin schimbarea temei standard, puteți alege tipul și setul de funcții de magazin care sunt cel mai aproape de ceea ce doriți să obțineți în cele din urmă. Acest lucru poate simplifica foarte mult modificarea suplimentară a magazinului. Subiectul ar trebui modificat dacă:

un alt subiect are un set de posibilități mai aproape de cel cerut de tine decât subiectul actual;
o altă temă are un aspect vizual mai aproape de cel cerut de tine decât subiectul actual.

Modul de schimbare a temei magazinului și posibilitățile pentru teme standard sunt descrise aici.

Adăugarea și editarea paginilor

Puteți adăuga pagini noi pentru:

Această listă, desigur, nu este exhaustivă. Cum de a crea o pagină nouă a unui site de magazin sau de a edita o pagină existentă este descrisă aici.

Modificați navigația

Pentru ca paginile adăugate să devină disponibile pentru a stoca vizitatorii, trebuie să plasați linkuri către ele în panoul de navigare.

Crearea și configurarea meniului este descrisă aici.

Schimbarea temei

Schimbarea temei, spre deosebire de schimbarea temelor standard, este necesară în cazul în care niciuna dintre temele standard nu vă poate satisface aspectul sau un set de funcții. Pentru a aduce tema aleasă mai aproape de cerințele dvs., puteți schimba toate componentele. din care se formează paginile magazinului.

Personalizați tema

Sunt incluse în posibilitatea unor subiecte. Vă permite să personalizați culoarea de fundal, culoarea și casca de fonturi.

Înlocuirea imaginilor

Cea mai ușoară modalitate de a face magazinul dvs. diferit de alții utilizând aceeași temă standard este înlocuirea imaginilor care sunt utilizate în paginile magazinului.

Cum se încarcă fișiere imagine noi este scris aici.

Schimbarea șabloanelor

Prin modificarea șabloanelor, puteți obține o modificare a tipului de pagini de magazin, adică aspectul, destinația, dimensiunea, culoarea, fundalul și alți parametri ai diferitelor părți ale paginii, cu informațiile afișate pe aceste părți. Aceste modificări pot fi diferite pentru pagini cu scopuri diferite, deoarece operatorii au diferite șabloane.