Baymard Institude

najważniejsze zagadnienia czegoś

the primary objectives of sth

użytkownicy wchodzacy na stronę pierwszy raz

first-time visitors

strona z kategoriami produktów (e-commerce)

an intermediary category page

organiczne wyniki wyszukiwania

organic search results

istotne aspekty czegoś

vital aspects of sth

Zebraliśmy kilka podejść do projektowania stron z kategoriami produktów by dać wam wgląd w to, jak marki radzą sobie z nimi

We’re aggregated several approaches to category pages to give you insight into how brand are tackling the problem

zachowuje się jak kotwica

it’s acts as an anchor

kontent stworzony aby poprowadzić nas przez sciezke zakupową

content that has been created to move them through the purchase funnel

Łatwo jest rozproszyć uzytkownika skupiającego się na produktach

It's easy to distract a user focusing on products

ciekawostka

curiosity

wyszukiwarka i nawigacja nie powinna zbytnio przyciągać uwagi

The search field and category navigation shouldn’t be so attention-grabbing

interpretować pogrupowanie kategorii

interpret category texonomies

błędne interpretacje podczas pierwszej oceny mogą prowadzić do rezygnacji

misinterpretations during first assessment can lead to abandonments

łącza tekstowe mogą być używane zamiast obrazów i miniatur lub jako dodatek do nich

text links can be used in place or in addition to images and thumbnails

zbyt wąski wybór produktów

overly narrow selection of products

strona główna marki koncentrowała się bardziej na wyświetlaniu produktów z wyprzedaży i nowych produktów

the brand homepage focused more on displaying sale items and new products

skupiając się na podkreślaniu różnorodności produktów

focusing on highlighting the diversity of products

Uczestnik nie był w stanie szybko wypracować zakresu katalogu produktów

Participant was unable to quickly work out the scope of the product catalog

istnieje realne niebezpieczeństwo, że użytkownik założy, że nie znajdzie odpowiedniego produktu, jeśli nie jest on reprezentowany w kategorii na stronie głównej

there is a real danger of user assuming that they won’t find a suitable product unless it is represented in a homepage category

podczas testów niektórzy uczestnicy przyjęli założenia dotyczące katalogu witryn bardzo szybko po wyświetleniu strony głównej

during testing some participants made assumptions about the site catalog very shortly after viewing the homepage

upewnij się, że na stronie głównej znajduje się szeroki wybór różnych typów produktów

ensure a broad selection of different product types are featured on the homepage

zasadniczo użytkownicy nie powinni wyciągać wniosku, że oferowanych jest tylko kilka rodzajów produktów, jeśli jest ich wiele.

essentially, users shouldn’t conclude that just a few product types are offered if many are.

nie ma sztywnych reguł określających, jaki procent rodzajów produktów powinien być prezentowany na stronie głównej

there’s no hard- and- fast rule regarding what percentage of product types should be featured on the homepage

rozważenie urządzeń mobilnych i aplikacji

mobile and app consideration

dokładnie przedstawiają różnorodność katalogu produktów w witrynie

accurately convey the site’s product catalog diverisity

produkty wyróżniające się wizualnie

visually featured products

miniatury produktów są w jakiś sposób obcinane

product thumbnails are truncated in some way

reklamy na stronie głównej są generalnie postrzegane negatywnie

ads on the homepage are generally perceived negatively

zrobić złe pierwsze wrażenie

set a poor first impression

na mobilnych stronach głównych reklamy nie powinny być zbyt widoczne ani rozpraszać uwagi wizualnej

on mobile homepages ads shouldn’t be overly prominent or visually distracting

może naprawdę odwrócić uwagę od zadania znalezienia odpowiednich produktów

it can really distract from the task of finding suitable products

użytkownicy muszą przyjmować mnóstwo informacji

users must take in an abundance of information

częściej powodować problemy

be more likely to cause issues

zawartość wyświetlana w pojedynczym widoku (nad foldem)

content displayed in the single viewport

duże reklamy na urządzeniach mobilnych często powodują niewielkie lub umiarkowane problemy z interakcją

