Everyday things in use

Biblioteka elementów interfejsu użytkownika część trzecia: Odnośniki, linki

Posted in usability, user interface design by Marcin Szuba on 19 Listopad 2007

Dziś o odnośnikach. Odnośniki, hiperłącza, linki służą do nawigacji w Internecie. Jest to podstawowy element nawigacji w Internecie. Odnośnik powinien być:

  • podkreślony, aby uniezależnić oznaczanie odnośników kolorem z uwagi na wady wzroku użytkowników, poza tym ważne informacje nie powinny być wyróżniane tylko kolorem.
  • oznaczony kolorem, zwykle niebieskim*, standardy uczyniły ten kolor zarezerwowanym dla odnośników;
  • z opisem w tytule odnośnika, dokąd prowadzi, pomaga określić użytkownikowi, gdzie może iść dalej wzmacnia „trop informacyjny” (information scent)
  • oznaczony odwiedzony odnośnik zwykle fioletowy*, pokazuje użytkownikowi gdzie już był;
  • oznaczanie odnośników prowadzących poza witrynę znaczkiem
  • działający, prowadzący do konkretnej strony a nie do pustej; możesz to sprawdzić używając walidatora
    prowadzący do konkretnej zawartości, do której istnieje nawiązanie w tekście, landing pages
  • krótki od dwóch do czterech słów;

* Odnośnie koloru odnośników Jakob Nielsen wyraził pogląd, iż nieodwiedzone odnośniki powinny być oznaczone kolorem niebieskim a odwiedzone kolorem fioletowym. W swoim alertboxie na temat wizualizacji odnośników podaje, iż odnośniki nieodwiedzone powinny być żywe, jasne, „nieużywane” w przeciwieństwie do odnośników odwiedzonych, które powinny wyglądać na „zużyte”. Kolory użyte do oznaczania odnośników powinny być ze sobą powiązane skojarzone. Poczytaj na temat kolorów. Nie istnieje też potrzeba zmiany koloru odnośnika podczas najazdu na niego kursorem, wyraźnym sygnałem, iż znajdujemy się nad odnośnikiem jest rączka. Przy krótkich odnośnikach nie należy umieszczać odnośników blisko siebie ze względu na zdolności motoryczne starszych ludzi, mających problemy z dokładnym trafieniem w odnośnik.

 

Odpowiedzi: 2

Subscribe to comments with RSS.

  1. Bartłomiej Dymecki said, on 25 Kwiecień 2008 at 20:32

    Piszesz:

    „Nie istnieje też potrzeba zmiany koloru odnośnika podczas najazdu na niego kursorem”

    Tu bym dyskutował. Rączka jest w większości przypadków mniejsza od odnośnika. Jego zmiana pozwala wyraźniej i szybciej dostrzec link w myśl zasasy „nie każ mi myśleć” .

  2. Marcin Szuba said, on 29 Kwiecień 2008 at 22:07

    Przede wszystkim odnośniki powinny zawierać przekaz afordancji czyli wizualnego odróżnienia od treści sugerującego, że odnośnik to odnośnik. Tak abym nie zastanawiał się czy ten tekst jest odnośnikiem czy nie. Warto też wystrzegać się niby linków czyli tekstu wyglądającego jak link. Piszę o tym ponieważ najpierw user patrzy na link a dopiero później wykonuje akcję czyli najeżdża ja odnośnik kursorem.


Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Log Out / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Log Out / Zmień )

Facebook photo

Komentujesz korzystając z konta Facebook. Log Out / Zmień )

Google+ photo

Komentujesz korzystając z konta Google+. Log Out / Zmień )

Connecting to %s

%d bloggers like this: