Joanna Kotala Konsultant Ideacto www.e-commerce2009.pl

1. Jak projektowad, żeby skutecznie sprzedawad
Joanna Kotala

2. Na początek
• Projektuję i badam serwisy internetowe
• Wstałam dziś o 2:00 rano, żeby tu przyjechad
• Nie mam pojęcia jak zacząd

3. O czym będzie prezentacja?

4. …a dokładnie

5. Podstawowe zasady
• Co sprzedajemy
• Kim są nasi klienci/użytkownicy
– Jacy są
– Jakie są ich potrzeby
– Jak robią zakupy
–…

6. Kim są nasi klienci/użytkownicy
• Podziała ze względu na intensywnośd
zakupów. Intensywni (57%), Przypadkowi
(43%)
• Osobowośd i czas podejmowania decyzji.
Racjonalni Emocjonalni
Szybko Rywalizujący Spontaniczni
Wolno Metodyczni Humanistyczni

7. Rywalizujący
• Pierwsi chcą posiadad nowy produkt
• Zainteresowani faktami, streszczeniami
• Informacje chcą dostad szybko
• Wolą wyszukiwarki niż przeglądanie
• Nie chcą klikad, żeby uczyd się więcej
• Nowe produkty
• Bestseller
• Cross-sells i up-sells
• Minimalizowad klikinięcia

8. Rywalizujący

9. Spontaniczni
• Zainteresowani wyprzedażami, zniżkami, ofertami
tymczasowymi
• Zwolennicy szybkich dostaw
• Podczas kupna nie zastanawiają się długo nad swoją decyzją
• Wolą zobaczyd produkt w „kontekście”
• Przeglądają opinie
• Zainteresowani tym co kupili inni
• Oferta dnia
• Dostawa następnego dnia
• Jak to wygląda na osobie

10. Spontaniczni

11. Metodyczni
• Lubią szczegóły o produkcie
• Lubią porównywad produkty, aby podjąd
racjonalną decyzję
• Ufają radom ekspertów
• Sceptycznie podchodzą do
konkursów, darmowych przesyłek i zwrotów
• Czytają regulaminy

12. Metodyczni

13. Humanistyczni
• Dbają o to co inni mają do powiedzenia
• Doceniają obsługę klienta – live chat
• Chętnie piszą opinie
• Lubią dzielid się swoimi doświadczeniami z
innymi
• Dodają produkty do list życzeo

14. Humanistyczni

15. Po co wiedza o użytkownikach
Rodzaj informacji Sposób prezentacji informacji
• Promocyjna cena
• Parametry produktu
• Dostępnośd
• …

16. Jaki sposób prezentacji informacji?
• Łatwe do znalezienia
• Widoczna
• Łatwe do zapamiętania
• Zrozumiałe
• Czytelna
• Intuicyjna

18. Jaki sposób prezentacji informacji?
•Łatwe do znalezienia
•Widoczna
• Łatwe do zapamiętania
• Zrozumiałe
• Czytelna
• Intuicyjna

19. Darmowa przesyłka
• Meta tagi, opisy
• Lista produktów

20. Darmowa przesyłka
Karta produktu

21. Darmowa przesyłka
Koszyk

22. Strona główna
„Są trzy rzeczy, które nie chcielibyście
widzied jak są przygotowywane.
Kiełbaski, prawo i strony główne.”
Loveday & Niehaus

23. Strona główna
• Gdzie jestem?
• Co mogę tu kupid?
• Czy oferują to czego bym chciała?
• Czy jest tu coś interesującego?
• Co mogę zrobid na tej stronie?
• Czy ta strona wygląda wiarygodnie?

24. Strona główna - człowiek
• Postad człowieka przyciąga naszą uwagę
• Postad człowieka przyciąga naszą uwagę na
stronie internetowej

25. Strona główna - człowiek

26. Strona główna - człowiek

27. Strona główna - człowiek

28. Strona główna - człowiek

29. Strona główna - człowiek

30. Strona główna - człowiek

31. Strona główna - człowiek

32. Lista produktów
„Filtered navigation is a girl’s best
friend, whether she’s shopping for diamonds
or pearls”
Linda Bustos

33. Lista produktów - filtrowanie

34. Lista produktów - filtrowanie

35. Lista produktów - filtrowanie

