WebQuatro

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

więcej o mnie

Case: rozszerzone okruszki

Jeszcze z czasów pracy w Janmedii jestem zapisany na listę dyskusyjną usability@janmedia.com, która w tamtych czasach była aktywny źródłem wiedzy i wymiany doświadczeń.

Dzisiaj trafiłem na bardzo ciekawe zapytanie ze strony Kuby Andrzejewskiego dotyczące innowacyjnego podejścia do kwestii okruszków (ang. breadcrumbs) na stronie WWW i jego zasadności. Na pierwszy 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 najechaniu na element ścieżki, oprócz ostatniego, rozwija się lista podmenu dla danego działu.
Uwagi do okruszków

Pierwsza rzecz, jaka rzuciła mi się w oczy, to powielenie informacji. W moim przekonaniu 4-krotne pokazanie tego samego nagłówka wiadomości jest zbędne i podczas projektowania stron, o ile nie jest to żelazna wola klienta, staram się unikać więcej niż dwóch, czy w przypadku e-commerce – trzech powtórzeń.

Drugą uwagą jest pewna modyfikacja roli okruszków, które mają na celu informować użytkowników o miejscu, w którym aktualnie się znalazł w strukturze strony. Rzadko spotkałem się z praktyką najeżdżania myszką na poszczególne elementy. Podczas badań użyteczności, w których miałem okazje uczestniczyć lub prowadzić, ani razu użytkownik z ciekawości nie najechał na nie. Zazwyczaj było to celowe i “momentalne” kliknięcie, aby się przenieść o poziom wyżej. Dodatkowo, w zastosowanym designie, strzałka nie sugeruje rozwijanej listy (nr 2 na rysunku).

Co mnie się spodobało, to zwiększenie funkcjonalności okruszków – w tym rozwiązaniu wyszło “3 in 1″, czyli informacja + menu drugiego rzędu składające się z linków dostępnych z danej podstrony + reprezentacja mapy strony dla danej gałęzi drzewa.

Address bar w Windows 7

Rozwiązanie swoim pomysłem nawiązuje do paska adresowego w Windows 7 lub Vista. W internecie z kolei nie spotkałem się wcześniej z zastosowaniem tej idei i chętnie przeprowadzę badanie z użytkownikami tego rozwiązania przy okazji następnego tworzonego prototypu.

p.s. odnosząc się do struktury, zastanawiam się nad zasadnością umieszczenia Aktualności w dziale O nas -  czy do tego były szczególne przesłanki?

Cięcie funkcjonalności, czyli Feature cutting

Wstęp

Jeśli ktokolwiek z Was chociaż raz był uczestnikiem burzy mózgów nad nowym projektem, czy to startup w Internecie, czy zwyczajny pomysł na mały biznes w offline, w większości przypadków dochodziło do dyskusji na temat funkcjonalności czy funkcji jakie powinien on mieć i tego, co powinno być od razu a co za jakiś czas. Zawsze…

Czytaj dalej »

Automatyczne listy kontrolne – proste pytania

Są to faktycznie proste pytania, na które jest w stanie odpowiedzieć użytkownik lub aplikacja.
Po przeprowadzonych badaniach użyteczności, nie ważne jaką metodą, webmasterzy oraz projektanci muszą dostać czarno na białym, co należy zmienić,…

Czytaj dalej »

Menu rozwijane … do góry ?

Dzisiaj przeglądając kilka stron byłych klientów firmy, natknąłęm się na stronę agencji GrupaDelta. Co prawda stronka jest z 2003 roku, ale wynalazku rozwiązania kwestii nawigacji nie dyskwalifikuje. Jest to…

Czytaj dalej »

Ostatnie komentarze

  • /KUBA:): Cześć:) Ciesze sie ze sie Tobie ten pomysl podoba. Tak nie w temacie moze ale mam do ciebie prosbe o...
  • liori: Zajrzyj na http://www.konkomp.pl/kokos/in dex.php?page=monthlyStats — ja zrezygnowałem widząc że to się...
  • diz: @Diusz – bardzo fajna historia :) szukałem gdzieś RSS do tego bloga, ale nie znalazłem :(
  • Diusz: A propos sprzedawania http://www.jestemblogerem.pl/p olecany/sprzedac-kupic/
  • TomAsz: Ciężko jest odpowiedzieć na to pytanie inaczej niż: 1-9. W każdej branży spotyka się wszystkie typy klientów....

Napisz do mnie

Mikro informacje

Użytkuję

Zapisz się na RSS

Podaj swój adres e-mail:


Reklama na blogach - Blogvertising.pl

Prezentacje


Warning: fsockopen() [function.fsockopen]: unable to connect to external.linklift.net:80 (Connection refused) in /home/www/webquatro/webquatro.pl/wp-content/plugins/linklift_endrll_i80p2bvv7j/linklift_endrll.php on line 456