E-commerce – frontend i backend w praktyce

13 Cze , 2011  

Zapraszam do zapoznania się z moją prezentacją z czwartego IxDA w Poznaniu. Podczas spotkania prezentowałem rozwiązania i pomysły, które wdrażamy w nowej platformie e-commerce AtomStore.

Niebawem pojawi się video z prezentacjami ze spotkania, na razie tylko PDF.

E-commerce, frontend i backend w praktyce

, , , , ,

Treść 2.0

25 Cze , 2010  

Pewnie często napotykacie hasło „Content is the king”. Odnosi się ono do kwestii związanych z pozycjonowaniem serwisu. Wraz z rozwojem internetu, ulepszaniem algorytmów wyszukiwarek, coraz większej ilości konkurujących ze sobą serwisów okazuje się, iż pozycjonowanie przestaje być prostym zajęciem, a staje się złożonym procesem natomiast „Content is the king” powraca z jeszcze większą mocą.
More…

, , , , , ,

Projektowanie 360′

14 Gru , 2009  

Co to jest projektowanie 360′? Na swoje potrzeby stworzyłem takie pojęcie, które ma określać złożoność i wieloaspektowość procesu, którego celem jest stworzenie strony/serwisu/sklepu spełniającej następujące założenia:

  • efektowna kreacja strony głównej
  • łatwa i intuicyjna nawigacja
  • promowanie produktów o wysokiej marży (patrz wpis Merchandising produktów w sklepie) – dotyczy serwisów typu e-commerce
  • projekt landing pages umożliwiający

Szczerze powiedziawszy nie wiem czy istnieje już jakieś zunifikowane pojęcie, które określałoby ten proces. O ile w przypadku aspektów związanych z projektowaniem użytecznych serwisów, mamy pojęcie UCD (eng. user centered desing) o tyle w moim osobistym słowniku brakuje określenia, które obejmowałoby cały zakres złożoności problemu. Tak naprawdę według mnie świadomość złożoności zakresu projektowania stron powoli rośnie i z czasem klient myślący o designie strony, będzie myślał nie tylko „Szukam kogoś kto zaprojektuje mi ładną stronę główną i co tam jeszcze potrzeba” lecz „Szukam kogoś kto zaprojektuje kompleksowy system nawigacji po mojej stronie. Layout przyjazny dla użytkownika, dobrze konwertujący, niezależnie skąd pochodzi dany użytkownik„.

Zacznijmy od początku

10 lat temu gdy zaczynałem swoje zawodowe życie, projektowanie stron było zajęciem dość prostym. Najczęściej webdesign polegał na stworzeniu 2-3 projektów strony. Klient wybierał ten, który najbardziej mu pasował, zgłaszał uwagi. Tworzyło się animowane elementy strony oraz kilka kluczowych podstron (kontakt, o firmie, kartę produktu). Grafik rzadko projektował wszystkie strony, najczęściej pracował z ogólnikowymi wytycznymi co do podstron – szukał czegoś podobnego i projektował swoją wersje. Często programista który miał oprogramować grafikę, sam doprojektowywał brakujące elementy. Tak stworzony serwis testowano – szukano bug’ów. Nikt nie myślał o testach użyteczności – jak użytkownik sobie nie radził, to znaczyło że jak poklika to się nauczy… w końcu nie miał dokąd iść!

Użytkownicy, którzy trafiali do serwisu pochodzili z różnych źródeł:

  • mailing w serwisach typu onet, wp – targetowany na główną stronę
  • wejście z wyszukiwarki (jednorazowa opłata za optymalizację serwisu :D) – oczywiście targetowany dla 100 haseł na główną stronę
  • wejścia z katalogów firm, katalogów branżowych – targetowane na główną stronę
  • wejścia z reklam zew. (np. panorama firm, pkt), wizytówek – targetowane na główną stronę

Do czego zmierzam – ruch w serwisie odbywał się przez jedne ‚drzwi’. Można było przewidzieć ścieżki, którymi użytkownicy ‚szli’ by wykonać zadane cele. Jednocześnie ilość funkcjonalności oferowanych przez serwisy czy strony była znacznie mniejsza, konkurencja ze strony serwisów konkurencyjnych znacznie mniejsza. Innymi słowy sprzedawało się samochody w dowolnym kolorze, byleby był czarny.

Landing pages – czyli „gdzie ja jestem? co ja tutaj robię”

O projektowaniu landing pages pisałem we wpisie Skuteczna reklama w wyszukiwarkach – CTR oraz landing pages. Generalnie chodzi tu o wybór optymalnej strony na którą kierowany jest ruch oraz takie jej zaprojektowanie, aby maksymalnie zadowolić użytkownika i pozwolić mu zrealizować cel dla jakiego wszedł na stronę. Kilka przykładów:

