Raport z badania użyteczności serwisu Raport z badania użyteczności serwisu

Transkrypt

1 Raport z badania użyteczności serwisu Raport z badania użyteczności serwisu

2 Wstęp Na potrzeby badania użyteczności serwisu zaprojektowaliśmy plan działań i na jego podstawie wykonaliśmy szereg czynności wchodzących w skład analizy eksperckiej serwisu. W pierwszej kolejności zbadaliśmy konkurencyjne serwisy internetowe. Następnie wyodrębniliśmy listę najlepszych heurystyk odnoszących się do wymogów technologicznych i architektury informacji. Na tej podstawie powstał raport z badania użyteczności, w którym zostały opisane dobre i złe rozwiązania w serwisie oraz propozycje zmian. Badanie użyteczności dotyczyło następujących elementów serwisu: 1. Strona główna - rozmieszczenie elementów, dostęp do najważniejszych funkcji/opcji serwisu, kolorystyka, style, grafika. 2. Katalog domów. 3. Sposób uporządkowania zasobów. 4. Nawigacja. 5. Funkcje wyszukiwania. 6. Formularze 7. Moja domeria 8. Dostosowanie serwisu pod SEO. Legenda. Na koniec każdej części tego raportu podsumowaliśmy znalezione przez nas błędy w użyteczności, sugerując pewne rozwiązania. Każdy z błędów oznaczyliśmy odpowiednią ilością gwiazdek, sugerującą wagę problemu. * - zalecane domyślnie do poprawy, rozwiązania standardowe ** - zdecydowanie zalecane do poprawy *** - bardzo ważne aby poprawić dany element/funkcjonalność serwisu

3 1. Strona główna 2 1 Pierwsza styczność użytkownika z serwisem bardzo mocno rzutuje na stopień jego zadowolenia w ogóle, dlatego twórcy witryny powinni traktować stronę główną ze szczególną uwagą. Wydaje się, że wykonawcy serwisu domeria.pl mieli tę świadomość, ponieważ pierwsze odczucia wywoływane przez witrynę są raczej pozytywne. Spójna, naturalna

4 kolorystyka, klarowne wyodrębnienie różnych obszarów strony, konsekwentne stosowanie konwencji graficznych, a w końcu liczne zaokrąglenia, stwarzają jakże ważne poczucie ładu. Przyczynia się do tego także zupełny brak treści reklamowych (krzyczące, ruchome banery etc.), a także jednolity charakter obrazów widniejących na stronie (jednakowa wielkość, kolorystyka, podobne obiekty). W dłuższym kontakcie z witryną domeria.pl niektóre jej elementy mogą budzić wątpliwości negatywnie wpływające na użyteczność serwisu, który powinien być intuicyjny i zrozumiały. Dziwić może postać adresu URL w wyszukiwarce, który po wpisaniu wyrażenia domeria.pl przybiera niezrozumiałą postać co dezorientuje i stwarza wrażenie, że nie jest to strona główna i/lub że w ogóle nie można się do niej dostać (kliknięcie logo także nie przywołuje adresu domniemanego). Poważniejszym problemem jest jednak brak jasnego zakomunikowania użytkownikowi, jakie jest przeznaczenie serwisu oraz co stanowi jego główną zawartość. Tytuł strony widoczny w nagłówku okna przeglądarki nie rozwiązuje problemu, ponieważ nie każdy zwraca na niego uwagę. Mało komunikatywny jest także nagłówek zobacz projekty, zatem dla użytkownika może nie być jasne, czy Domeria jest firmą tworzącą projekty, pośredniczącą w sprzedaży projektów, czy też może stowarzyszającą architektów. Tekst powitalny, który w krótkiej i zwięzłej postaci mógłby stanowić w tej sytuacji remedium, jest zbyt rozbudowany, a przede wszystkim zauważenie go wymaga przewinięcie strony na sam koniec, tak więc w żadnym wypadku nie spełni on funkcji szybkiego poinformowania internauty o charakterze witryny. Przykład LOGO zawierającego informacje o przeznaczeniu serwisu/firmy Kolejne wątpliwości wywołane być mogą treścią zasadniczą strony głównej (1). Wyświetlanie wybranych projektów, które są głównym tworzywem serwisu, jest oczywiście uzasadnione, natomiast brakuje jasnego kryterium wyboru, co zaciemnia ogólny obraz strony. Nie wiadomo, dlaczego system prezentuje akurat te projekty, które prezentuje, dlatego z natury nieufny użytkownik raczej nie zwróci na nie szczególnej uwagi, a to oznacza marnotrawstwo atrakcyjnej przestrzeni strony głównej. Przykładowym rozwiązaniem byłoby wyróżnienie projektów na stronie głównej jako nowości / promocje - będzie to przy okazji jasno

