Powolutku organizuję pierwsze spotkanie UX Book Club we Wrocławiu. Zgłosiło się kilka osób, które z chęcią wzięłyby udział w takim spotkaniu. Zobaczymy co z tego wyniknie. Gorąco wierzę, że pierwsze spotkanie bedzie miało szansę zaistnieć w przeciągu najbliższego miesiąca. Także trzymajcie kciuki!

Tymczasem zachęcam do głosowania na książkę, która będzie na tym spotkaniu omawiana. Poniżej znajdziecie ankietę. Zachęcam do odwiedzenia specjalnego wątku na serwisie goldenline: „UX Book Club we Wrocławiu? Są chętni?”. Zaglądajcie czasami na ten serwis, bo jeśli tylko potwierdzi się informacja o sali, umieszczę tam informacje o spotkaniu :) A teraz zachęcam do głosowania!

E-commerce to w dużym uproszczeniu przeniesienie koncepcji sprzedaży na pole Internetu. Jednak życie użytkownika jest o wiele trudniejsze niż życie klienta sklepu wielobranżowego. Zobacz, jakie najczęściej popełniane błędy spotykają użytkownicy i jakie to wywołuje w nich reakcje. Stać cię na nieświadomość?

Ile razy czuliście się zagubieni w wielkim supermarkecie? Ile razy przemierzaliście po raz kolejny wszystkie działy w poszukiwaniu jednego produktu (a przecież miało to zająć tylko chwilkę)? Ile razy…

W sumie można by tak wymieniać jeszcze długo przypadki, gdy market, w którym aktualnie robicie zakupy, nie ułatwiał wam zadania (a wręcz je utrudniał). Podobnie jak w realnym świecie, dzieje się w internetowych sklepach. Ślepe zaułki, przytłaczające reklamy, niezrozumiały rozkład produktów w działach, nieaktualne ceny – to brutalna codzienność internetowego konsumenta.

Można by się tym nie przejmować. Skoro w realnym sklepie konsument radzi sobie z jego niedoskonałościami, to dlaczego miałby sobie nie poradzić w Internecie. Otóż w tym miejscu bardzo łatwo  o błąd. W Internecie o wiele łatwiej zmienić sklep. W realnym świecie musimy wykonać cały ciąg czynności: przejść do kas (najpierw je znaleźć), odłożyć koszyk, wydostać się z marketu, wystawić się na działanie nieprzychylnej aury (w lecie jest może troszeczkę przyjemniej), znaleźć następy sklep i zacząć wszystko od początku. To wszystko wymaga czasu. W sieci zamykamy stronę www i przechodzimy zwyczajnie do innej.

Z tego też powodu każda usterka, która generuje negatywne emocje w użytkowniku, każde poczucie zagubienia czy dyskomfort odczuwany w trakcie procesu zakupowego, niesie za sobą drastyczniejsze w skutkach reakcje i konsekwencje.

Chciałbym się posłużyć tutaj konkretnymi przykładami. Wyborną ich ilustrację zaprezentowała firma Elastic Path Software.

Poprawnie działająca wyszukiwarka

Poprawnie działająca wyszukiwarka to podstawa w e-commerce. Nie chodzi tutaj wcale o samo działanie jako takie (przecież to oczywiste). Kruczek w tym, aby zrozumieć potrzeby użytkownika i to, czego on szuka. Wyświetlanie całego asortymentu w wynikach wyszukiwania nie ma większego sensu (kto to przejrzy). Z kolei w przypadku braku wyników, wyświetlanie pustej listy także jest dalekie od ideału (zachęcam zapoznać się z moim wcześniejszym artykułem Wynik wyszukiwania powinien być… no właśnie. Jaki?).

Dobrze działający silnik wyszukiwania to taki, który wyświetla optymalną liczbę wyników o jak najwyższym wskaźniku relewancji, zaś w przypadku, gdy nie znaleziono obiektów odpowiadających zapytaniu, estymuje i dopasowuje wyniki o możliwie bliskim podobieństwie (lub rekomenduje inne) – oczywiście informując o tym użytkownika.

Ilustracja sytuacji:

Zagubieni w nawigacji

Podobnie jak w realnym świecie nikt nie lubi wejść do działu, w którym nie chciał być, tak w Internecie uczucie trafienia na stronę, na którą nie chcieliśmy trafić, powiązane jest z frustracją, odczuciem zagubienia czy rezygnacją. Należy bezwzględnie unikać tzw. ślepych zaułków czy też elementów niejasno komunikujących stronę, na którą prowadzą.

Kupić i wyjść

Proces zakupowy jest wystarczająco skomplikowaną czynnością i nie warto go jeszcze bardziej utrudniać. Proponowanie nowych produktów w obrębie koszyka (tuż przed akcją przejdź do kasy)  jest potencjalnym elementem powodującym rezygnację z zakupu. Na wszystko jest czas i pora. Produkty możemy proponować w trakcie przeglądania i poszukiwania przez użytkownika odpowiedniego asortymentu. Stronę pokazującą zawartość koszyka pozostawmy bez dodatkowych rozpraszaczy (szczególnie należy się wystrzegać reklam). Poniższy przykład ilustruje dlaczego na stronie koszyka nie należy umieszczać elementów rekomendacji produktów.

Moja prywatność to najwyższa wartość

