1. Koncepcja
W serwisie najważniejsi są dla nas jego użytkownicy. Dlatego zanim rozpoczniemy projektowanie, poznajemy ich potrzeby.
- Persona
- Persona to przykładowy i modelowy reprezentant grupy docelowej. Wyraźna i charakterystyczna postać, stworzona po to, aby na każdym etapie procesu projektowania pamiętać dla kogo tworzymy serwis.
-
Ania
-
Julia
-
Janek
-
Marek
-
Tomek
Ania
Wyszukiwarka
Szukam hotelu w dobrej lokalizacji i z możliwością rezygnacji bez dodatkowych opłat.
UmiejetnoŚci i wiedza
Przewidująca matka. Wakacje planuje z dużym wyprzedzeniem, dlatego wybiera oferty z możliwością zwrotu. Niedawno odkryła zalety rezerwacji on-line.
Cel
Rezerwacja pokoju hotelowego dla całej rodziny na długi weekend majowy.
Julia
Interfejs automatu
Zapłata za postój w parkomacie zajmuje mi tyle czasu, że dwa razy zdążyłabym dostać mandat
Umiejetności i wiedza
Wiecznie spóźniona businesswoman. Nie mając czasu na czytanie wyłapuje tylko najważniejsze informacje. Skomplikowane urządzenia budzą w niej przerażenie.
Cel
Opłata za dwugodzinny postój w centrum miasta i wydruk biletu parkingowego.
Janek
E-commerce
Nie lubię długiego zastanawiania. Chcę dokonać zakupu i jak najszybciej wyjść ze sklepu
Umiejetności i wiedza
Łowca okazji. Zawsze poszukuje najniższych cen i redukuje koszty odbierając zakupy osobiście. Ceni sobie szybkość i wygodę kupowania on-line.
Cel
Zakup najtańszego laptopa w sklepie internetowym z możliwością odbioru osobistego.
Marek
Serwis transakcyjny
Nie cierpię robić przelewów w swoim banku. Niestety muszę płacić moim dostawcom.
Umiejetności i wiedza
Tradycjonalista i przeciwnik komputerów. Do przelewów przez sieć skłania go tylko koszt, jaki musiałby ponieść zlecając przelew walutowy w oddziale.
Cel
Wykonanie przelewu walutowego w dolarach na konto chińskiego dostawcy.
Tomek
Aplikacja on-line
Potrzebuję aplikacji, dzięki której będę mógł szybko i automatycznie wystawiać faktury.
Umiejetności i wiedza
Wróg biurokracji. Nie cierpi papierowych dokumentów, wszystko załatwia elektronicznie. Ponad wszystko ceni czas wolny, który poświęca swojej pasji żeglarskiej.
Cel
Wystawienie faktury dla klienta przy użyciu internetowej aplikacji do fakturowania.
- Ścieżka Użytkownika
- Droga, którą przemierza w serwisie użytkownik, aby osiągnąć zamierzony cel - kupić produkt, znaleźć informację, czy zamówić usługę. Zdefiniowanie ścieżek przed rozpoczęciem procesu projektowania pozwala skupić się na kluczowych etapach na drodze do konwersji.
Analiza kontekstu biznesowego
Analiza celów biznesowych
Warsztaty z klientem są kluczowe przy sprecyzowaniu celów biznesowych serwisu. Na ich podstawie, podczas projektowania, dobieramy takie rozwiązania, które zapewnią najlepszą realizację założeń i optymalizację zysku.
BENCHMARK
Dokładna analiza serwisów konkurencji pozwala wskazać mocne i słabe strony serwisu naszego klienta. To wskazuje, na które obszary trzeba położyć szczególny nacisk, aby wykorzystać przewagę i zniwelować słabości względem konkurentów.
Analiza potrzeb użytkownika
Przed przystąpieniem do pracy nad serwisem, obok celów biznesowych firmy, poznajemy również potrzeby jej klientów. Sprawdzamy, co jest najważniejsze dla użytkowników serwisu, co im pomaga, a co utrudnia realizację zadań.
2. Projekt interakcji
Od dobrze zaprojektowanych interakcji zależy to, czy użytkownicy wrócą na Twoją stronę.
Architektura Informacji
Dobrze zaprojektowana architektura informacji służy temu, aby użytkownicy szybko i intuicyjnie docierali do informacji, których szukają. Dzięki temu oszczędzają czas, łatwiej osiągają zamierzone cele i mają poczucie, że serwis internetowy spełnił ich oczekiwania.
Cechy dobrej architektury informacji:
- nawigacja serwisu jest zrozumiała i znajduje się w miejscu, w którym oczekuje tego użytkownik,
- informacje są jasno podzielone, a użytkownik nie ma wątpliwości którą kategorię wybrać.
Makiety i prototypy
Makiety pozwalają na wizualizację wstępnych pomysłów na budowę serwisu. Dzięki nim można bez ponoszenia zbędnych kosztów sprawdzać różne rozwiązania i układy interfejsu. Z kolei prototypy, czyli rozbudowane i klikalne wersje makiet, odzwierciedlają wizję ostatecznego produktu.
Dlaczego warto korzystać z makiet i prototypów:
- duża elastyczność przy wprowadzaniu zmian w projekcie,
- oszczędność pieniędzy podczas wdrażania poprawek,
- możliwość przeprowadzenia badań użyteczności przed wdrożeniem serwisu.
Design
Wygląd strony jest jednym z elementów, które wpływają na jej użyteczność. Dbamy o to, aby projektowane przez nas serwisy nie tylko miały nowoczesny design, ale również były przejrzyste i czytelne. Dobre zintegrowanie poszczególnych elementów witryny pozwala wyeksponować to, co najważniejsze oraz szybko znaleźć potrzebne informacje.
Cechy dobrego designu:
- idzie w parze z użytecznością strony,
- pomaga przyswoić jej treść,
- zawiera możliwie mało elementów,
- jest spójny i dopracowany w najmniejszym szczególe.
3. Badania
Analiza danych ilościowych stanowi nierozłączne uzupełnienie informacji uzyskanych w badaniach użyteczności. Dzięki temu połączeniu wiesz nie tylko jak użytkownicy używają Twojego serwisu, ale i jakimi powodami się kierują.
Statystyki
Analiza statystyk strony daje wiele cennych informacji stanowiących uzupełnienie badań użyteczności. Narzędzia takie jak Google Analytics pozwalają prześledzić, jak użytkownicy docierają do witryny i w jaki sposób z niej korzystają.
Dzięki analizie statystyk dowiesz się:
- z jakich źródeł użytkownicy docierają do witryny,
- jakie słowa kluczowe wyszukują,
- ile czasu spędzają i na której stronie,
- która grupa użytkowników zapewnia najwyższą konwersję,
- na którym etapie tracisz najwięcej potencjalnych klientów.
Testy Użyteczności
Testy z użytkownikami to klucz do poprawy użyteczności serwisu i dostosowania go do potrzeb klientów. Badania są najlepszym sposobem, aby dokładnie sprawdzić, w jaki sposób użytkownicy korzystają ze strony i co sprawia im trudność.
Co zyskasz uwzględniając rekomendacje z badań?
- Większą liczbę zarejestrowanych użytkowników,
- poprawę konwersji,
- wzrost liczby transakcji,
- oszczędność czasu i pieniędzy na wdrażanie zmian,
- wzrost satysfakcji użytkowników witryny.
Eye tracking
Pozwala dowiedzieć się, na co patrzy użytkownik i gdzie podąża jego wzrok. Daje informacje o tym, które obszary strony lub reklamy przyciągają uwagę, a które pozostają niezauważone. To pozwala zaplanować przekaz w taki sposób, żeby jak najlepiej realizował swój cel.
Dzięki eye trackingowi możesz wybrać:
- najskuteczniejszą kreację reklamową,
- najlepszy landing page,
- optymalny układ treści na stronie,
- call to action najlepiej przyciągające uwagę.
4. Optymalizacja konwersji
Optymalizacja konwersji to proces, na którym zyskają zarówno użytkownicy Twojego serwisu, jak i Ty. Użytkownicy będą mogli łatwiej realizować swoje zadania, a Ty osiągniesz większy zysk.
Co to jest optymalizacja konwersji?
To działania prowadzące do tego, aby jak największa liczba odwiedzających witrynę realizowała założony przez Ciebie cel, który pozwala generować zysk. To, ilu użytkowników witryny uda się nakłonić do zakupu, ściągnięcia programu, czy kliknięcia w określony link, pokazuje współczynnik konwersji. Przystępując do optymalizacji zaczynamy od poprawy użyteczności najważniejszych części serwisu. Następnie ulepszamy komunikaty, wzmacniając perswazyjność przekazu. Użytkownik nie może mieć wątpliwości, gdzie ma kliknąć i jaką akcję podjąć.
Co zyskujesz
optymalizując konwersję?
- Mając tyle samo użytkowników, zanotujesz więcej transakcji,
- bez dodatkowych nakładów na reklamę uzyskasz większą sprzedaż,
- Twoje działania reklamowe zostaną spotęgowane.