5 komunikować, że za pośrednictwem serwisu można kupić projekt, a także to, że witryna jest na bieżąco aktualizowana. Przeglądanie ostatnio dodanych projektów jest poza tym często praktykowane przez użytkowników niezdecydowanych, pobieżnie przeglądających zawartość WWW. Twórcy serwisu zdecydowali się na umieszczenie identyfikatora (logo) witryny w prawej kolumnie, pod menu głównym (2). Wydaje się, że konwencja umieszczania go w lewym górnym rogu jest zbyt powszechna, aby odstępować od niej bez wyraźnej przyczyny (znaczenia identyfikatora nie można bagatelizować, ponieważ stanowi on silny punkt odwołania i nieustannie informuje użytkownika, w jakim serwisie się on znajduje). Niekonwencjonalnie rozwiązano także kwestię umiejscowienia nawigacji bocznej, zwyczajowo umieszczanej po lewej stronie (zgodnie z kierunkiem czytania tekstu). Prawostronna orientacja menu spotykana jest bardzo rzadko - internauci nie są do niej przyzwyczajeni (wyjątkiem są dzienniki internetowe - blogi, gdzie najważniejsza jest aktualna treść, a nawigacja bywa w ogóle niewykorzystywana) i może to być dla nich dezorientujące. Problem Waga Rozwiązanie niejasne przeznaczenie serwisu *** Komunikatywny slogan w miejscu nagłówka "zobacz projekty" (np. "projekt Twojego domu") lub przesunięcie wyżej (pod obszar wyszukiwarki) tekstu powitalnego i przeredagowanie go do kilku łatwo zrozumiałych zdań. umiejscowienie logo *** Wpasowanie identyfikatora strony w lewą część górnego menu i przesunięcie odnośników co zawiera projekt itd. w prawo. Osobną korzyścią takiego rozwiązania będzie wyrównanie kolumny boksów nawigacyjnych z nagłówkiem zobacz projekty (lub jego odpowiednikiem). brak kryterium wyświetlania projektów ** Zastąpienie projektów przypadkowo pojawiających się na głównej stronie promocjami, nowościami. orientacja menu bocznego * Przeniesienie całej prawej kolumny do lewej krawędzi witryny. adres strony głównej * Jeśli nie można rozpisać widoku strony głównej w pliku "index", lepszym rozwiązaniem niż przekierowanie będzie odpowiedni wpis w pliku.htaccess.

