Saját tervezés létrehozása
Az online áruház fő feladata az, hogy eladja. A vevő vonzerejét a vevő szempontjából az alapvető kényelem kényszeríti. Mi ez a kényelem?
A vásárlási folyamat a vevő szempontjából
Vevő, aki eléri a boltot, gondoskodnia kell (és gyorsan) arról, hogy:
- eljutott a boltba a megfelelő termékválasztékkal,
- Az üzlet a faluban van, vagy átadhatja neki,
- megismerheti a bolt szabályait,
- megismerheti a fizetési és szállítási folyamatokat, és van egy mechanizmus a folyamatok ellenőrzésére,
- gyorsan kapcsolatba léphet az üzlet személyzetével a kérdések tisztázása érdekében;
- gyorsan meg tudja érteni:
- hogyan lehet meghatározni a kívánt termék elérhetőségét,
- hogyan kaphat információt a kiválasztott termékről,
- mit kell tennie a vásárláshoz?
Mi legyen a boltban?
A vevő az online áruházba került. Mit szeretne látni az érdekelt online áruház oldalain? Mit szeretne látni, amikor vevőként jön az online boltba? Logikus feltételezni:
- a tevékenység iránya,
- helyét "alapozza" a bolt,
- navigációs menü,
- A beviteli mező a keresésre a boltban,
- a bolt neve.
Milyen információkat keres a vevő a menüben? valójában:
Tehát mi a jó design?
A jó design egyszerűség és kényelmes navigáció, érthető és kényelmes felület. A vevőnek azonnal meg kell értenie a keresést, a kosarat, a fizetést és az áru megszerzését. És hagyja, hogy az alapvető gombok elég nagyok legyenek, akkor a vevőnek nem kell sokáig tartania.
A dekorációról
Következő: kevesebb dekoráció. Az internetes áruháznak elsősorban szüksége van a funkcionalitásra; ez a funkcionalitás, és meg kell jelennie a teljes professzionalizmus a tervező a bolt design. Az online áruház tervezése egy megfelelően kialakított struktúra, ideológiai integritás és kényelem a látogatók számára. de nem a halvány képeken, amelyekben a tervezők gyakran kifejezik magukat. Az online áruház mindig nagy mennyiségű információt tartalmaz, nincs szükség további kiegészítésre. A bannerek sokaságából, villogó, villogó flash meghajtókból nehéz a vevőt koncentrálni, és lehet, hogy vágya van az oldal gyors bezárására.
A letöltési sebességről
A fotókról és a leírásokról
Ez azonban nem jelenti azt, hogy a fényképeket és az áruk részletes leírását meg kell menteni. A vevő minden bizonnyal szeretné látni a potenciális vásárlást is - nos, és kérésére megmutatja neki az áru nagyméretű fotóit. emlékeztetve arra, hogy a letölthető információ mennyisége jelentős - és talán kicsit várni kell.
Adjon maximális tájékoztatást a vásárlónak a termékről. Az áru részletes leírása nem feltétlenül elegendő a gyártó honlapján található leírás másolatához. A legszélsőségesebb - tegyen egy linket a gyártó weboldalához, ahol ilyen információ található. Bár a gyártó weboldalán részletesen elmagyarázza a bolt látogatót az úton, egy versenytárs vagy a gyártó által ajánlott kereskedő felé sétálhat.
A minőségről
De! Az egyszerű kialakítás nem jelenti a tervezés hiányát. A rossz megjelenés és a hibás szövegek garantálják a látogató bizalmatlanságát - a boltot minőségi módon kell elvégezni.
Néhány oldalról
De a legfontosabb oldal az "Áruk". Itt az eladók általában tudják, hogyan kell eldobni. Az árukkal kapcsolatos katalógusok azonban sok követelménynek vannak kitéve, amelyek közül néhány ellentmondásos. Itt mondjuk egy fa szerkezetet. Jó, de elágazott egy jellemző szerint, például célként. És mi van akkor, ha a vevő csak egy adott gyártó termékeire vonatkozik? - nyilvánvalóan szűrni. És ha kettő? - ez már bonyolultabb. És az eredmény ára rendeződik? Általában nem minden olyan nyilvánvaló. Lehet-e példa egy ilyen egzotikus helyzetre? - igen, könnyű, és egyáltalán nem egzotikus! Szükség van, például, a lehető legkisebb költséggel a látogató merevlemez 2,5”SATA Hitachi vagy Seagate termelési kapacitása 120 GB szabad készlet most. Gyorsan, azt fogja találni, hogy a boltban?
Bármelyik boltban, mint általában. van egy "keresés". És általában nem alkalmas ilyen problémák megoldására. Kényelmes lenne egy keresés, amely felsorolja az oldalra vonatkozó kéréslistát, és megkeresheti azt egy másik kérelemben (keresés a találatban). Ideális esetben, ha az áruk bármely paraméterének végleges listáját is rendezed, megteheted.
A fentiek mellett az áruház egyik oldalán meg kell határoznia az ügyféllel fennálló kapcsolatrendszert, és kifejezni azt:
- a közbeszerzési szerződés (ajánlat) megkötésére irányuló nyilvános ajánlatban;
- egy ilyen megállapodás hatálybalépésének mechanizmusa;
- a webhely használatának szabályaiban.
Fontos, hogy a mechanizmus a rendelés árut online áruház lehetővé teszi, hogy egy jogilag releváns bizonyítékok átvételét és elfogadását a vevő által az ajánlat feltételeit, és nem sérti a követelményeket a törvény a fogyasztóvédelemről és a megrendelés értékesítési távolról.
A használt színekről
Válassza ki a színeket a design a bolt óvatosan. Meg kell:
- Biztosítsa a feliratok olvashatóságát és a gombok láthatóságát,
- jó egyesíteni egymást egy oldalon,
- a márka "felismerhetőségének" biztosítása, ha az áruház márkás,
- legyen vonzó a célközönség számára.
Ez nehéz lehet elérni, ha nem veszik észre, hogy:
- a látogató és a tervező eltérő méretű és színes reprodukciós kijelzőkben (és ezek beállításai természetesen más is),
- különböző böngészők különböző módon láthatják az azonos oldalelem színeit.
- a látogató kis számú színnel (2, 16, 256, 65536) bekapcsolhatja a megjelenítési módot,
- a látogató leválasztható grafikus betöltési módra a boltba való belépéskor.
A jó design jele lesz, ha a felsorolt változatok nagy részében a bolt helyszíne felhasználható a rendeltetésszerű célra.
Ellenőrizze, hogyan jelenik meg az online áruház különböző böngészőkben, operációs rendszerekben és különböző felbontásokkal. Ezt az alábbi szolgáltatásokkal teheti meg:
Az online bolt látogatói webböngészőjének minden oldala megjelenik a forráskód értelmezésének eredményeként, amelyet a szerver fogad.
Az oldal kódot a szerveren generálják több elem kombinálásával:
Az oldalmegtekintést a látogató böngészője alkotja:
Az oldalkód generálás részletesebb leírását itt ismertetjük.
Nem szabad elfelejtenünk, hogy a böngésző különböző böngészői és akár ugyanazon böngésző különböző verziói kissé megkülönböztetik az oldalt az azonos oldal kódjától.
Egyes böngészők a lehetőséget, hogy megmutassa nem csak az eredmény értelmezése a kódlapot, hanem a kód a lap abban a formában, amelyben azt megkapják a szerverről, hogy lehet használni a hibakeresés a kódot alkatrészeket.
Oldalsablon
Az oldalsablon egy HTML nyelvű szöveg, amely az oldalnézet kialakításának alapja. A sablon a HTML szöveg mellett a képfájlokhoz és beszúrásokhoz való linkeket is tartalmaz a "Liquid" nyelvben, amely lehetővé teszi, hogy az oldal szövegében szerepeljen a tárolt adatbázisból megváltoztatandó adatok.
A sablonok módosításának folyamatát itt ismertetjük.
Változó adatok az oldalon
Az oldalon található adatok úgy kerülnek kialakításra, hogy beillesztik az oldal szövegébe az oldal sablonokban található "Folyadék" nyelvek üzemeltetői által végrehajtott eredményeket. A "Liquid" nyelv alkalmazásáról itt olvasható. Itt találhatók a szabványos téma sablonjaiban található elérhető objektumok.
Stílusfájlok
A stílusfájlokat a szerver az oldal szövegének részeként adja át, és a látogató böngészője az oldal generált tartalmára alkalmazza a CSS nyelvének szabályai szerint.
A stílusfájlok (.css) módosításának folyamatát itt ismertetjük.
A szkriptfájlok (.js) módosításának folyamatát itt ismertetjük.
Képek az oldalon
A képek különböző formátumú (.png. Jpg. Gif) képeket tartalmazó fájlok, amelyeket az internetes böngésző az oldal sablon szövegében meghatározott oldalakon jelenít meg.
Itt ismertetjük az új képfájlok letöltését.
Mielőtt továbblépne a saját tervezésére, a következő kérdésre kell válaszolnia:
Miért változtasd meg a bolt tervét?
A bolt tervének megváltoztatása különböző célokat követhet:
- Tegye meg a boltját másoktól eltérően, ugyanazzal a standard témával;
- A célközönség vonzóbbá tegye üzletét;
- A látogatók számára kényelmesebbé tegye üzletét, mint standard témákban;
- figyelembe veszi a bolt tervezési és navigációs rendszerében a javasolt termékválaszték jellegét:
- megváltoztathatja egyes események feldolgozásának módját: pl. a hiányzó termék megjelenítési ablakából való elrejtés helyett a "Rendelés alatt" felirat vagy az "Értesítés a beiratkozásról" felirat jelenjen meg.
Az alapértelmezett téma módosítása
A szabványos téma megváltoztatásával kiválaszthatja a tárolási funkciók típusát és készletét, amelyek a legközelebb állnak ahhoz, amit a végén szeretnénk elérni. Ez nagymértékben leegyszerűsíti a tároló további módosítását. A témát módosítani kell, ha:
- egy másik téma olyan lehetőségekkel rendelkezik, amelyek közelebb vannak ahhoz, amire Önnek szüksége van, mint a jelenlegi téma;
- egy másik téma vizuális megjelenése közelebb áll ahhoz, amire Önnek szüksége van, mint a jelenlegi téma.
Hogyan változtathatjuk meg az áruház témáját és a szabványos témák lehetőségeit.
Oldalak hozzáadása és szerkesztése
Új oldalakat adhat hozzá a következőhöz:
Ez a lista természetesen nem teljes. Itt olvashat le egy áruház új oldalának létrehozásáról vagy meglévő szerkesztéséről.
Navigáció módosítása
Annak érdekében, hogy a hozzáadott oldalak elérhetők legyenek a látogatók tárolására, a navigációs ablaktáblában linkeket kell elhelyezniük.
A menü létrehozása és konfigurálása itt olvasható.
A téma megváltoztatása
A téma megváltoztatása - ellentétben a szabványos témák megváltoztatásával - abban az esetben szükséges, ha egyik szabványos téma sem felel meg a megjelenésnek, sem a funkcióknak. Annak érdekében, hogy a választott téma jobban megfeleljen az Ön igényeinek, megváltoztathatja az összetevőket. ahonnan a bolt oldalai alakulnak ki.
A téma testreszabása
Néhány téma lehetséges. Lehetővé teszi a háttérszín, a szín és a betűkészletek testreszabását.
Képek cseréje
A legegyszerűbb módja annak, hogy a boltod eltérõ legyen másoktól ugyanazt a standard témát használva, azáltal, hogy felváltja az áruházban használt képeket.
Itt töltheti fel az új képfájlokat.
Sablonok módosítása
A sablonok módosításával elérheti a tárolási oldalak típusát, azaz az oldal különböző részei elrendezését, elhelyezését, méretét, színét, hátterét és egyéb paramétereit az ezen részeken megjelenített információkkal. Ezek a változtatások eltérőek lehetnek különböző célú oldalakon, mert a műveletek különböző sablonokkal rendelkeznek.
A sablonok módosításának folyamatát itt ismertetjük.
Betétek behelyezése folyadékra
A Liquid betétek használata:
Stílusok módosítása
A CSS stílusfájlok megváltoztatásával a következőket teheti:
- betűtípus-paraméterek módosítása:
- fejhallgató
- méret,
- szín;
- bekezdésparaméterek módosítása:
- elhelyezés,
- francia
- vonal távolság,
- összehangolás;
- módosítsa a háttérszínt;
- Módosítsa azon elemek elhelyezését, amelyek elhelyezését nem definiálják az oldal sablonban.
A stílusfájlok (.css) módosításának folyamatát itt ismertetjük.
- A tároló oldalnézetét a látogató műveleteitől függően vagy egy idő után kell megváltoztatnia, anélkül, hogy újra megkapja a szerverről;
- Szükséges a kiszolgálón lévő adatok módosítása a látogató tevékenységétől függően vagy egy idő után.
A szkriptfájlok (.js) módosításának folyamatát itt ismertetjük.