Audyty i analizy stron i serwisów internetowych

Oryginalna strona:

Strona po analizie:

Opis zmian

1. Favico – ikonka w URL powinna odzwierciedlać logo.

2. Nie ma miejsca dookoła logo, za bardzo się wszystko zlewa.

3. Z niczym mi się nazwa dabu nie kojarzy – lepiej wymyślic jakieś rozwinięcie np. dobre, adekwatne, bieżące i unikalne (wymyśliłem na poczekaniu)

4. Strona jest generalnie za długa. Za dużo na niej informacji.

5. „Zobacz co Ci dajemy!” – jestem prawie pewien, że nikt nie czyta strony, do której prowadzi ten link, poza tym źle to brzmi według mnie. Czy nie lepiej wygląda: „Zobacz, co Tobie oferujemy!” albo „Zobacz, co dla Ciebie mamy!”.

6. Nie ważne ile wpisów serwis posiada, a przynajmniej nie na tyle, żeby umieszczać to w nagłówku (nie potrzebna ta informacja w prawym, górnym rogu). Użytkownik raczej sprawdzi co serwis oferuje. Jakość, a nie ilość.

7. Wersje językowe powinny być jakoś uwydatnione i stanowią odrębną część nawigacji. Pasują do poziomego menu, proponuję flagi – konwencja do której przyzwyczajeni są internauci.

8. Dodawanie nowych informacji jest bardzo ważna dla dabu.pl i równocześnie wyjaśnia czemu strona służy. Jako, że boks jest mały dałem go na górę ponad kategorie w lewym menu. Poza tym internauci przyzwyczajeni są do dodawania linku w pierwszej kolejności, potem jego opisywaniu, a nie na odwrót jak to zastałem. Do tego przydałby się duży, czerwony przycisk jasno określający możliwość interakcji.

9. Tego, czego najbardziej mi brak w tym serwisie to kategorie – jakieś pogrupowanie tego, co oferuje. Spodziewałem się, że będzie to pod przyciskiem „działy tematyczne”, ale niespodziewanie znalazłem tam wersje językowe i jedynie dwie kategorie, które nazwałbym specjalnymi. Proponuję na lewej stronie pogrupować linki w kategorie główne tak jak na załączonym obrazku, oraz dodać kategorie specjalne, do których można wrzucić takie działy jak muzyka, filmy, gry itp.

10. Zawartość strony OK. Można by na górze dodać naprawdę krótką, trzyzdaniową informację na temat tego, czemu serwis służy (ale nie jest to koniecznością). Jedyną uwagą jest – za dużo informacji. Nie zmuszajcie użytkownika do nadmiernego przewijania strony. Internauci są leniwi, chcą mieć wszystko w zasięgu ręki, podane na talerzu.

11. Prawe menu to ranking i archiwum. Dla graficznego zbalansowania starałem się przerzucić taki sam ciężar na obie strony serwisu.

12. Kategorie oraz podkategorie w skrócie jako boksy na samym dole strony – jest to ukłon nie tylko wobec użytkowników szukających informacji używając kategorii, ale także wyszukiwarek, które cenią sobie początek i koniec strony.

Darmowa analiza na zlecenie firmy Inproel – strona www.inproel.pl

Na wstępie chciałbym powiedzieć, że nie jestem grafikiem, ale analitykiem i moje zdolności artystyczne jak i program graficzny, którego używam nie są zaawansowane. Chodzi tu raczej o układ blokowy i nawigacyjny. Oczywiście w firmie pracuje także grafik, który może dopracować szczegóły, ale to wykracza poza ramy darmowej analizy. Poniżej znajduje się opis wprowadzonych przeze mnie zmian:

1. Wokół logo znajduje się za dużo „szumu”, co sprawia, że nie jest jednoznacznie wyodrębnione. Wyciąłem zbędny tekst.
2. Każda witryna internetowa powinna mieć swoje motto zaraz koło logo, powinno to być bardzo zwięzły, jasny tekst określający czego można się na stronie spodziewać. Powinien to być element, na który wzrok użytkownika pada zaraz po logo. Dodałem przykładowe motto “ogrzewanie na każdą kieszeń“
3. Użytkownik powinien zawsze bez zastanowienia określić gdzie w hierarchii strony właśnie się znajduje. Osiągnąć to można przez podświetlenie (zmianę koloru, pogrubienie, podkreślenie…) elementu menu, który określa nazwę Podstrony na której się znajdujemy. Drugim elementem, dzięki któremu użytkownik nigdy na stronie się nie zgubi są tak zwane „breadcrumbs”, czyli okruchy chleba. Nazwa została wzięta z bajki, w której postać idąc w las zostawiała za sobą okruchy chleba, żeby wiedzieć jak wrócić do miejsca z którego zaczęła.Więcej informacji tutaj. Element ten powinien znajdować się jak najbliżej góry strony. Jeżeli użytkownik znajduje się na stronie głównej „breadcrumbs” powinny wyglądać następująco:

> Strona główna

Jeżeli użytkownik wejdzie na przykład w menu „Oferta” z którego wybierze „Cennik” breadcrumbs powinny wyglądać następująco

> Strona główna > Oferta > Cennik

Breadcrumbs powinny być „klikalne”, czyli po kliknięciu „Oferta”, przeglądarka powinna zabrać nas na stronę z ofertą.

4. W prawym, górnym rogu umieściłem przyciski ułatwiające użytkownikowi zalogowanie się, założenie nowego konta i przejście do koszyka – trzy bardzo ważne przyciski, które powinny być zawsze widoczne, jeżeli na stronie można dokonać zakupu. Mają one też dodatkową funkcję. Jasno dają użytkownikowi znać, że ma możliwość zakupu na tej stronie. Nie musi fizycznie pojawić się w firmie.
5. Adres nie jest aż tak ważny, dużo lepiej wygląda przesunięty na dół strony. Dzięki temu zabiegowi element, który jest dużo ważniejszy – menu – znalazł się na bardziej widocznym miejscu.
6. Nie wszystkie elementy menu są jednakowo ważne. Dlatego zdecydowałem się przenieść te, które nie przyczyniają się bezpośrednio do generowania zysków do stopki strony. Dodałem też podkreślenie, aby każdy użytkownik wiedział, że są to elementy „klikalne”. Ten zabieg pozwolił uszczuplić menu główne i sprawił, że jest ono bardziej przejrzyste. Element generujący zyski (sklep internetowy) pokolorowałem na pomarańczowo, aby był bardziej widoczny i zachęcał do klikania.
7. Jako że w menu bocznym zrobiło się więcej miejsca, postanowiłem dodać logo i link do drugiej strony internetowej prowadzonej przez Inproel. Jako że element ten jest zepchnięty do dołu strony i różni się graficznie od elementów menu nie wprowadza zamieszania do nawigacji.
8. Na stronie głównej znajduje się za dużo tekstu. Ludzie nie lubią czytać, jestem pewien, że większość z użytkowników nie dochodzi nawet do drugiego paragrafu. Dlatego wyciąłem zbędny tekst i wstawiłem tam trzy symboliczne przyciski, które powinny prowadzić do trzech głównych działów asortymentu firmy Inproel. Może tych przycisków być oczywiście więcej, ale nie polecam dodawania więcej niż pięciu w jednym rzędzie, bądź sześciu w dwóch – zamiast ułatwić, zaciemni to układ strony.

Jeżeli jesteś właścicielem strony www.inproel.pl i jesteś zainteresowany dalszą współpracą, wyślij email pod adres mkunysz@marketingwinternecie.com