6 2. Katalog domów Serwis na etapie przeglądania zasobów katalogu projektów pozwala użytkownikowi na swobodne przełączanie się pomiędzy widokiem same zdjęcia a widokiem bardziej szczegółowym zdjęcia z opisem. Bardzo rzuca się w oczy niewykorzystana wolna przestrzeń w widoku szczegółowym (3), gdzie swobodnie można umieścić więcej informacji o danym projekcie. 3 Na ekranie listowania produktów rzucają się w oczy od razu dwa buttony ZOBACZ i DO TECZKI. Pierwszy z nich od razu sugeruję jaka akcja kryje się po linkiem, nazewnictwo do teczki jednak nie daje jednomyślnego wyobrażenia co się stanie po kliknięciu. Nie jest to bowiem często stosowana etykieta na stronach www, stąd też użytkownicy mogą mieć problem ze skojarzeniem akcji pod tym buttonem. Dodatkowym bardzo dużą wadą serwisu jest barak możliwość dodawania projektów do teczki przez użytkowników nie posiadających konta w serwisie. Rejestracja dla samego zapamiętywania ulubionych projektów będzie zniechęcać użytkowników. Zastosowano intuicyjne rozwiązanie, ze po kliknięciu na zdjęcia produktów można przejść do szczegółowej karty projektu. Podczas przeglądania projektów w kategoriach, lub przeglądając listę wyników wyszukiwania brakuje opcji sortowania wyświetlonych projektów rosnąco lub malejąco, po najważniejszych atrybutach projektów, jak np.: nazwa, cena, powierzchnia zabudowy, minimalna szerokość itp

7 5 4 Widać, że szczegółowa karta produktu została graficznie przemyślana, duże zdjęcie w centralnej części ekranu przykuwa oko, dziwić może przycisk powiększ (4) pod zdjęciem. Raczej obecnie stosowanym standardem jest powiększanie zdjęć po kliknięciu na miniaturkę. Jednak w tym wypadku projektanci złamali tą zasadę aby zastosować niestandardową galerię zdjęć, do której po krótkiej chwili można się jednak przyzwyczaić. Karta produktu nie jest opatrzona widocznym, wyróżnionym nagłówkiem. Przykładowo napis Projekt domu znika gdzieś pośród tekstu w boksie po lewej stronie od zdjęcia (5). To samo dotyczy nazwy projektu. Brakuje tu wyróżnienia tych dwóch ważnych elementów. Lewy box Dane techniczne zawiera odpowiednio usystematyzowane najważniejsze informacje techniczne o projekcie. W porównaniu do stron konkurencji brakuje tam kilku opcji jak: liczba pokoi, liczba łazienek, garaż. Dodatkowo aby uczynić serwis bardziej przyjaznym można dodać opcję Do druku aby w

8 oszczędny sposób użytkownicy mozgi drukować wyczerpujące informacje o projekcie. Również atrakcyjną opcją byłaby możliwość po kliknięciu na nazwę/logo architekta zobaczyć wszystkie jego projekty w systemie. W serwisie nie ma możliwości powiększenia zdjęć w dziale Elewacje. W serwisie nie da się obejrzeć zdjęć w odbiciu lustrzanym, użytkownicy nie mają możliwości zobaczenia serwisu z innej perspektywie. Problem Waga Rozwiązanie Brak możliwości dodawania do teczki dla *** Dużo wygodniej będzie dla użytkowników, jak system da im możliwość odznaczania projektów bez rejestracji, np. bazując na plikach Cookie niezarejestrowanych Button do teczki ** Lepsze byłoby zastosowanie popularnego nazewnictwa z innych serwisów, czyli DO SCHOWKA Brak możliwości sortowania projektów w kategoriach i liście ** Górna część katalogu z paginacją powinna być ściśnięta w poziomie aby znaleźć miejsce na elementy sortowania po najpopularniejszych atrybutach dot. każdego projektu. Ok 4-5 opcji wyboru. wyników wyszukiwania Powiększenia wszystkich ** Zdjęcia w części Elewacje, powinny się powiększać zdjęć projektu Brak wyróżnionego nagłówka, i nazwy projektu ** Oba te napisy mogą zostać w lewym górnym boksie jak dotychczas, jednak trzeba zastosować nowy styl czcionki. Najbardziej widoczny, umieszczona najwyżej powinna być nazwa projektu, następnie typ projektu. Dane techniczne ** Warto dodać atrybuty: liczba pokoi, liczba łazienek, garaż Do druku * Warto dodać opcje wydruku informacji o projekcie Odbicie lustrzane * Warto dodać te opcję, po jej uruchomieniu wszystkie zdjęcia projektu pojawiłyby by się w odbiciu lustrzanym.