36. Lista produktów - promocje

37. Lista produktów - promocje

38. Jak zaprojektowad stronę z
promocjami Świata Książki?

39. Lista produktów - promocje
• Jak zaprojektowad stronę z promocjami Świata
Książki?

40. Karta produktu
• Najważniejsze czynniki podjęcia decyzji zakupu
– Opis produktu
– Gwarancja sklepu
– Dostępnośd

41. Karta produktu - dostępnośd
• Duże rozczarowanie, gdy nie ma wyszukanego
produktu
• Najlepiej jak najszybciej

42. Karta produktu - dostępnośd
• „Powiadom mnie kiedy produkt będzie
dostępny”
• Poziom dostępności

43. Karta produktu - zdjęcia
• Pokaż niedowiarkom – mów za pomocą zdjęd.
– lepiej oddajesz to co chciałeś przekazad,
– wzmacniasz przekaz,
– możesz pokazad, to czego nie opiszesz słowami,
• Wzrost konwersji o 147%
30 cm
„Do torebki tej bez problemu
wchodzi notebook”
45 cm

44. Karta produktu - zdjęcia

45. Karta produktu - zdjęcia

46. Karta produktu - zdjęcia

47. Karta produktu - teksty
• Jaka jest różnica pomiędzy 80 GB i 160 GB

48. Proces zakupowy - koszyk
• Koszt zamówienia= koszt produktów+koszt
dodatkowych opłat (dostawy, płatności)
• „Powrót do zakupów”, czyli gdzie dokładnie?

49. Proces zakupowy - koszyk
• Informacje
• Przyciski

50. Proces zakupowy - koszyk
• Informacje
• Przyciski

51. Proces zakupowy - formularze
• Usuwad niepotrzebne elementy
• Pogrubianie tekstu jest mniej czytelne
• Jeśli masz do wyboru np. 3 opcje nie dawaj ich
w liście rozwijanej
• Stosuj autouzupełnianie
• Rozważ domyślne zaznaczanie opcji wyboru
• Pokazuj kroki procesu
• Dawaj bardziej zrozumiałe etykiety
Wartośd kredytu vs Ile chcesz pożyczyd pieniędzy?
Jaki jest Twój projekt? vs Jak nazywa się Twój projekt?

52. Proces zakupowy - formularze
• Dezaktywowad, ukrywad niepotrzebne
formularze

53. Proces zakupowy - formularze

54. Proces zakupowy - formularze
Wzrost konwersji o 200%

55. Jak projektuje się użyteczne produkty
„Zaangażuj użytkowników w projektowanie”

56. Kiedy badamy
Koniec projektu
Start projektu
Projektowanie
Analiza i Testowanie
implementacja

57. Projektowanie kontekstowe
Notatki Diagramy Makiety Prototypy
Koniec projektu
Start projektu
Analiza Projektowanie Testowanie

58. Cel wywiadów
Analiza
– Zdobycie wiedzy o zadaniach jakie wykonują
użytkownicy i w jaki sposób oraz kiedy je wykonują
– Poznanie charakterystycznych cech użytkowników
– Poznanie środowiska, w którym pracują
Testowanie
– Weryfikacja założeo
– Testowanie efektywności i skuteczności
– Wykrywanie błędów i problemów

60. Jak przebiega badanie

61. Korzyści dla biznesu
• Ceneo.pl
– Liczba odsłon/wizyt wzrosła o 10%
– Konwersja wizyt/kliki wzrosła o 2-3%
• DomSwiatla.pl
– Zwiększenie konwersji o 200%
• eLady.pl
– Zwiększenie wartości koszyka o 30%

62. Podsumowanie
• Im wcześniej zaangażujemy użytkowników w
projektowanie, tym większą odniesiemy
korzyśd
• Traktujmy projektowanie, w którym
angażujemy użytkowników nie jako koszt, ale
dobrą inwestycję

63. Źródła
• www.grokdotcom.com
• www.getelastic.com
• www.marketingexperiments.com
• www.eyetracking.pl
• „Web Form Design: Filling in the Blanks”, Luke
Wroblewski
• „Web Design for ROI: Turning Browsers into
Buyers & Prospects into Leads”, Lance
Loveday, Sandra Niehaus

64. Dziękuję za uwagę.
Joanna Kotala
jkotala@ideacto.pl