1. Kampania reklamowa Adwords dla frazy „telewizory LCD” – sklep z elektroniką:

  • ruch kierujemy na stronę z listą telewizorów LCD
  • sortujemy po cenie, u góry wyświetlamy promocje
  • na liście od razu informujemy o koszcie przesyłki oraz czasie realizacji zamówienia
  • umożliwiamy dodanie do koszyka, zakup oraz porównanie produktów
  • jeśli w sklepie mamy oceny, wyświetlamy średnią ocenę, popularność oraz podstawowe parametry

2. Mailing do klientów, którzy kupili soczewki – sklep z soczewkami oraz akcesoriami:

  • tytuł i nadawca mailingu dobrze znany klientowi, zachęcający do otwarcia (idealnie gdyby pojawiła się tam informacja np. o zniżce -20% na soczewki których używa klient i to w czasie, który przypada mniej więcej na kolejny zakup)
  • strona mailingu powinna przypominać kartę promocji w naszym sklepie, klient widzi korzyści i jest wzywany do działania (call to action)
  • targetujemy linka na stronę konkretnych soczewek, może wręcz na akcje ‚dodaj do koszyka’
  • może warto rozważyć linka „Jesteś zadowolony z ostatniego zakupu, złóż ponownie zamówienie”

3. Link na Facebooku, użytkownik wrzucił linka z informacją iż ‚poluje na wybraną płytę DVD’:

  • nie mamy wpływu co napisze użytkownik!
  • karta produktu powinna informować w jakim miejscu znalazł się użytkownik
  • powinna dostarczać wszelkich informacji zakupowych: nazwa płyty, wydanie, informacje o zawartości – np. film z dodatkami oraz cena, dostępność, koszt i formy wysyłki, czas realizacje, formy płatności
  • jeśli nasza marka jest nadal nieznana szerszej publiczności, karta produktu powinna zawierać informacje które uwiarygodnią, iż warto u nas kupować
  • informować o innych ofertach (np. promocjach, podobnych produktach) oraz umożliwiać przejście do innych kategorii

Ważne jest także określenie skąd użytkownicy będą wiedzieli i w jaki sposób trafią na naszą stronę. O ile kilka lat temu sprawa była prosta, o tyle obecnie kontekst w jakim pojawia się nasza strona może być różny, wręcz na pewno będzie różny. Źródła wejść do naszego serwisu mogą być następujące:

  • bezpośrednio na główną stronę z pozycjonowania strony głównej (np. fraza „rowery” na stronę główną sklepu)
  • wejście na podstrony z pozycjonowania frazy szczegółowej (np. „rowery miejskie” na stronę listingu)
  • na podstronę z kampanii Adwords (np. reklama o treści „najtańsze rowery miejskie” – na podstronie koniecznie powinno pojawić się info o promocji, etc.)
  • na stronę produktową z porównywarki cenowej
  • z linka na forum – kontekst ‚tu jest galeria zdjęć tego produktu’
  • z linka na blipie, twitterze, facebooku – ktoś polecił Twój produkt
  • z mailingu – newsletter do własnych klientów z informacją o promocjach, koniecznie dostosowany do preferencji klientów
  • z bookmarka – klient zapamiętał stronę i wraca ponownie
  • wpis na blogu z recenzją produktu
  • link na GG, Skype
  • itd.

Statystyki stron docelowych

Strona docelowa to strona od której zaczyna się wizyty w naszym serwisie (W Google Analytics: Zawartość -> Najskuteczniejsze strony docelowe). Najczęściej klienci myślą tu o stronie głównej i spodziewają się, iż przez stronę główną trafia ponad 50% klientów. Poza serwisami o bardzo silnej marce (Onet, Wp, Gazeta, Nasza-klasa, Allegro, etc.) oraz serwisami typowo społecznościowymi (gdzie po prostu trzeba się zalogować na głównej stronie), wyniki są zupełnie nieoczekiwane. Z moich doświadczeń wynika, iż:

  • w przypadku sklepów internetowych przez stronę główną trafia do serwisu mniej niż 10-20% klientów (znam przykłady gdzie % wizyt wynosi <5%!)
  • w przypadku serwisów informacyjnych, społecznościowych odsetek ten może sięgać 30-50%
  • strony firmowe, produktowe (nie wizerunkowe Flash) – współczynnik wynosi 20-30%

Nie da się przewidzieć jak będzie dokładnie wyglądał ruch jednak na podstawie statystyk już istniejącej strony lub analizy konkurencji, można ocenić jaki udział ruchu będą stanowiły wejścia przez stronę główną. Projektując serwis internetowy warto pamiętać jednak iż:

  • nie samą stroną główną serwis żyje
  • wielu klientów trafia na naszą stronę w sposób przypadkowy (nie wiedzą tego co wydaje nam się, iż wiedzieć powinni)
  • źródła odwiedzin zdywersyfikowały się w znaczny sposób
  • jeśli reklama ma być skuteczna, należy bardzo dokładnie zaplanować treść reklamy, wybrać i zaprojektować stronę na którą kieruje reklamę