9 3. Sposób uporządkowania zasobów Twórcy każdej witryny dysponują różnymi obszarami strony i różnego rodzaju zasobami. Zasoby te, a także odnośniki do nich, należy uporządkować w sposób przejrzysty i logiczny (unikając nadmiernego rozpraszania treści). Środkiem ku temu jest wyodrębnienie grup informacji za pomocą odpowiednich kryteriów, a następnie ich alokacja w miejscach odpowiadających istotności i charakterowi treści. W obrębie serwisu domeria.pl znajdujemy zarówno pozytywne, jak i negatywne dezycje odnośnie sposobu uporządkowania zasobów. Do decyzji pozytywnych zaliczyć należy sposób potraktowania menu górnego oraz stopki. Lewą część menu górnego stanowią odnośniki do przydatnych, rzeczowych informacji. Zakwestionować można natomiast podwójną obecność na stronie łącza o firmie. Prawa strona menu górnego to łącza funkcjonalne, adekwatnie, bo bezpośrednimi zwrotami do użytkownika, etykietowane. Zasoby linkowane w menu górnym nie są podstawowym tworzywem serwisu, dlatego nieeksponowanie ich zbyt mocno jest bardzo dobrym rozwiązaniem. Sama ich pozycja gwarantuje, że w razie potrzeby zostaną szybko odnalezione. Bardzo ważną kwestię stanowi kategoryzacja głównej zawartości witryny. W serwisie domeria.pl mamy do czynienia z podwójną, a w zasadzie potrójną kategoryzacją projektów domów. W prawym menu podzielone są one wg zrozumiałego rodzaju budynku. Z kolei górna część strony (najbardziej wizualnie eksponowana) to ikony domów odzwierciedlające podział wg metrażu, ale także podział na domy parterowe i domy z poddaszem.

10 Sama koncepcja wielokrotnej kategoryzacji nie jest jeszcze wykroczeniem przeciwko użyteczności, wymaga ona jednak takiej wizualizacji, aby korzystanie z menu było klarowne. W przypadku ikon domów w serwisie domeria.pl, podział zarówno powierzchniowy jak i kondygnacyjny w jednym miejscu komplikuje posługiwanie się tą drogą wyszukiwania projektów. Jeśli użytkownik chce odnaleźć projekt najmniejszego w serwisie domu, powinien kliknąć parterowe, czy małe? Tak więc konieczne jest optyczne odseparowanie ikon reprezentujących odmienne kryteria podziału projektów, jak ma to miejsce w serwisie extradom.pl. Dodatkowych wątpliwości przysparza fakt, iż wyszukiwanie projektów za pomocą wiersza ikon odbywa się tylko wewnątrz kategorii domów jednorodzinnych, co odnotowane jest dopiero w tytule strony, po kliknięciu wybranej ikony i wyświetleniu listy projektów. Problem Waga Rozwiązanie niejasne kryterium podziału *** Innym niż umieszczenie pośród omawianych ikon separatora projektów w obszarze ikon domów rozwiązaniem byłoby usunięcie "domów parterowych" i "domów z poddaszem". Zastąpić je można budynkami gospodarczymi i garażami, które bardziej pasują do kryterium wielkości i nie pokrywają się z małymi, średnimi i dużymi domami. wyszukiwanie za pomocą ikon odbywa się tylko w obrębie domów jednorodzinnych ** Rozwiązaniem będzie albo rozszerzenie zakresu wyszukiwania do całego katalogu projektów, albo zawarcie w obszarze ikon lub jego nagłówki informacji o tym, że prowadzą one jedynie do domów jednorodzinnych. zbędne podwojenie łącza o firmie" * Pozostawienie odnośnika tylko w stopce lub nagłówku (w tym wypadku można by przesunąć do lewej krawędzi pozostałe informacje znajdujące się w stopce).

