{"id":3956,"date":"2019-10-21T17:23:06","date_gmt":"2019-10-21T15:23:06","guid":{"rendered":"https:\/\/infoshareacademy.com\/?p=3956"},"modified":"2021-01-12T09:36:58","modified_gmt":"2021-01-12T08:36:58","slug":"audyt-ux-sklepu-internetowego-w-5-krokach","status":"publish","type":"post","link":"https:\/\/infoshareacademy.com\/blog\/audyt-ux-sklepu-internetowego-w-5-krokach\/","title":{"rendered":"Audyt UX sklepu internetowego w 5 krokach"},"content":{"rendered":"

Bez w\u0105tpienia, UX to jeden z filar\u00f3w sukcesu sklepu internetowego. Bez intuicyjnej, dobrze zaprojektowanej strony WWW nawet najlepsza obs\u0142uga i naj\u0142adniejsze zdj\u0119cia produktu nie wystarcz\u0105, by sklep przynosi\u0142 coraz wi\u0119ksze przychody. Audyty UX sklep\u00f3w internetowych<\/a>, kt\u00f3re wykonujemy, cz\u0119sto wskazuj\u0105, \u017ce \u015bwietny wygl\u0105d sklepu nie zawsze idzie w parze z u\u017cyteczno\u015bci\u0105 i wygod\u0105 serwisu. Dlatego postanowili\u015bmy opisa\u0107 istotne z naszego punktu widzenia elementy, na kt\u00f3re warto zwr\u00f3ci\u0107 uwag\u0119, projektuj\u0105c sklep internetowy.<\/strong><\/p>\n

1. Sprawd\u017a stron\u0119 g\u0142\u00f3wn\u0105<\/h2>\n

Strona g\u0142\u00f3wna to wizyt\u00f3wka Twojego sklepu. Je\u017celi na pocz\u0105tku wizyty nie wzbudzisz zaufania, to szansa, \u017ce potencjalny klient wr\u00f3ci do niego jest minimalna. Dlatego pami\u0119taj – nie mo\u017cna tego zaprzepa\u015bci\u0107.<\/p>\n

Przede wszystkim, posiadaj\u0105c slider – trzeba pami\u0119ta\u0107 o dobrych jako\u015bciowo zdj\u0119ciach i konkretnym, najlepiej dwuwyrazowym CTA<\/strong> (call to action – czyli wezwanie do dzia\u0142ania). Powinny si\u0119 tam tak\u017ce pojawi\u0107 rekomendacje zakupowe<\/strong>, czyli produkty oznaczone jako bestsellery \/ polecane. Warto tak\u017ce pami\u0119ta\u0107, by ikona koszyka zakupowego pokazywa\u0142a liczb\u0119 produkt\u00f3w zakupionych, za\u015b logotyp sklepu by\u0142 linkiem do strony g\u0142\u00f3wnej. Bardzo dobrym pomys\u0142em jest umieszczenie na stronie g\u0142\u00f3wnej sklepu wszelkiego rodzaju certyfikat\u00f3w, partner\u00f3w czy te\u017c nagr\u00f3d – to umacnia zaufanie do sklepu i utwierdza klienta w przekonaniu, \u017ce jest w wartym uwagi miejscu.<\/p>\n

Menu powinno by\u0107 intuicyjne i podzielone na kategorie (ale bez kategorii np. \u201cpozosta\u0142e\u201d lub \u201cinne\u201d ;)) i w wersji mobilnej powinno chowa\u0107 si\u0119 podczas scrollowania<\/strong> – zwi\u0119ksza to zdecydowanie ilo\u015b\u0107 miejsca do zaprezentowania produkt\u00f3w np. podczas przegl\u0105dania kategorii. Ale o wersji mobilnej za chwil\u0119.<\/p>\n

Analizuj\u0105c menu, nie spos\u00f3b nie wspomnie\u0107 o dolnym menu, zwanym potocznie \u201cstopk\u0105\u201d. Musi by\u0107 ona jak najbardziej kompletna<\/strong> i zawiera\u0107 wszelkie informacje, kt\u00f3rych najcz\u0119\u015bciej si\u0119 tam poszukuje, czyli np. o firmie, regulamin, p\u0142atno\u015bci, wysy\u0142ka, zwroty, reklamacje, kontakt, czy te\u017c bezpiecze\u0144stwo.<\/p>\n

\nMy\u015blisz o rozpocz\u0119ciu nauki?
\nSprawd\u017a zdalny kurs UI Designer z trenerem na \u017bYWO.<\/a><\/span><\/div>\n

2. Dopracuj widok kategorii<\/h2>\n

Po \u201cprzebrni\u0119ciu\u201d przez stron\u0119 g\u0142\u00f3wn\u0105 przyjrzymy si\u0119 kolejnemu etapowi \u015bcie\u017cki zakupowej – widokowi kategorii produktu. Tutaj warto zwr\u00f3ci\u0107 uwag\u0119 na sortowanie<\/strong> (nie tylko A\/Z czy cena, ale te\u017c i inne – np. popularno\u015b\u0107 czy liczba opinii) oraz paginacj\u0119 wynik\u00f3w (czyli pokazywaniu wynik\u00f3w na par\u0119 stron – przyspiesza to znacznie \u0142adowanie strony).<\/p>\n

U\u0142atw tak\u017ce dotarcie do wymarzonego produktu poprzez filtrowanie wynik\u00f3w po cechach<\/strong> – np. kolorze, rozmiarze czy nawet zastosowaniu (kwestia bran\u017cy). Podczas projektowania widoku kategorii warto umo\u017cliwi\u0107 dodanie produktu bez konieczno\u015bci \u0142adowania strony produktowej. Oczywi\u015bcie nie zawsze jest to mo\u017cliwe, ale je\u017celi jest – bardzo polecamy. W przypadku u\u017cytkownik\u00f3w powracaj\u0105cych i znaj\u0105cych produkt – skraca to czas finalizacji zakupu. Cz\u0119sto znaj\u0105 oni produkt i wr\u00f3cili w celu zakupu w\u0142a\u015bnie, bez konieczno\u015bci zapoznawania si\u0119 z produktem po raz kolejny.<\/p>\n

3. Niech produkt b\u0119dzie atrakcyjny<\/h2>\n

Przechodz\u0105c do strony produktowej warto przede wszystkim jak najlepiej zaprezentowa\u0107 sw\u00f3j produkt. Nie wystarczy jedno zdj\u0119cie – warto umie\u015bci\u0107 ich przynajmniej kilka<\/strong>, aby w ca\u0142o\u015bci mog\u0142y odda\u0107 charakter produktu. Zdj\u0119cia powinny wykorzystywa\u0107 r\u00f3wnie\u017c opcj\u0119 zoomu<\/strong>, dzi\u0119ki czemu u\u017cytkownikowi b\u0119dzie \u0142atwiej przyjrze\u0107 si\u0119 wszelkim szczeg\u00f3\u0142om.<\/p>\n

Wa\u017cna kwestia, ale nie zawsze stosowana to 4 najwa\u017cniejsze elementy, kt\u00f3re powinny by\u0107 jak najbardziej widoczne czyli: nazwa, cena, dost\u0119pno\u015b\u0107 + wyra\u017any i oddzielaj\u0105cy si\u0119 od reszty kolorem przycisk \u201cdodaj do koszyka\u201d. W tym miejscu rekomendujemy r\u00f3wnie\u017c umieszczenie informacji o koszcie wysy\u0142ki, tak by nie zaskoczy\u0107 klienta na dalszym etapie.<\/p>\n

4. Nie utrudniaj finalizacji<\/h2>\n

Porzucone koszyki to zmora ka\u017cdego sklepu. Najkr\u00f3cej rzecz ujmuj\u0105c, jest to stan, w kt\u00f3rym u\u017cytkownik doda\u0142 co\u015b do koszyka i\u2026 w zasadzie tyle. Ju\u017c do niego nie wr\u00f3ci\u0142 i nie doko\u0144czy\u0142 transakcji. Jak unikn\u0105\u0107 du\u017cej ilo\u015bci takich sytuacji?<\/p>\n

Przede wszystkim tw\u00f3rz \u015bcie\u017ck\u0119 konwersji zgodnie z zasad\u0105 mniej = lepiej.<\/strong> Czyli wymagaj od klient\u00f3w podawania jak najmniejszej ilo\u015bci danych, zaproponuj logowanie poprzez znane serwisy (Google czy Facebook) oraz daj mo\u017cliwo\u015b\u0107 zakupu bez zak\u0142adania konta. Bardzo dobrze sprawdza si\u0119 w przypadku samego procesu zakupu zmniejszenie ilo\u015bci informacji zar\u00f3wno w menu, jak i samej stopce. Bo czy na pewno podczas kupowania wa\u017cne jest, jakie oferty pracy ma sklep? Albo w jakich sieciach spo\u0142eczno\u015bciowych jest on obecny? Raczej nie, a mo\u017ce to tylko spowodowa\u0107 rozproszenie odbiorcy. Na koniec – cz\u0119sto klienci traktuj\u0105 koszyk jako pewnego rodzaju schowek lub \u201cwishlist\u0119\u201d – mo\u017ce warto pomy\u015ble\u0107 o takim rozwi\u0105zaniu w swoim sklepie?<\/p>\n

5. B\u0105d\u017a mobile!<\/h2>\n

Czasy, w kt\u00f3rych przyjmowa\u0142o si\u0119, \u017ce odwiedzaj\u0105cy tylko \u201csprawdzaj\u0105\u201d produkt na smartfonie, a finalizuj\u0105 zakup na dekstopie dawno ju\u017c min\u0119\u0142y. W wielu sklepach odsetek kupuj\u0105cych z obu kana\u0142\u00f3w jest praktycznie r\u00f3wny, a s\u0105 te\u017c bran\u017ce, w kt\u00f3rych mobile sprzedaje po prostu wi\u0119cej.<\/p>\n

Dlatego pami\u0119taj o wszelkich udogodnieniach pod k\u0105tem mobile.<\/strong> Wa\u017cne, aby umie\u015bci\u0107 du\u017ce, wyra\u017ane CTA, kt\u00f3re mo\u017cna tapn\u0105\u0107 zar\u00f3wno lew\u0105 jak i praw\u0105 r\u0119k\u0105. Podczas przegl\u0105dania kategorii widoczne powinny by\u0107 2-3 produkty w linii. W formularzach z kolei nale\u017cy zbudowa\u0107 wysokie pola, dzi\u0119ki czemu wprowadzanie w nie tekstu b\u0119dzie \u0142atw\u0105 czynno\u015bci\u0105.<\/p>\n

Rekomendujemy r\u00f3wnie\u017c wykorzystanie mo\u017cliwo\u015bci smartfon\u00f3w i u\u017cywanie tzw. \u201cswipe\u201d r\u00f3wnie\u017c w swoim sklepie – np. na slajderze, czy podczas przegl\u0105dania zdj\u0119\u0107 produktu.<\/strong> Dobr\u0105 praktyk\u0105 jest r\u00f3wnie\u017c podpisywanie ikon w sklepie – nie wszyscy wiedz\u0105, \u017ce popularny \u201chamburger\u201d to menu, za\u015b lupka to ikona wyszukiwarki. Dla jednych to oczywiste – dla innych jeszcze nie zawsze.<\/p>\n

Buduj\u0105c sklep internetowy, warto przede wszystkim bra\u0107 pod uwag\u0119 wygod\u0119 u\u017cytkownika i jak najmniej utrudnia\u0107 mu zar\u00f3wno poruszanie si\u0119 po sklepie, jak i proces zakupowy. Dzi\u0119ki temu nie tylko zyskamy jego uznanie, ale zauwa\u017cymy te\u017c wzrost ROI (zwrot z inwestycji) naszego sklepu. Warto jednak pami\u0119ta\u0107, \u017ce przedstawione powy\u017cej praktyki to tak naprawd\u0119 \u201cwierzcho\u0142ek g\u00f3ry lodowej\u201d i rekomendujemy nie tylko jednorazowe przeprowadzenie audytu sklepu internetowego<\/a><\/strong>, ale przede wszystkim – systematyczn\u0105 prac\u0119 nad dostosowywaniem swojego sklepu do aktualnych standard\u00f3w i trend\u00f3w e-commerce.<\/p>\n

\nPrzeczytaj tak\u017ce:
\n Czym si\u0119 zajmuje i jakie umiej\u0119tno\u015bci powinien posiada\u0107 UX Designer?<\/a><\/span><\/div>\n

Autor:<\/strong><\/p>\n

\"audyt<\/figure>\n

Piotr Sobczyk<\/strong>
\nLieutenant General Auditor w Shoplyze.com<\/a><\/i>
\nW Shoplyze pomaga polskim e-commercom zwi\u0119kszy\u0107 sprzeda\u017c poprzez analiz\u0119 kampanii PPC, usprawnienie analityki sklep\u00f3w oraz optymalizacji \u015bcie\u017cki konwersji.
\n