Warto także prowadzić stałą analizę statystyk pod względem źródeł wejść (strony odsyłające, kampanie), stron docelowych (od jakiej strony zaczyna wizytę użytkownik) – długość wizyty, współczynnik odrzuceń, itd. Dzięki temu można stopniowo poprawiać skuteczność stron docelowych. Każde drobne usprawnienia to poprawa konwersji o kilka punktów procentowych.

Tak właśnie według mnie wygląda projektowanie 360′. To już nie tylko efektowna strona główna. To takie zaprojektowanie każdej z ważnych podstron naszego serwisu, aby zmaksymalizować realizacje celów!

, , , , ,

Narzędzia do projektowania

10 Lis , 2009  

Postanowiłem zdradzić trochę informacji na temat narzędzi, których używam do projektowania (czyt. tworzenia projektów funkcjonalnych, przygotowywania specyfikacji oraz prototypowania). Każda osoba odpowiedzialna za produkcję serwisów ma taki zestaw, jednak rzadko mówi się o tym głośno 😉

More…

, , , , , , ,

Profile klientów w sklepie internetowym

23 Wrz , 2009  

Dzisiaj poruszę dość ciekawą kwestie – nie jest to jednak problem e-commerce vs web 2.0, czyli jak zrobić sklep internetowy z elementami społecznościowymi (lub w ogóle z serwisem społecznościowym). O tym pewnie napisze za kilka tygodni. Teraz jednak chciałem skupić się na tym, jak przeprowadzić analizę typów klientów sklepu internetowego oraz wyciągnąć z niej wnioski, pozwalające dostosować design sklepu (oraz całą strategię e-marketingową) do potrzeb klientów.

More…

, , , , , , ,

idealna strona wyników w wyszukiwania w google

11 Lip , 2009  

Pewnie każdy kto korzysta z Google przynajmniej kilka razy dziennie, chciałby aby strona wyników (specjalnie nie piszę lista) wyglądała trochę inaczej niż obecnie. Osobiście marzy mi się aby strona wyników przypominała tradycyjną listę produktów w sklepie internetowym.

More…

, , , ,

Gdzie jest szukaj

27 Cze , 2009  

Forum muratora jest doskonałym źródłem informacji – sam znalazłem tam sporo porad, które pozwoliły mi podjąć decyzje. Niestety jeśli idzie o wyszukiwanie informacji, to jest z tym pewien problem. Nawigacja po kategoriach (browse’owanie) jest ok, natomiast spróbujcie coś znaleźć!

Konia z rzędem temu, kto znajdze wyszukiwarke… Ja osobiście zrobiłem to używając funkcji szukaj w mojej Operze:

Wyszukiwanie na forum muratora

Wyszukiwanie na forum muratora

, , , ,

design = kreacja + użyteczność

22 Cze , 2009  

Ostatnio dużo czytam nt. użyteczności, kreatywności, standardów, braku standardów itp. Ludzie piszą, że strony użyteczne, budowane zgodne z kanonami swoich czasów (bo tylko o takich można mówić) są nieefektowne, bez pomysłu. Inni oponują, dowodzą iż można robić dobrze (czyli zarówno kreatywnie jak i użytecznie).

Osobiście – nie to żeby spędzało mi to sen z oczu – pozycjonuje się po stronie osób, które uważają, iż dobry design to taki, który jest zrozumiały i umożliwia użytkownikom (najlepiej wygodną) realizacje celów. No właśnie realizację celów!

More…

, , , , ,

BBCode vs WYSIWYG

19 maja , 2009  

Wybór edytora tekstu w serwisie internetowym jest częstą decyzją, którą musi podjąć klient (przy udziale kierownika projektu). Nie rzadko ma tu miejsce przeciąganie liny- projektant ciągnie w kierunku BBCode, natomiast klient preferuje edytor WYSIWYG.

Osobiście jestem zwolennikiem używania BBCode – jednak nie uważam żeby było to najlepsze rozwiązanie w każdej z możliwych sytuacji. Ponieważ argumenty za i przeciw BBCode oraz WYSIWYG muszę przytaczać dość często, postanowiłem się z nimi podzielić.

More…

, , , , , , ,

Skuteczna reklama w wyszukiwarkach – CTR oraz landing pages

17 Mar , 2009  

Jedną z ważniejszych kwestii związanych z prowadzeniem i optymalizacją kampanii reklamowych w Internecie jest zarządzanie tzw. landing pages – czyli stronami docelowymi, na które kierują wykupione przez nas reklamy, czy linki zewnętrzne.

Landing pages

Landing page to strona docelowa, która otwiera się użytkownikowi po kliknięciu danego linka (w dowolnej postaci – pop up’a, bannera, linka, reklamy adsense, etc.). CTR to współczynnik określający klikalność reklam. Teoretycznie w przypadku reklamy płatnej za kliknięcie (CPC) – współczynnik CTR nie ma znaczenia, ale tylko teoretycznie. Koszt kliknięcia w przypadku reklamy adwords jest zależny także od CTR – google nagradza  w ten sposób strony (reklamy) o najwyższej jakości.

More…

, , , , ,