11 4. Nawigacja Dobrze zaprojektowana nawigacja witryny daje internaucie szybki dostęp do jej zasobów oraz ułatwia poruszanie się pomiędzy podstronami serwisu. Nawigacja globalna (pojawiająca się na każdej podstronie) serwisu domeria.pl udostępnia zawartość witryny w sposób przejrzysty, dzięki odpowiednio rozdysponowanym obszarom menu górnego, ikon domów, stopki oraz menu bocznego ze starannie wydzielonymi boksami tematycznymi. Poprawny jest też stopień graficznego wyeksponowania obszarów nawigacyjnych, który nie jest większy niż obszar zasadniczej treści poszczególnych podstron, zwłaszcza dzięki kolorowym zdjęciom (nawigacja powinna być zawsze pod ręką, ale nie jest ona na stronie najważniejsza - najważniejsza jest treść). Nawigacja powinna jednak komunikować użytkownikowi także to, jaka jest jego bieżąca lokalizacja w obrębie witryny. Wydaje się, że o tej funkcji twórcy serwisu domeria.pl zapomnieli - przede wszystkim brakuje wyróżnienia aktywnej pozycji, po kliknięciu jednej z kategorii menu bocznego. Dobrym sposobem na informowanie o obecnym położeniu jest także tzw. ścieżka okruchów. Niestety odnajdziemy ją jedynie na stronach prezentujących listy projektów, co czyni ten element niefunkcjonalnym. Warto byłoby także rozważyć opatrzenie ścieżki zwyczajową etykietą Tutaj jesteś:, która nie pozostawia wątpliwości co do natury prezentowanych w tym obszarze linków. Jeśli chodzi o nawigację lokalną, warto docenić umieszczenie na większości podstron przycisku wstecz, który czyni płynnym poruszanie się pomiędzy różnymi treściami - dotyczy to zwłaszcza treści statycznych, które nie zawierają innych odnośników, więc należy się spodziewać częstego używania opcji wstecz (bez konieczności sięgania po opcje przeglądarki). Do nawigacji lokalnej zaliczymy także menu listy produktów. 6 Pozytywna ocena należy się umieszczeniu menu stronicowania zarówno nad, jak i pod listą projektów, przez co oszczędzono użytkownikowi przewijania strony, kiedy przegląda pozycje od góry do dołu, strona po stronie.

12 Przydatne wydaje się także wpisywanie numeru strony w polu tekstowym, ponieważ przy dużej ilości pozycji internauta może je przeglądać partiami w dowolnych odstępach czasu. Różne upodobania użytkowników mogą znaleźć ujście w możliwości wyboru różnej ilości wyświetlanych projektów. Menu listy produktów charakteryzuje się jednak niepotrzebnym rozproszeniem - obejmuje trzy, odseparowane wizualnie wiersze (6). Wrażenie chaosu potęguje pogrubianie łącz po nakierowaniu na nie kursora myszy, ponieważ powoduje to ruszanie się całych grup odnośników. Zdecydowanie brakuje tu możliwości sortowania listy wg różnych kryteriów. Nawigacja lokalna karty konkretnego produktu jest mniej problematyczna. Dezorientuje brak tytułu strony i ścieżki okruchów. Niejasne może być także przeznaczenie odnośnika ostatnio oglądane, zwłaszcza w obecności podobnie brzmiącego wróć do listy projektów - dopiero po kliknięciu przekonujemy się, że nie jest to to samo. Natomiast dobrym pomysłem są łącza poprzedni, następny, dzięki którym przeglądanie kolejnych projektów staje się bardziej płynne. Problem Waga Rozwiązanie brak wyróżnienia aktywnej kategorii w menu bocznym *** Dowolna dodatkowa indykacja przeglądanej właśnie przez użytkownika kategorii - np. podkreślenie, podwójne podkreślenie, zmiana koloru czcionki. chaotyczny wygląd menu listy projektów *** Usunięcie informacji o ilości znalezionych projektów - jest zbędna, ponieważ ogląd na nią daje ilość stron do wyświetlenia. Aby opcje znalazły się w jednym wierszu, można je uporządkować w następujący sposób: wybór zdjęcia / zdjęcia z opisami (w postaci ikon, a nie linków słownych), 8, 12, 18 projektów na stronie, separator pionowy, stronicowanie (zamiast etykiety idź do strony, etykieta strona: ), separator, sortowanie, np.: cena, metraż. Wówczas nawigacja listy projektów będzie spójna, a ścieżka okruchów i tytuł strony będą stanowić oddzielne byty. niekonsekwentne stosowanie tzw. ścieżki okruchów ** Umieszczenie tej opcji nawigacyjnej na każdej podstronie serwisu, pod obszarem wyszukiwania. Dla jasności dodanie etykiety Tutaj jesteś:. niejasne przeznaczenie odnośnika ostatnio oglądane (karta projektu) * Prawdopodobnie dobrym pomysłem byłoby dodanie kolejnego boksu do bocznej kolumny. Pojawiałby się po odwiedzeniu pierwszej, dowolnej karty projektu, zawierać może np. 3 ostatnio oglądane projekty oraz przycisk zobacz wszystkie, rozwijający pozostałe oglądane uprzednio projekty (o ile jest ich więcej niż założone 3).

