Użyteczność w eCom­merce stanowi jeden z najważniejszych czyn­ników wpły­wa­ją­cych na wskaźnik porzuceń koszyka, czytel­ność sprzedawanych pro­duk­tów, liczbę otwartych lead-ów z potenc­jal­nymi klien­tami czy otrzy­manych tele­fonów od nich.

Poniżej zna­j­duje się 10 rekomen­dacji ode mnie, które ułożyłem w swo­jej głowie na pod­stawie doświad­czenia i badań.

1. Umieść w górnej części strony wyraźne logo z myślą prze­wod­nią sklepu — nie wstydź się tego, praw­dopodob­nie, że to będzie pier­wszy ele­ment, na który zwróci uwagę użytkownik. Tłu­macząc na prost­szy język — nie żałuj na identyfikację.
2. Na każdej stronie powinno się znaleźć w widocznym miejscu trzy ele­menty: Koszyk, Wyszuki­warka i Kon­takt (tele­fon, for­mu­larz czy wspar­cie online).
3. Na wszys­t­kich stronach, gdzie trafi­ają użytkown­icy (z Google-a czy innych wyszuki­warek, z reklam, pro­gramów part­ner­s­kich etc) należy umieś­cić ele­ment “Call to Action” (np. Kup Teraz, Pro­mocja, inna spec­jalna propozy­cja). Musi on być widoczny bez przewi­ja­nia strony, opty­mal­nie powinien zaczy­nać się na wys. nie niższej niż 200–350 pik­seli od początku strony.
4. Wszędzie, gdzie zna­j­duje się coś na sprzedaż (pro­dukt, usługa, etc.), należy wskazać jego cenę z wlic­zonymi kosz­tami podatku (wartość netto można podać mniejszą czcionką, mniej widoczną) i w ramach możli­wości wyróżnić to deko­ra­torem “kup teraz” albo “okazja” — kwes­tia gustu.
5. Jeśli tylko mamy miejsce na stronie — wskażmy nasze lep­sze warunki zakupu, np. “dostawa gratis”, albo “dostawa w ciągu 24h”, “iPod gratis przy zakupie za min. 500 zł” etc.
6. Jakość zdjęć pro­duk­tów powinna być jak najlep­sza, zachowu­jąc jed­nak zdroworozsąd­kowość (np. unika­jąc wyświ­et­la­nia niepom­niejszych wag­owo, lecz rozmi­arowo minia­turek czy zaczy­ty­wa­nia 50 zdjęć po 500 kb każde — nie bez powodu Alle­gro udostęp­nia 50kb na zdjęcie).
7. Tek­sty powinny być krótkie, słowa proste, jeśli planu­jemy napisanie dłuższego aka­pitu — to max. 2–4 zda­nia. Strona powinna zostać “zeskanowana” przez użytkown­ika tak, żeby mógł odpowiedzieć na pyta­nia: co sprzeda­jemy, na jakich warunk­ach, za ile i jak kupić.
8. Czcionki powinny być wystar­cza­jąco czytelne, otoc­zone białą przestrzenią, z zas­tosowaniem inter­linii 1–1.5. Jeśli mamy wąt­pli­wości, czy “literki” nie są za małe — śmiało zwiększajmy.
9. Nie należy stosować zdań z liczbą słów więk­szą niż 10–13. To użytkown­ika zniechęca i najpraw­dopodob­niej ta infor­ma­cja zostanie przez niego pominięta. Bada­nia to potwierdzają.
10. Śledź­cie ścieżki prze­jś­cia użytkown­ików, his­torię wyszuki­wa­nia, strony wejś­cia i wyjś­cia. Upewni­j­cie się, że najpop­u­larniejsze pro­dukty w tych ścieżkach zna­j­dują się na stronie główne. Ideałem jest, aby wyszuki­warka czy tagi nigdy nie były potrzebne.

Design powinien być prosty.

P.S. Różnice między pros­totą a prymi­ty­wnoś­cią opisałem tutaj.

Bread­crumbs

Definicja

„Okruszki chleba” (ang. bread­crumbs) — ele­ment naw­igacji na stronie WWW, reprezen­tu­jący ścieżkę prze­bytą od korzenia strony do aktu­al­nej strony. Zazwyczaj jest to poziomy ele­ment rozmieszc­zony u góry strony, pod częś­cią brandin­gową, nad sekcją treści właściwej.

Rola

