Moja lekcja

wrażenia nawigacyjne uczestników testu znacznie się pogorszyły

the navigation experience of the test participants vastly deteriorated

pojedynczy element nawigacyjny

solitary navigational item

kategorie są zwinięte

categories are collapsed

upewnij się, że relacje kategorii i podkategorii są wizualnie wskazane w menu nawigacyjnych

ensure category and subcategory relationships are visually indicated in navigation menus

blizej

with a closer proximity

w związku z tym obowiązkiem projektanta jest nie wprowadzać użytkownika w błąd

it is therefore the designer’s responsibilty not to lead the user astray

czasami określane jako

sometimes referred to as

być niedbałym o coś

to be lax on sth

poważne pułapki użyteczności

severe usability pitfalls

interesujące produkty

products of interest

delikatne i migotliwe w dotyku

flimsy and flickery feel

unikaj przytłaczania użytkowników, miej opóźnienie najechania kursorem i rozważ wdrożenie algorytmu ścieżki myszy

avoid overwhelming users, have a hover delay and consider implementing a mouse path algorithm

elementy nawigacji zwiazane z kontaktem w całej witrynie powinna być wizualnie oddzielona od głównej nawigacji produktu

sitewide courtesy navigation should be visually separated from the Main Product Navigation

na komputerze równowaga ta jest osiągana za pomocą głównej nawigacji opartej na najechaniu kursorem, która umożliwia użytkownikom najechanie kursorem na rodzica

on desktop this balance is struck by using a hover-based main navigation that allows users to hover a parent category

mieć większą wagę wizualną

have more visual weight

zastraszony przez sth

intimidated by sth

wizualne rozróżnianie elementów w głównej nawigacji na podstawie ich ważności

visually differentiate items in the main navigation based on their importance

wielu użytkowników musi zdobyć wiedzę o domenie

many users need to acquire domain knowledge

nie interpretuj najechania kursorem jako zgody użytkownika na dokonanie wyboru

don’t interpret hover as user consent to make a selection

ogólnie rzecz biorąc, użytkownicy oczekują, że nawigacja będzie wyglądać i zachowywać się w określony sposób, a naruszenie tych oczekiwań może prowadzić do niefortunnych konsekwencji

in general, users expect navigation to look and behave a certain way and violating these expectations can lead to unfortunate consequences

ale to oczywiście tylko połowa sukcesu

but that is of course only half the battle

kotwice wizualne powinny być reprezentatywne i rzadko się zmieniać

visual anchors should be representative and rarely change

każde główne menu rozwijane powinno być dostępne w całej witrynie

any main drop-down menu should be accessible throughout the entire site

bądź ostrożny przy selektywnym włączaniu kategorii najwyższego poziomu

be cautious with selective inclusion of top-level categories

jeśli tylko skme głównych elementów nawigacji uruchamia menu rozwijane, będą one wymagały wskaźników przestrzennych, takich jak mała strzałka skierowana w dół

if only skme of the main nabigation items trigger a drop-down menu these will need spatial indicators, such ad a small downward-pointing arrow

podświetl bieżący zakres w głównej nawigacji

highlight current scope in the main navigation

bezpośrednio do strony produktu z wyszukiwania zewnętrznego

directly to a product page from external search

obficie

aboundatly

wzmacnia esencje informacji

enhance information scent

treści pomocnicze, takie jak poradniki zakupowe

auxiliary content such as buying guides

unikaj podzielonej strony kategorii pośredniej

avoid subdivided intermediary category page

wszechstronny

comprehensive

poukładaj wybór podkategorii

clear up subcategory selections

nieostre

unfocused

dwuznaczny

ambiguous

nadmiernie eksponowane wyróżnione produkty

overly prominent featured products

najbardziej uwidocznione tresci

most prominent content

rozważ także obcięcie treści

consider also truncating content

użyj elementów wizualnych, takich jak rozmiar tekstu, kolor, otaczające białe znaki i położenie, aby zapewnić, że będzie dobrze widoczny

use visual elements such as text size, color, surrounding whitespace and positioning to ensure that it can br easily seen