Odrobine o Webusability

webusability

Czy każdy kto odwiedzi Twoją stronę internetową wie jak się po niej poruszać ? Czy istotne informacje są łatwo dostępne ? Dowiedz się czym jest Webusability, czyli jak zbudować dobrą witrynę internetową. Tworząc serwis internetowy musimy pamiętać by był nie tylko atrakcyjny, ale też i przyjazny dla użytkowników dla których ten serwis tworzymy.

Dlatego zachęcam was do sprawdzenia czy Wasza witryna spełnia podstawowe założenia Webusability. Zachęcam też do samodzielnych warsztatów i sprawdzenia jak dane elementy lub ich brak potrafią zmienić obraz całej witryny.

Czym jest webusability ?

Webusability to termin który zawiera w sobie kilka pojęć. Generalnie można przyjąć iż dotyczy on funkcjonalności stron internetowych, ich ergonomii i budowy pod kątem osób z nich korzystających, czyli internautów.

Webusability można również podzielić na główne cele:

  1. Przekazać informacji zawarte na stronie w sposób jasny i konketny.
  2. Wskazać internautom najkrótszą drogę do informacji których poszukują.
  3. Wyeliminować zbędne czynności które interanauci musieli by wykonywać na naszych witrynach
  4. Umieścić najważniejsze informacje w odpowiednich miejscach tak by osoby odwiedzające naszą witrynę mogły je łatwo odnaleźć

Korzyści ze stosowania zasad webusability

Stosując powyższe zasady możemy mieć pewność że osoby odwiedzające naszą stronę docenią nasz wysiłek, dzięki któremu nie muszą szukać i wyklikiwać informacji które są dla nich istotne.

Również roboty przeszukujące będą nam „wdzięczne” za możliwość szybszego dotarcia do informacji zawartych na poszczególnych podstronach.

Korzyści wynikających ze stosowania się do podstawowych zasad jest mnóstwo jednak czy o tym pamiętamy projektując nasze witryny ? Ale o tym dalej … na razie omówimy kilka istotnych punktów które dadzą przewagę Waszej witrynie.

Websuability w pigułce

Jest kilka podstawowych zasad, dzięki którym możemy w szybki sposób poprawić funkcjonalność naszej witryny. O to i one …

I. Eyetracking

Śledzenie ruchów oka, czyli w skrócie badania polegające na sprawdzeniu którą część np. monitora oglądamy najczęściej. Poniżej wyniki z badań internautów …

 

 

 

 

Obrazek pierwszy przedstawia „ścieżkę naszego wzroku” czyli w jaki sposób przeglądamy witrynę, natomiast obrazek 2 przedstawia obszary na których skupiamy się najbardziej podczas przeglądania witryn (obszary te zaznaczone zostały kolorem czerwonym)

II. Strona główna witryny
Czyli często pierwsza i ostatnia strona którą oglądają internauci. Dlaczego warto o nią zadbać ? To proste, ile razy zdarzyło się wam zamknąć okno przeglądarki gdyż witryna była zbyt chaotyczna lub gdy nie udało wam się od razu znaleźć drogowskazu do poszukiwanej informacji ?

Wróćmy jednak do teorii . Poniżej wymienione zostały elementy jakie powinny znaleźć się na stronie głównej:

  • logo
  • pasek nawigacyjny
  • wyszukiwarka lub łącze do wyszukiwania
  • narzędzia dla użytkownika (pomoc, na skróty)
  • nawigacja lokalna (na podstronach)

Ważne też jest by pierwsza strona nie „rzucała na kolana” odwiedzającego i nie przytłaczała elementami graficznymi, gdyż ich nadmiar może zniechęcić do dalszej jej eksploracji. A kluczowe elementy znalazły się najwyżej na stronie, powyżej „lini zanurzenia” czyli tak by można było je znaleźć bez przewijania strony.

Logo - Powinno znajdować się zawsze w lewym górnym rogu na wszystkich podstronach, zawierać link do strony głównej oraz zawierać krótki slogan, tekst opisujący naszą witrynę.

Pasek nawigacji - może występować w 2 opcjach: pionowy lewostronny i poziomy. Pasek powinien znajdować się pod banerami, gdyż mogą go nieco „przyćmić”. Nazwy podstron powinny być krótkie i treściwe oraz pogrupowane w logiczny sposób.

Wyszukiwarka - jest to element dodatkowy w przypadku mniejszych witryny, jednak dla bardziej rozbudowanych staje się obowiązkowy. Najlepszą etykietą dla przycisku jest „Szukaj”, a pole frazy powinno mieć długość co najmniej 30 znaków.

Narzędzia użytkownika -  zaliczyć możemy do nich koszyk w przypadku sklepu internetowego, skrót to panelu użytkownika, poczty, itp … Warto by w elementach tego typu nie wykorzystywać wyłącznie grafiki. Warto również dodać do nich opis tekstowy. Narzędzia mają zachęcać odwiedzających do ich użycia i pomagać im dotrzeć do istotnych informacji.

Nawigacja lokalna - ostatni element, jednak równie istotny ja pozostałe, a odnoszący się bardziej do podstron witryny. Oparty na zasadach przedstawionych w „Pasku nawigacji” jednak różniący się jednym bardzo ważnym elementem  – ścieżką powrotu. Czyli drogowskazem wskazującym dokąd możemy pójść oraz punktem na mapie pokazującym gdzie aktualnie się znajdujemy.