13 5. Funkcje wyszukiwania W serwis domeria.pl wbudowano złożone funkcje wyszukiwania. Pozytywnie należy odczytać łatwy dostęp do nich dostęp oraz z wyodrębnienie wyszukiwania podstawowego (domyślnie) i zaawansowanego, stosowane w większości witryn zawierających jakiegokolwiek rodzaju katalogi. Istotność i dostępność funkcji wyszukiwania podkreślają mocno wyeksponowane wizualnie przyciski szukaj oraz szukanie zaawansowane. Bardzo dobrym pomysłem jest wprowadzenie już w wyszukiwarce podstawowej kryterium metrażu budynku, natomiast raczej nieużyteczne wydaje się wyszukiwanie wg nazw projektów, zwłaszcza że mają one postać stricte techniczną (internauta nie wprowadzi raczej słów kluczowych w rodzaju WB-3990, z kolei brak wyników przy innych słowach kluczowych po kilku próbach może go zirytować). Pole to można zastąpić wybieranym z listy stylem projektu (nowoczesne, drewniane etc.) - użytkownik mógłby wówczas od razu przefiltrować projekty wg swoich upodobań. Uciążliwe może być także czyszczenie pól formularza po kliknięciu myszą - jeśli ktoś pomyli się podczas wprowadzania tekstu, musi go wprowadzać od nowa w całości. Drobne kontrowersje wywołuje ponadto automatyczne uzupełnianie pola do, jeśli wprowadzone zostanie tylko od (i odwrotnie), wartościami 0 i użytkownik nie lubi być zaskakiwany. Jeśli chodzi o wyszukiwarkę zaawansowaną, cieszy skondensowanie opcji na stosunkowo (zwłaszcza w porównaniu z innymi tego rodzaju witrynami) niewielkim obszarze, dzięki czemu łatwiej użytkownikowi objąć umysłem różnego rodzaju kryteria. Niestety czynników negatywnie wpływających na użyteczność tego elementu jest więcej. Rzuca się w oczy duży chaos - poszczególnych etykiet i pól formularza jest dużo, a nie są one wyrównane w pionie. Złym pomysłem jest stworzenie tutaj trzech niezależnych wyszukiwarek. Powoduje to dezorientację (użytkownik może zadawać sobie pytanie: czy po

14 rozwinięciu wyszukiwarki zaawansowanej mogę pozostawić wpisane wartości w polach wyszukiwarki podstawowej, czy przekopiować je do pól wyszukiwarki zaawansowanej, czy może umieścić i tu, i tu, a jeśli tak, to który przycisk szukaj zadziała?), a także zbędne powielanie tych samych pól (powierzchnia, kąt dachu). Niezrozumiałe jest pole min. szerokość działki (dlaczego tylko szerokość, a nie wymiar i czy oznacza to wyszukiwanie projektów większych czy mniejszych od podanej wartości?). Przy dużej liczbie kryteriów dodać można przycisk resetuj formularz. Problem Waga Rozwiązanie chaotyczny wygląd wyszukiwarki zaawansowanej *** Wyrównanie w pionie poszczególnych etykiet i pól formularza. Przełamaniem monotonii (i ułatwieniem dla użytkownika) byłoby zastąpienie list rozwijanych, których jedyne opcje to tak i nie, przyciskami typu radio. Wadą list rozwijanych jest to, że do momentu kliknięcia w nie nie wiadomo, co jest w nich zawarte, a to zaciemnia ogólny ogląd dostępnych opcji. potrojenie formularza przy wyszukiwaniu zaawansowanym oraz powielenie pól powierzchnia i kąt dachu *** Ujednolicenie wyszukiwarki do pojedynczego obszaru - nie ma przeciwwskazań, aby cały rozwinięty obszar znalazł się na ciemnobeżowym tle - przycisk "szukaj" może przesuwać się do dołu, podkreślając spójność obszaru wyszukiwania. Wyszukiwanie zaawansowane powinno powiększać zakres kryteriów wyszukiwania podstawowego, a nie stanowić tutaj element konkurencyjny. Wyszukiwarkę garaży zastąpić można jednym polem zaznaczanym (checkbox) - "tylko garaże". pole min. szerokość działki ** Jednoznacznie rozumiane byłoby pole szerokość działki, gdzie użytkownik wpisywałby szerokość działki posiadanej, a system wyszukiwałby projekty mieszczące się w podanym wymiarze. brak kryterium stylu ** Dodanie do katalogu atrybutu styl - wyszukiwanie wg tego kryterium może zastąpić wyszukiwanie po nazwie projektu, ponieważ kryterium to będzie z pewnością stosowane częściej. czyszczenie pola tekstowego po kliknięciu myszką * Usunięcie tej funkcjonalności. Zamiast tego dodanie do formularza przycisku resetuj formularz - będzie pomocne, jeśli ktoś zechce wpisywać wartości od nowa, jednak będzie podlegać decyzji użytkownika. automatyczne dopisywanie drugiej wartości granicznej dla pól od - do * Żeby nie zaskakiwać użytkownika podejmowaniem decyzji w jego imieniu, należy ukryć przed nim dobieranie przez system wartości granicznych na potrzeby operacji wyszukiwania.

