10 tipp egy nagyszerű webáruház tervezéséhez

Azok a vállalkozók és tégla- és habarcskereskedők, amelyek valaha is kibővülnek az online vásárlással, több lehetőséget kínálnak számukra, mint valaha, de több weboldal-megfontolással és műszaki lehetőséggel is rendelkeznek a megfejteniük számára. A hatékony webáruház kiépítéséhez még mindig vannak olyan kulcsrakész szolgáltatók, mint például a Wix Stores, amelyek gyors és egyszerűvé teszik a kezdeti jelenlét felbukkanását. De azok, akik komolyan gondolkodnak az online vállalkozásuk növekedéséről, rájönnek, hogy igényeik meglehetősen gyorsan meghaladják ezeket a kulcsrakész szolgáltatásokat.

Sok kérdést kell megválaszolni, mielőtt valami ténylegesen megjelenik a kibertérben, majd még sokkal inkább, amikor az üzleti vállalkozás lejár. Az ügyfelekre vonatkozó adatgyűjtés nagyszerű példa és nagy kérdés manapság, különösen minden olyan üzlet számára, amely belépni kíván az európai piacokra. A valuta átváltása és az eltérő e-kereskedelemről szóló törvények továbbra is nehéz problémákat jelentenek ezeken a piacokon, de most foglalkoznia kell az általános adatvédelmi rendelettel (GDPR) is, amely sokkal körültekintőbb kezelési eljárást követel meg az ügyfelek adatainak kezelésekor.

A tranzakcióbiztonság egy másik kulcskérdés, mert azt jelenti, hogy egyensúlyba kell hozni az ügyfelek biztonsága és a hány karikát, amelyre átugrani kell, mielőtt vásárolni tudnának. És nem számít, milyen döntéseket hoz a szokásos webhelyén, ugyanazokat a megbeszéléseket kell folytatnia a mobil iterációja érdekében. Mivel, bár a mobilitás minden bizonnyal a tavalyi kedves szóbeszédek egyike volt, a további 12 hónap semmi esetre sem csökkentette annak fontosságát.

A jelenlegi gondolkodásmód azt jelzi, hogy a webépítőknek először meg kell tervezniük a mobil élményt, majd szükség szerint módosítaniuk kell az asztali élményt.

"Minden elemnek és minden tartalomnak mobilban kell működnie kell" - mondta Jimmy Rodriguez, a 3dcart üzemeltetési igazgatója (COO). "Ha a semmiből indul, akkor a mobilra tervez. A reagáló kialakítás segítségével elkészítheti a weboldalt, hogy elindítsa a mobilon, majd elhozhatja az asztalra."

Az alábbiakban összeállítottuk a 10 fontos tippet annak érdekében, hogy megtervezhesse az elektronikus kereskedelem kirakatát mind a mobil, mind az asztali felhasználók számára. Rodriguez azonban azt javasolja, hogy mielőtt a vállalkozások beépítik bármelyiküket a raktárba, az A / B tesztelje ezeket a funkciókat egy adott termékoldalon, hogy megtudja, hogyan működnek, mielőtt a teljes weboldalukra megjelenítik őket.

1. Ragadós fejléc-navigáció

Mindannyian ott voltak: Görgettünk le egy termékoldal aljára, hogy elolvassuk a felhasználói véleményeket vagy a termék adatait, és készen állunk arra, hogy elhagyjuk az oldalt, hogy visszatérjen a menübe, hogy folytathassuk vásárlási utunkat. Sajnos ahhoz, hogy visszatérjen a menübe, általában az asztali billentyűzeten kattintson a „Page Up” gombra, vagy meg kellett koppintania a mobil eszközön a képernyő tetején.

A Sticky Headers segítségével lefelé görgetve a menü átméretezhető és beállítható. A menü az utazás mentén követi Önt, hogy a navigációt a képernyőn tartsa, ha gyorsan szüksége van az oldalak ugrására. Ezt a Bose.com webhelyen láthatja. Annak ellenére, hogy az oldal közepén helyezkedik el, továbbra is elérheti az oldal fő navigációját anélkül, hogy vissza kellene térnie a képernyő tetejére.

2. Hamburger menük

Noha a Hamburger menük a gyorséttermekhez legjobban illeszkedő funkciónak tűnnek, ezek gyorsan szükségessé válnak a mobil eszközökkel sok üzleti tevékenységet végző vállalatok számára. Már látta őket: A Hamburger Menük a mobil navigáció és a menük általános mobil ikonjává váltak.