large ads on mobile will often cause minor-to moderate interaction issues

może to przyczynić się do rozwoju negatywnego postrzegania użytkowników

it may contribute to users developing a negative perception

nie zajmują więcej niż połowę wysokości ekranu

don’t take up more than half of the vertical space of the viewport

jeśli interakcja z karuzelą jest trudna, użytkownicy mogą ją odrzucić lub przeoczyć wartościową treść

if a carousel is difficult to interact with, users may dismiss it or overlook valuable content

upewnij się, że slajdy karuzeli nie obracają się zbyt szybko

ensure that carousel slides don’t autorotate too quickly

autorotacja powinna zostać wstrzymana, jeśli karuzela jest najechana

autorotation should pauses if carousel is hovered

sterowanie ręczne powinno być oczywiste dzięki wystarczającemu rozmiarowi i kontrastowi kolorów

manual controls should be obvious by having sufficient size and color contrast

czasu, aby właściwie ocenić każdy produkt, który może ich zainteresować

time to properly evaluate any product they might find interesting

w związku z tym, jeśli jeden ze slajdów przedstawia interesującą funkcję lub treść, ci użytkownicy mogą nie mieć do niej dostępu

consequently, if one of the slides shows a feature or content of interest, these users may not be able to access it

dobrze kontrastować z tłem

contrast well with the background

dobrze działającą i prostszą alternatywą jest użycie statycznych sekcji treści.

well-performing and simpler alternative is to use static content sections.

kluczową różnicą między witrynami mobilnymi i stacjonarnymi, jeśli chodzi o autorotację karuzel, jest brak najechania myszką na urządzeniach mobilnych.

the key difference between mobile and desktop sites, when it comes to autorotating carousels, is the lack of mouse hover on mobile.

zdenerwowany zmianą slajdu

disstresed to have the slide change

W praktyce oznacza to, że mobilne karuzele są pozbawione swojej głównej korzyści

This in practise means that mobile carousels are deprived of their main benefit

sprawia, że potrzeba bardziej wyraźnego poprowadzenia

it makes the need for tight curation more apperent

ogromna ekspozycja

vast exposure

gesty, takie jak szczypanie i przesuwanie

gestures such as pinching and swiping

kontrolki karuzeli, które w większości witryn są kropkami wskaźnikowymi, muszą być dobrze widoczne

carousel controls which for most sites are indicator dots must be highly visible

tekst umieszczony w pobliżu czegoś

text placed in close proximity to sth

konsekwencje tego nieporozumienia mogą być poważne.

the consequences of this misinderstanding can be severe.

nowi użytkownicy mogą nie docenić jakości i atrakcyjności produktu, jeśli zdjęcia są jedynie funkcjonalne i proste

first-time users may underestimate the quality and appeal of product if imagery is merely functional and plain

używaj niestandardowych obrazów strony głównej, które angażują użytkowników i pokazują produkt w atrakcyjnym kontekście stylu życia

use bespoke homepage imagery that engages users and that shows product in appealing lifestyle context

gładszy niż

sleeker than

na początek dobre obrazy, które sprawiają, że witryna wydaje się użytkownikom tak, jakby miała własną, niepowtarzalną osobowość

bespoke imagery that makes the site feel to users as if it has own unique personality is a good start

w branżach zorientowanych wizualnie, takich jak dekoracja wnętrz, odzież i akcesoria, szczególnie ważne jest posiadanie atrakcyjnych obrazów i projektów

in visually driven industries such as home decoration, apparel, and accessories, it’s particularly important to have attractive imagery and design

oczywiście, gdy estetyka produktu jest ważnym czynnikiem przy podejmowaniu decyzji o zakupie, świetne zdjęcia będą miały jeszcze większe znaczenie

obviously, when product aestetics are a large factor in the purchasing decision, great photography will matter even more

pożądane w każdej branży

desirable in any industry

w dążeniu do wyrzeźbienia charakterystycznego projektu wizualnego

in striving to carve a distinctive visual design

strony główne powinny w widocznym miejscu przedstawiać reprezentatywną próbkę produktów

