Archiwum z 'Usability i użyteczność' Kategorie

Mariusz Gąsiewski

Ważne elementy użytecznej strony WWW

Aby strona była chętnie odwiedzana przez użytkowników musi ona być użyteczna, tzn. intuicyjna w użyciu i łatwa w obsłudze dla osób, które się na niej znajdą pierwszy raz. W tym celu warto stosować kilka się do podstawowych zasad tworzenia użytecznych serwisów (ogólne zasady tylko oczywiście)

1. Stosowanie odpowiedniej hierarchii w układzie strony, czyli

  • im coś jest ważniejsze tym bardziej jest wyróżnione i tym jest większe
  • rzeczy powiązane ze sobą powinny być powiązane ze sobą w układzie strony
  • Czytaj dalej »

Koncern Energetyczny Energa SA wspólnie z agencją Janmedia Interactive przygotowały film dokumentalny, który pokazuje, w jaki sposób osoby niewidzące korzystają z zasobów Internetu i na jakie problemy podczas surfowania w sieci mogą się natknąć.

W filmie Bartek, niewidomy student Uniwersytetu Śląskiego, pokazuje, jak osoby niewidzące poruszają się w sieci, korzystając z programów, które odczytują treści stron internetowych.

Trzeba zobaczyć ten film, aby przekonać się, że warto tworzyć strony internetowe, które będą dostępne również dla osób niewidomych. W filmie zwrócono uwagę, jak olbrzymią rolę może odgrywać Internet w życiu ludzi niewidomych. Dzięki internetowi niewidomi mogą z łatwością docierać do informacji, nawet nawiązywać kontakty lub też starać się o pracę, która nie będzie wymagała konieczności wychodzenia z domu.

Czytaj dalej »

Mariusz Gąsiewski

Przydatne linki – webmaster

Przydatne dla osób związanych z emarketingiem rozszenia do Firefox

  • Web Developer – Bardzo przydatne rozszerzenie dodające do paska opcji wiele narzędzi webmasterskich; sprawdzanie i podgląd kodu; możliwość widzenia linków nofollow;dodatkowe opcje związane ze stylami; prawdziwy niezbędnik
  • Advanced Dork – Rozszerzenie umożliwiające z korzystania zaawansowanych rozszerzeń Google z poziomu Firefox
  • Copy Link Name – Malutkie, ale przydatne rozszerzenie umożliwające skopiowanie adresu linku do schowka bez zagladania w źródło
  • Html Validator – Walidator HTML; liczba błędów i ostrzeżeń będzie się pokazywała na dole przeglądarki; bardzo przydatne narzędzie do lokalnej walidacji kodu
  • Fangs Screen Reader Emulator – Pozwala zobaczyć przybliżoną wersję strony internetowej do tej widzienej przez urządzenie używane przez niewidomych
  • Modify Headers – Pozwala modyfikować zapytania http, pozwala zbadać proste sztuczki cloakingu
  • Total Validator – Kolejny walidator HTML, możliwość sprawdzania zerwanych linków; tworzenie zrzutów ekranu
  • Live HTTP Headers – Sprawdza nagłówki HTTP podczas surfowania; warto mieć dla sprwdzania wiarygodności innych stron
  • SourceEditor – Podgląd i edycja kodu widzianego w postaci bloków
  • CSS validator – Waliduje style CSS używając W3C CSS Validator
  • X-Ray – Bardzo ciekawe narzędzie do podglądu kodu strony bez zaglądania w źródła
  • IE Tab – Otwieranie strony w Internet Explorer z poziomu Firefox
  • Server Spy – Sprawdza na jakim serwerze jest umieszczony serwis internetowy
  • View Source Chart – pokazuje poszczególne części strony w kolorowych blokach; wspaniale do skomplikowanego kodu
  • LinkChecker – Sprawdza poprawność linków na stronie
  • OperaView – Otwiera strony z przeglądarka Opera z poziomu Firefox
  • Professor X – Umożliwia podgląd metatagów strony bez zaglądania w źródło; świetne do zbierania słów kluczowych

Już od dawna wiadomo, że olbrzymią rolę w rozwoju serwisów internetowych odgrywa użyteczność. Strona serwisu informacyjnego czy transakcyjnego musi być użyteczna, przejrzysta, intuicyjna. Kto nie może odnaleźć informacji czy danego produktu szybko opuszcza stronę i przenosi się w inne miejsce

W tym poście chciałbym przedstawić najważniejsze metody planowania użytecznego serwisu.

Metody planowania i testowania użyteczności

Metoda sortowania kart, czyli tzw card sorting.

Czytaj dalej »

Mariusz Gąsiewski

Sortowanie kart – video

W nawiązaniu do niedawnego postu o sposobach testowania użyteczności dodaję link do krótkiego filmiku umieszczonego na serwisie YouTube.com, który pokazuje, w jaki sposób przeprowadzane jest sortowanie kart. Niestety filmik jest dość krótki i do tego chyba w języku francuskim, ale i tak warto go zobaczyć.

Sortowanie kart

Dziesięć głównych błędów w projektowaniu stron według Nielsena:

  1. Używanie zbyt małych czcionek lub też słabo widocznych czcionek (np. czcionki, które niezbyt t dobrze prezentują się w publikacjach online lub też w małym stopniu wyróżniają się spośród tła)
  2. „Innowacyjne” podejście do linków
    • w odniesieniu do linków koniecznością jest trzymanie się standardów i przyzwyczajeń internautów
    • trzeba jasno wskazywać, co jest klikalne i jest linkiem , a co jest elementem dekoracyjnym
    • unikać JavaScript w linkach i wszelkich zbytecznych przekierowań
    • nie otwierać stron, które otrzymuje się w wyniku kliknięciu linku w nowym oknie (wówczas użytkownik nie może używać przycisku „Powrót”)

    Czytaj dalej »

« Poprzedni - Kolejny »