Három vízszintes vonallal rendelkeznek, amelyek megnyomásakor a weboldal navigációjának legördülő menüje található. Különösen hasznosak olyan mobil eszközökön, ahol a képernyőn megjelenő ingatlan prémium. De elkezdjük látni őket asztali webhelyeken is, így a fogyasztók hasonló tapasztalattal rendelkeznek a vállalati weboldalakon, függetlenül az általuk használt készüléktől.

"Sokan látják a Hamburger menüket, és tudják, mit jelent, de nem tudják, hogy alapvetően ez az új szabvány" - mondta Rodriguez. "A mobil látogatók megtanultak ennek a szimbólumnak a jelentését, és a weboldalaknak át kell venniük azt a mobil navigáció standardjaként."

A Hamburger menü megtalálható a Target.com jobb felső sarkában és a Target mobil webhelyén. Az alább látható képen is látható.

3. Parallax görgetés

A Parallax Scrolling kevesebb funkcionális funkcióval és webhelyének esztétikájának javításával jár, és felhasználja a nagy felbontású képekkel teli nagy szalaghirdetéseket annak érdekében, hogy művészi hangulatot adjon a webhelyéhez. A nagy, teljes szélességű képek előnyeinek kihasználásával elmozdító hatást hozhat létre a webhely háttérképe és a közvetlenül a fogyasztó előtt álló kép között.

Amint az az alábbi képen látható a RimmelLondon.com oldalról, az oldal lefelé görgetésével a weboldal háttérképei megváltoznak. A változás azonban finoman történik, amikor a háttér és az előtér képei összeolvadnak. Az alábbi képernyőkép a webhelyet mutatja abban a pillanatban, amikor a háttérkép lilaról rózsaszínre változik.

4. Végtelen görgetés

A Végtelen görgetés inkább kínzásnak hangzik, mint e-kereskedelemben. Ez a remek eszköz azonban lehetővé teszi a felhasználók számára, hogy folyamatosan tekintsék meg az új termékeket anélkül, hogy be kellett volna kattintaniuk, és új oldalra kellett volna tölteniük. Így működik: Ha egy e-kereskedelmi oldal aljára gördít, az oldal automatikusan további elemeket tölt be az oldal aljára. Még mindig katalogizálják oldalakként a hátoldalon, de a látogató nem tudja.

Hasonló funkciót láthat az UnderArmour.com webhelyen. Sajnos az Under Armour megköveteli, hogy kattintson a "Több betöltése" gombra a további tartalom megjelenítéséhez. Egyes webhelyek automatikusan nyitott mechanizmussal vannak felszerelve, amely kattintás nélkül további tartalmat jelenít meg.

5. Lebegő "Kosárba helyezés" gomb

A Sticky navigációs eszközhöz hasonlóan az úszó "Kosárba helyezés" gombok segítségével a fogyasztók termékeket adhatnak a kosárba, függetlenül attól, hogy hol vannak a termékoldalon. Korábban a felhasználók lefelé gördültek a felhasználói véleményekhez, a termék részleteihez és az alsó oldal elemeihez, és ahhoz, hogy a terméket kosárba helyezzék, vissza kell görgetniük az oldal tetejére. Most olyan vállalatok, mint a Diesel.com, láthatják a termék árát, mennyiségét, színválasztékát és képét, valamint a "Kosárba helyezés" gombot, függetlenül attól, hogy hol tartózkodnak a termékoldalon.

6. Használja a Fitts törvényét

A Fitts-törvény mögötti matematikával nem fogunk unatkozni, de alapvetően ez az elmélet, hogy minél nagyobb és közelebb van egy tárgy nekünk, annál valószínűbb, hogy kölcsönhatásba lépünk vele. Ugyanez az alapelv alkalmazható az e-kereskedelemre. Ha a felhasználókat a termékoldalakhoz, bevásárlókosarokhoz és promóciókhoz kívánja vezetni, akkor ezeket a gombokat nagyméretűvé, színesebbé és a lehető legközelebb kell helyeznie az oldal közepéhez.

Ha figyelmen kívül hagyja a Fitts törvényét, és apró, fekete-fehér gombokat helyez a sínek mentén vagy az oldalak aljára, akkor veszteségeket szenvedhet a potenciális vásárlók számára. Ne tedd ezt a hibát.

7. Mutassa meg az ügyfél-értékeléseket és az ajánlásokat

Nem szeretné, ha az ügyfelek a webhelyére érkeznének, megnéznék a termékeit, majd az Amazon.com oldalra lépnének, hogy ellenőrizzék a felhasználói véleményeket. Végül is az Amazon.com olcsóbban értékesítheti a terméket, vagy az ügyfél előnyben részesítheti az Amazon.com vásárlási élményét, mint az Ön webhelyét.