15 6. Formularze Formularze w serwisie są estetycznie i czytelne. Każdy zawiera nagłówek oraz nazwę projektu informując użytkownika jaki jest cel wypełnienia formularza. Minimalna niezbędna liczba informacji oraz intuicyjny rozkład formularza nie pozwala na przeoczenie żadnej z opcji. Formularz pytajmy tylko o to, co jest konieczne. Im więcej użytkownikom musi podać informacji i danych, tym większa szansa na to, że się zniechęci i tego nie zrobi. Bardzo dobrze, że projektanci założyli dodatkowe pola określające możliwość przesyłki na inny adres niż podany w podstawowej części formularza, jednak skoro są to pola opcjonalne mogły być początkowo nieaktywne. W opisach pól brakuje konsekwencji. Wszystkie powinny

16 być opisane po lewej stronie, dlatego dziwi dlaczego przy polu NIP napis (firma) występuje po prawej stronie. Zdecydowanie brakuje oznaczenia, które z pól są wymagane do wypełnienia aby można było wysłać formularz. W rzeczywistości formularze nie zostały opatrzona żadną walidacją, przez co możliwe jest nie wypełnienie żadnego pola i wysłanie formularza. Dodatkowo formularze nie zostały zabezpieczone przed wpisaniem błędnych danych. W miarę możliwości pola formularzy powinny uniemożliwiać wpisanie niepoprawnych wartości np. w kodzie pocztowym numerze NIP i co najważniejsze adresie . Po poprawnym wysłaniu formularza brakuje kompletnej informacji dla użytkownika. Nie dowiaduje się co się stało z zamówieniem, jak zapłacić za projekt, jakie jest czas wysyłki, w jakiej formie może się spodziewać kontaktu. Bardzo dużym problemem jest również to, że kopia zamówienia nie jest wysyłana do kupującego, a jest to standard w każdym systemie e-commerce.