homepages should prominently feature a representative sample of products

chociaż w rzeczywistości obejmujące wszystkie 9 produktów byłoby prawdopodobnie bardzo wykonalne

though in reality featuring all 9 products would likely be very feasible

przedwczesne promowanie produktów

prematurely promoting products

prowadzić do niepożądanych konsekwencji

lead to undesirable consiquences

szereg produktów wybranych do wyróżnienia

array of product chosen to feature

użytkownicy szybko oceniają nie tylko katalog produktów witryny, ale także zasady marki, propozycję wartości i wiarygodność ze strony głównej

users are quick to evaluate not only a site’s product catalog, but also the brand’s policies, value proposition, and trustworthiness, from the homepage

podsumuj i podkreśl podstawowe cechy produktu i marki, w tym kluczowe szczegóły i atrybuty produktu, dostępność bezpłatnej wysyłki i informacje o polityce zwrotów na stronie głównej

summerize and highlight core product and brand features, including key product details and attributes, free shipping availability and return policy information on the homepage

dotyczy to zwłaszcza początkujących użytkowników

this is especially true for first-time users

postrzegana wiarygodność

perceived trustworthiness

w efekcie strona główna musi wzbudzić zainteresowanie użytkowników produktami i marką, pomagając zachęcić ich do pozostania

in effect, the homepage needs to pique user’s interest in the products and brand, helping entice them to stay

niejasny pomysł

vague idea

podzbiór użytkowników nie będzie miał wystarczającej wiedzy o dziedzinie, aby móc podjąć świadomą decyzję

a subset of users will lack sufficient knowledgeof a domain to be able to make an informed decision

co bezt odpowiada ich potrzebom

what will bezt suit their needs

powinny być również obsługiwane zapytania tematyczne użytkownika

user’s thematic search queries should be supported as well

użytkownicy mogą przegapić skróty do pożądanych miejsc docelowych lub skorzystać z niezamierzonych objazdów, gdy łącza w elementach wizualnych są niejasne

users can miss shortcuts to desired destinations or take unintended detours when links in visual elements are unclear

w praktyce odbywa się to poprzez zawijanie obrazu, tytułu, fragmentu kodu, punktora i przycisków w jeden ujednolicony link z jednym dużym obszarem i efektem najechania kursorem

in practice, this is done by wrapping the image, title, snippet, bullet, and buttons into a single unified link with one large hover area and effect

wyjaśnij, które elementy są linkami, na przykład stosując cieniowanie tła lub inną formę

make it clear what elements are links for example by using background shading or another form

zawsze linkuj logo z nawigacji do strony głównej

always link from the site logo to the homepage

element osadzony na stronie głównej

element embedded on the homepage

promuj go na stronie głównej za pomocą widocznego linku lub osadzając pierwszy krok

promote it on the homepage with either a prominent link or by embedding the first step

promuj go na stronie głównej za pomocą widocznego linku lub osadzając pierwszy krok

promote it on the homepage with either a prominent link or by embedding the first step

rozważ użycie kierowania geograficznego na adres IP w celu wybrania kraju i języka

consider using IP geotargeting to select country and language

wyświetlanie dedykowanej strony powitalnej lub okna dialogowego nakładki przed załadowaniem strony głównej

showing a dedicated splash page or overlay dialog before the homepage loads

jednocześnie należy zachęcać użytkowników do przyjmowania pewnych strategii wyszukiwania produktów, które generalnie są bardziej skuteczne

users simetimes need to be encouraged to adopt certain product-finding startegies that are generally more successful

taksonomia kategorii jest podstawą każdej witryny e-commerce

the category taxonomy is at the core of any e-commerce site

stworzenie przyjaznej dla użytkownika taksonomii kategorii może być dużym przedsięwzięciem, które wymaga dużo pracy fizycznej

creating a user-friendly category taxonomy can be a major undertaking that involves a lot of manual labor

taksonomia powinna odzwierciedlać to, co jest logiczne dla przeciętnego użytkownika witryny, a nie dla pracowników witryny

the taxonomy should reflect what is logical to the average user on the site, not the site employees