Everyday things in use

Biblioteka elementów interfejsu użytkownika część pierwsza

Posted in user interface design by Marcin Szuba on 30 Październik 2007

Biblioteka yahoo patterns librarydo yahoo library patterns może być źródłem inspiracji dla projektantów interfejsów. Zawiera ona wzorce projektowe do naśladowania. Postanowiłem zrobić rewizję i zaproponować pewne poprawki do tych wzorców. Proszę o komentarze z poprawkami co jeszcze powinno zostać poprawione. Na pierwszy ogień idzie nawigacja po wynikach SERP

Problem: Wyświetlanie wyników SERP ( Search Engine Result Pages )

Użytkownik musi zobaczyć wyniki wyszukiwania swojego zapytania, które nie mieszczą się na jednej stronie i wymagają podzielenia na strony SERP

Zastosowanie gdy:

* wyświetlanie wyników wyszukiwania
* wyniki wyszukiwania należy podzielić na kilka stron.

Rozwiązanie:

* dzielenie wyświetlanych wyników na poszczególne SERP wg trafności
* zastosowanie nawigacji do numeracji stron po stronach z wynikami

Nawigacja po wynikach wyszukiwania.

* zastosowanie odnośników o większej powierzchni do kliknięcia, zgodnie z prawem Fittsa ze większy element jest szybciej „klikalny” niż mniejszy.
* wyświetlanie odnośników do kolejnych SERP w poziomie,
*nadać etykietę dla mechanizmu nawigacyjnego po SERP
*odznaczać odwiedzone odnośniki na fioletowo,
* odznaczać nieodwiedzone odnośniki na niebiesko,
* zastosowanie tekstowych odnośników poprzednia i następna,
* w przypadku wielu SERP ograniczenie wyświetlanych odnośników SERP do plus minus 5 w stosunku do aktualnej pozycji,
* podczas wyświetlania pierwszej strony zrezygnować z wyświetlania odnośnika poprzednia,
* podczas wyświetlania ostatniej strony zrezygnować z wyświetlania odnośnika następna,
* wyróżnić aktualną SERP innym kolorem,
* zastosować element najazdu hover na określony odnośnik,

Tagged with: , , ,

Jedna odpowiedź

Subscribe to comments with RSS.


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: