WebQuatro

badam, zarządzam, projektuję, użytkuję

więcej o mnie

Case: rozszerzone okruszki

Jeszcze z cza­sów pracy w Jan­medii jestem zapisany na listę dyskusyjną usability@janmedia.com, która w tam­tych cza­sach była akty­wny źródłem wiedzy i wymi­any doświadczeń.

Dzisiaj trafiłem na bardzo ciekawe zapy­tanie ze strony Kuby Andrze­jew­skiego doty­czące innowa­cyjnego pode­jś­cia do kwestii okruszków (ang. bread­crumbs) na stronie WWW i jego zasad­ności. Na pier­wszy rzut oka nic je nie wyróż­nia:
Janmedia - podstrona Aktualności

Otóż okazuje się, że okruszki są bardziej użyteczne, niż się to wydaje.  Po najecha­niu na ele­ment ścieżki, oprócz ostat­niego, rozwija się lista pod­menu dla danego dzi­ału.
Uwagi do okruszków

Pier­wsza rzecz, jaka rzu­ciła mi się w oczy, to powie­le­nie infor­ma­cji. W moim przeko­na­niu 4-krotne pokazanie tego samego nagłówka wiado­mości jest zbędne i pod­czas pro­jek­towa­nia stron, o ile nie jest to żelazna wola klienta, staram się unikać więcej niż dwóch, czy w przy­padku e-commerce — trzech powtórzeń.

Drugą uwagą jest pewna mody­fikacja roli okruszków, które mają na celu infor­mować użytkown­ików o miejscu, w którym aktu­al­nie się znalazł w struk­turze strony. Rzadko spotkałem się z prak­tyką najeżdża­nia myszką na poszczególne ele­menty. Pod­czas badań użyteczności, w których miałem okazje uczest­niczyć lub prowadzić, ani razu użytkownik z cieka­wości nie najechał na nie. Zazwyczaj było to celowe i “momen­talne” kliknię­cie, aby się prze­nieść o poziom wyżej. Dodatkowo, w zas­tosowanym desig­nie, strza­łka nie sugeruje rozwi­janej listy (nr 2 na rysunku).

Co mnie się spodobało, to zwięk­sze­nie funkcjon­al­ności okruszków — w tym rozwiąza­niu wyszło “3 in 1″, czyli infor­ma­cja + menu drugiego rzędu składa­jące się z linków dostęp­nych z danej pod­strony + reprezen­tacja mapy strony dla danej gałęzi drzewa.

Address bar w Windows 7

Rozwiązanie swoim pomysłem naw­iązuje do paska adresowego w Win­dows 7 lub Vista. W internecie z kolei nie spotkałem się wcześniej z zas­tosowaniem tej idei i chęt­nie przeprowadzę badanie z użytkown­ikami tego rozwiąza­nia przy okazji następ­nego twor­zonego prototypu.

p.s. odnosząc się do struk­tury, zas­tanaw­iam się nad zasad­noś­cią umieszczenia Aktu­al­ności w dziale O nas -  czy do tego były szczególne przesłanki?

Ubiquity — komunikacja z siecią po ludzku…

Czy­ta­jąc przed chwilą newsy mozilla labs zostałem bardzo pozy­ty­wnie zaskoc­zony… Ubiq­uity — to taki quick­sil­ver z Macintosh-y połąc­zony z siecią przez Fire­fox za pomocą najnowszego pro­jektu od Mozilla Labs (konkret­nie Aza Raskina).

Twórca twierdzi, że ist­nieje ogromna liczba nierozwiązanych jeszcze prob­lemów w komu­nikacji, wygodzie użytkowa­nia Inter­netu itp. (a mamy prze­cież rok 2008).

Dla miłośników wideo — wytłu­macze­nie co to właś­ci­wie jest i jak tego używać.

Ubiq­uity for Fire­fox from Aza Raskin on Vimeo.… Czy­taj dalej »

Webologia art. 4 — okruszki

Bread­crumbs

Definicja

Okruszki chleba” (ang. bread­crumbs) — ele­ment naw­igacji na stronie WWW, reprezen­tu­jący ścieżkę prze­bytą od korzenia strony do aktu­al­nej strony. Zazwyczaj jest to poziomy ele­ment rozmieszc­zony u góry strony, pod częś­cią brandin­gową, nad sekcją treści właściwej.

Rola

Okruszki naw­iga­cyjne posi­adają dwie role w ser­wisie WWW:

  1. Dostar­czają kole­jnego sposobu porusza­nia się po stronie, a konkret­nie, przemieszcza­nia się po

Czy­taj dalej »

Zapisz się na maila lub RSS

Podaj swój adres e-mail:


RSS:

blip

Ostatnie komentarze

  • dr guru: A masz kuchnię? ;] To znakomita zasada, znana szczególnie plemionom koczowniczym w Afryce Środkowej i krabom...
  • diz: Oczywiście, że nie. Postanowiłem po prostu przeanalizować te, gdyż kontrastowały ze sobą.
  • minimal2: A w internecie to tylko YouTube i Vimeo są? A co z plejerami innych serwisów?
  • diz: demokracja jest złym ustrojem Z tym się zgodzę w 100%
  • tomek: a pro­pos wyników -> to tylko kole­jne potwierdze­nie, że demokracja jest złym ustro­jem [znów mi się te...

Prezentacje