Okruszki naw­iga­cyjne posi­adają dwie role w ser­wisie WWW:

1. Dostar­czają kole­jnego sposobu porusza­nia się po stronie, a konkret­nie, przemieszcza­nia się po

… Czy­taj dalej »

Wstęp

Przeglą­da­jąc dostępne blogi o tem­atyce użyteczności, pro­jek­towa­niu czy desig­nie w pol­skiej sieci nie natknąłęm się na porządne przed­staw­ie­nie tem­atu white­space, reguł stosowa­nia siatki czy poprawnej pros­to­cie, która nie prze­chodzi w prymitywizm.

White­space

Nazy­wana też przestrzenią negaty­wną czy światłem jest wol­nym obszarem pomiędzy ele­men­tami. W pro­jek­towa­niu użytkowym, prze­mysłowym, brandingu marek “white­space” jest często syn­on­imem czegoś wyszukanego, sub­tel­nego, z klasą. W… Czy­taj dalej »

Sim­plic­ity, czyli pros­tota. Przestrzeń, porządek, czytel­ność, wystar­czal­ność. To są cechy użytecznych stron WWW. Ide­al­nie pod­sumowuje to cytat Antoine de Saint-Exupery:

Doskon­ałość osiąga się nie wtedy, kiedy nie można już nic dodać, ale kiedy nie można nic ująć.

Tutaj skończę, by w następ­nych postach opowiedzieć:

• Czym jest Web typografi(k)a i dlaczego jest ważna?
• Jak należy poprawnie stosować białą przestrzeń czyli tzw.

… Czy­taj dalej »

Natknąłem się na nieco komiczną inter­pre­tację o gru­pach docelowych produktu.

Przekłada­jąc na usabil­ity — tylko wiedza o użytkown­ikach koń­cowych, ich potrze­bach, przyzwycza­je­ni­ach, zain­tere­sowa­ni­ach, doświad­cze­niu itp. poz­woli stworzyć nam dobry pro­dukt, czy to ma być reklama, czy strona WWW czy automat parkingowy

21–23 października, w Wiśle, w podob­nej for­mule jak w zeszłym roku, odbędą się XXIV Jesi­enne Spotka­nia PTI. Sesje tem­aty­czne zostaną utwor­zone w połowie przez Uczest­ników, których tem­aty zostaną obrane w drodze głosowa­nia. Cytu­jąc istotne punkty tego zgłaszania:

1) Podob­nie jak w zeszłym roku zwycięzca plebis­cytu otrzyma lap­top w nagrodę za najlep­szą propozycję.

2) Jedna z osób, które zarejestrowały

… Czy­taj dalej »

[17:23] Znalazłem się “online” w budynku Agory przy ul. Czer­skiej 8/10 na pier­wszej odsłonie KreoAuli.

Ma być ciekawie [przeczuwam], a przede wszys­tkim domowo, bowiem spora część prele­gen­tów to moi bliżsi lub dalsi zna­jomi, a na sali właśnie spotkałem jeszcze kilka zaprzy­jaźnionych twarzy.

[17:29] Sala prawie pełna. Czekamy na rozpoczęcie.

[17:37] Star­tu­jemy. Igor otwiera ofic­jal­nie nową aulę w nowym… Czy­taj dalej »

Ostat­nio trafiła w moje ręce książka autorstwa INDI YOUNG pt. “Men­tal Mod­els: Align­ing Design strat­egy with Human Behav­ior” wyd. Rosenfeld.

Zgod­nie z opisem, jest to książka dla:

• Menedżerów strate­gii i osób wykonawczych
• Team menedżerów
• Webowych ewan­ge­listów każdego kroju
• Project man­agerów
• i zwykłych praktyków

Moje małe pod­sumowanie dot. książki.
Nie jest proste stworzyć ide­alny pro­jekt, pro­to­typ… Czy­taj dalej »

Pragnę udostęp­nić swoją prezen­tację z Kan­sei 2008 (7.06.2008, Warszawa, PJWSTK). Temat wys­tąpi­enia — “Ślady użytkown­ików w pro­ce­sie automatyza­cji bada­nia użyteczności strony WWW”.

Wszys­t­kich zain­tere­sowanych tem­atem zapraszam do komen­towa­nia i wspól­nej anal­izy, gdyż automatyza­cja badań użytkown­ików stron jest wg mnie kluc­zowym ele­mentem w obec­nej sytu­acji w Internecie.