17 Formularz zapytania o projekt również nie posiada żadnej walidacji, dziwi to, że nawet pole e- mail nie jest wymagane do wypełnienia, więc nie wiadomo jak miała by dotrzeć informacja zwrotna do zamawiającego. Po wysłaniu zapytania użytkownik otrzymuje planszę(podstroną) z napisem Dziękuje. Brakuje tam dodatkowych informacji np. w jakim czasie może liczyć na odpowiedz. Logowanie użytkownika: Bardzo prosta i przyjazna użytkownikowi podstrona. Zawiera tylko niezbędne informacje i opcje możliwe do wykonania. Bardzo dobry opis z wyszczególnieniem korzyści dla zarejestrowanych użytkowników. Użytkownik od razu może podjąc decyzje i w tym samym miejscu przejść do rejestracji. W boksie Zaloguj się rzuca się w oczy brak funkcjonalności dla użytkowników, którzy zapomnieli hasła w serwisie, i chcieli by aby system im je przypomniał.

18 W formularzu rejestracji użytkownika wątpliwości budzą dwa pola: Płeć i Twój avatar. Płeć w tego rodzaju serwisu jest nieistotna więc budzi zastrzeżenie dlaczego użytkownicy mieli by ją podawać. Natomiast wybór avatara na tym etapie rejestracji jest niespotykany. Możliwość jego umieszczenia powinna być przy edycji profilu. Zastanowienie budzi również umiejscowienie i nazewnictwo buttona Dalej. Powinien być on umieszczony bezpośrednio pod formularzem. Jeżeli chodzi o nazewnictwo, to Dalej sugeruje następne strony formularza, których w tym wypadku nie ma. Wysyłany systemowo mail zawiera wszystkie niezbędne informacje, jednak brakuje w nim hasła potrzebnego do logowania. UWAGA!!! Błąd w formularzu rejestracji. Hasła podawane mogą się różnić od siebie Problem Waga Rozwiązanie Formularz rejestracji, brak maila dla kupującego *** System powinien wysyłać maila z podsumowaniem zakupu, oraz opisem dalszych czynności jeśli są wymagane. Brak oznaczenia pól wymaganych *** Nazwa firmy/imię nazwisko, kompletny adres, powinny być wymagane podczas Zamówienia. Pole podczas zapytania o projekt Brak walidacji na polach , numer telefonu, NIP ** System powinien zabezpieczać przed podaniem nieodpowiednich danych. Dodatkowo przy wysyłaniu formularza informować dokładnie które pole zostało źle wypełnione. Dane wpisywane do pola powinny mieć składnie adresu , telefon tylko wartości numeryczne, NIP tylko wartości numeryczne dodatkowo można określić format wpisywanych danych do pola .

19 Formularz rejestracji, pola Płeć i Avatar ** Oba te pola powinny być usunięte z formularza rejestracji. Wprowadzenie tych opcji powinno być dostępne przy edycji swojego profilu, gdzie można jeżeli zajdzie potrzeba inne pola do wypełnienia zbierające informacje o użytkownikach. Po złożeniu zamówienia * Brakuje informacji o dalszych krokach, terminie realizacji, itd. brak wyczerpującej informacji Zaloguj się * Powinna być opcja przypomnij hasło. Po wpisaniu adresu system sprawdzałby czy taki użytkownik się rejestrował i na ten wysłane zostałby hasło. Formularz rejestracji, button Dalej * znajdować się bezpośrednio pod formularzem, proponowana nazwa: Wyślij, Rejestracja 7. Moja domeria (w przygotowaniu) 8. Dostosowanie serwisu do SEO (w przygotowaniu) 9. Podsumowanie (w przygotowaniu)

20 Raport na zlecenie CompassISN przygotowali: Sebastian Suma Maciej Adamów Netarch Sp.J., ul. Mogilska 43/712, Kraków, ,