Ha megadja az ügyfeleknek a termékek értékelési és áttekintési képességét, akkor képes lesz megszabadulni az óvatos vásárlóktól, akiknek vásárlás előtt szükségük van más fogyasztók véleményének biztosítására. A legtöbb e-kereskedelmi eszköz megkönnyíti az értékeléseket és az értékeléseket, így ne kerülje el ezt a gyakorlatot.

8. Hatékony ügyfélszolgálat

Az ügyféllel való részvétel kritikus jelentőségű a kiskereskedelem sikeréhez, és sehol sem könnyebb vagy hatékonyabb, mint az ügyfélszolgálatnál. A dühös, elégedetlen vagy akár csak összezavarodott ügyfelek megfelelő gondozása az egyik legbiztosabb út az ismétléshez. A mai ügyfélszolgálat és az ügyfélszolgálati alkalmazások megkönnyítik, mint valaha. Ezen alkalmazások egyikének felhasználásával nemcsak az ügyfelek kéréseit szervezheti, hanem lehetővé teszi, hogy megragadja az ügyfelek és a válaszok adatait, amelyeket ezek a találkozók generálnak, és továbbítsa azokat az ügyfélkapcsolat-kezelő (CRM), marketing és üzleti elemző motorokhoz. Ezzel jobban figyelemmel kísérheti azt, amit az ügyfelek gondolnak az Ön áruházáról és annak termékeiről.

Ahol az ügyfélszolgálati horgonyokat és érintőpontokat helyezte el, az általános ügyfélélmény szempontjából fontos. És ez az interakció egyszerű kapcsolatfelvételi oldal formájában valósul meg, vagy kiterjed-e olyan csevegőablakra, amelyen a webhelyen több mint 60 másodpercig maradnak, az valami függ az Ön által értékesített termék típusától és a az üzlet átlagos webhelylátogatási statisztikája.

De az ügyfélszolgálat sikere elérése nemcsak a szoftvert jelent. Gondoskodnod kell arról, hogy valaki profi ott van-e ezeknek a kérelmeknek a kezelésére, vagy pazarolt befektetés. Azok az ügyfelek, akiknek a "Kapcsolatfelvétel az ügyfélszolgálattal" gombra való kattintással nehezednek, elvárnak, hogy élő segítséget kapjanak egy valódi embertől. Ezt telefonon vagy azonnali csevegésen keresztül kezelheti, ez a szolgáltatás az ügyfélszolgálati szolgáltatóknál egyre gyakoribb. És ha ragaszkodik a munkatársakhoz, akkor ügyfélszolgálati tevékenységeit intelligens csevegőbotokkal veheti fel, amelyek "emberi" hangot adnak, miközben képesek kezelni a beérkező kérések elárasztását alapszinten, és csak a bonyolultabb kéréseket küldhetik el a tényleges homo sapiens.

9. Kenyérsütő pénztár

Amikor az ügyfelek kijelentkeznek az üzletből, szeretnék tudni, hogy hol vannak a folyamatban, milyen messze vannak a befejezéstől, és hogyan könnyedén visszatérhetnek anélkül, hogy elveszítik az összes adatot, amelyet már megadtak. A Breadcrumb Checkout megmutatja, hogy az ügyfelek pontosan hol vannak folyamatban, egy lineáris navigációs gomb kialakításának segítségével, amely lehetővé teszi a fogyasztók számára, hogy előre-hátra kattinthassanak a Bejelentkezés, Befizetési lehetőségek, Szállítási lehetőségek, Rendelés vagy Folytatás a vásárlás során. E elrendezés nélkül a fogyasztók megnyomhatják a Vissza gombot, megfigyelhetik, hogy adataik nem kerülnek naplózásra, csalódást okoznak, majd elhagyhatják a weboldalt.

10. 360 fokos nézetek

Valaha csak online vásárol egy látszólag szerény kabát, csak azért, hogy rájönjön, hogy visszapillantott strasszkal rendelkezik? Nos, amikor visszaküldte ezt a terméket, elpazarolta a saját és az eladó idejét, és költségeket fizetett a vállalatnak. Ne aggódj, nem az volt a te hibád. Valószínűbb, hogy az eladónak csak a kabát elölnézete és oldalnézete volt. Ha az eladó 360 fokos nézetet kínálna, akkor észrevette volna ezeket a strasszokat és rákattintott a Megrendelés visszavonása gombra.

Ne tegye ugyanazt a hibát a saját webhelyén. Amellett, hogy az ügyfelek képeket nagyít, adjon nekik lehetőséget a kép több szögének elforgatására vagy megtekintésére, akárcsak a Kenneth Cole.com. Így nem lepődnek meg, amikor kinyitják a szállítódobozt, és kihúzzák egy olyan terméket, amelyre nem számítottak.