Wymaganie podawania danych w niezrozumiałych sytuacjach jest niczym ukłucie delikwenta igłą w tyłek. Każdy ceni sobie swoją prywatność. Dlatego jeśli już wymagasz od użytkownika podania danych osobistych, to rób to TYLKO w uzasadnionych sytuacjach i poinformuj go o celu podawania tych danych. Warto także zastanowić się, czy wszystkie dane, o które prosimy, są absolutnie niezbędne. Rozmiar buta twojego klienta na prawdę jest Ci zbędny (o ile nie prowadzisz sklepu obuwniczego).

Rozpraszacze

Zarówno wolne działanie serwisu jak i czynniki zewnętrzne działają podobnie na użytkownika – rozpraszają go a nawet sprawiają, że zapomina on o czynności, którą przed chwilą wykonywał (np. o zakupie produktów). Na pierwszy przypadek mamy wpływ (i należy zająć się tym jak najszybciej). Na drugi niestety nie mamy niestety mocnych argumentów, jednak przestroga płynie taka: nie dodawać takich czynników z własnej strony (nachalne reklamy, niezrozumiałe elementy, niepoprawnie działająca nawigacja itp.).  Po co strzelać sobie we własną nogę?

Reasumując, e-commerce jest wystawiony na wiele czynników, których istnienia należy być świadomym. Rozważne planowanie i unikanie powyższych negatywnych sytuacji to jeden z elementów składających sie na zapewnienie należytej jakości udostępnianych usług.

Planowanie przekuwamy na użyteczne rozwiązania umożliwiające realizację celów użytkownika – ot i cała tajemnica. Jednak nikt nie powiedział, że jest to łatwe ;)

Materiały zaprezentowane w artykule pochodzą z kanału firmy Elastic Path Software. Zachęcam do zapoznania się z pozostałymi ich nagraniami. Mim zdaniem zebrali tam świetny materiał dla każdego, kto interesuje się e-commercem.

Warto także przeczytać artykuł: Reducing Friction in the Sales Process.

Cóż moi mili Państwo z IC PKP. Czyż nie warto by było zainwestować w analityka od użyteczności i zbadać oznaczenie miejsc? Czyż nie warto byłoby zainwestować w testy z użytkownikami, może zrobić wywiady czy grupy focusowe (raczej wzajemnego wsparcia w bólu).

Mówię oczywiście to ze sporą dawką ironii, ale zaskakuje mnie, w jak prosty sposób można utrudnić życie pasażerom (użytkownikom) pociągu, za pomocą takiej drobnostki. Dla niewtajemniczonych powiem, że numeracja nie dość, że wykazuje spore zachwiania w kolejności, to dodatkowo umieszczenie (i to właśnie głównie woła o pomstę do Nieba) numeracji ponad siedzeniami, na półce na bagaż, co wprowadza niemałe zamieszanie. Znajduje się ono w tak niefortunnym miejscu, iż człowiek nie jest w stanie jednoznacznie stwierdzić, czy to miejsce ma numer 44 czy może 37.

Panowie i Panie z IC PKP. Jeśli szanujecie zdrowie psychiczne swoich pasażerów, proszę – popracujcie nad użytecznością tej numeracji i umieśćcie ją np. na siedzeniach. Jak o wiele łatwiej rozpoczynałoby się tą ponad 5-godzinną podróż relacji Wrocław – Warszawa (oraz podobnych). Dziękuję.

Do poprawnego osadzenia flash-a potrzebujemy następujące biblioteki:

• jQuery – do pobrania tutaj
• SWFObject – do pobrania tutaj

W sekcji head umieszczamy poniższy kod:

<script type="text/javascript" src="js/jquery-1.2.6.pack.js">// < ![CDATA[// ]]></script>
<script type="text/javascript" src="js/swfobject.js">// < ![CDATA[// ]]></script>
<script type="text/javascript">
// < ![CDATA[//
$(function(){
swfobject.embedSWF("bilart.swf", "tutajflash", "550", "400", "8.0.0", "expressInstall.swf");
});
// ]]>
</script>

W kodzie strony umieszczamy poniższy kod:

<!--[if IE]><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="550" height="400"><script>/*< ![endif]-->
<object type="application/x-shockwave-flash" data="bilart.swf" width="550" height="400">
<script type="text/javascript">/**/</script>
<param name="movie" value="bilart.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
</object>

A wszystko opakowujemy w div-a:

<div id="mainContent">

...

</div>

Jak to działa?
Gdy mamy włączony JavaScript, flash jest osadzany za pomocą bilbioteki SWFObject (z opcjonalnym wykorzystaniej jQuery). Gdy zaś JavaScript nie działa, jest zablokowany lub na stronę wchodzi indeksujący crawler, flash jest osadzony w tradycyjny sposób.

Oczywiście w przypadku gdy JS jest zablokowany, a stronę oglądamy w Internet Explorerze, flash-a musimy uruchomić standardowym jednym klikiem, ale myślę, że to stosunkowo niski koszt w porównaniu do jego braku.

Ciekawostką SWFObjecta jest to, że w przypadku, gdy użytkownik ma zainstalowaną niższą wersję flash-a niż wymagana do poprawnego wyświetlenia animacji, nastąpi automatyczna aktualizacja flash-a do najnowszej wersji.

Przykład możecie zobaczyć w tym miejscu.