Typografia i copy
Zasady typografii i UX writingu. Jak pisać czytelnie i budować hierarchię tekstu w interfejsach.
Wszystkie zasady
Czytelne copy Clear Copy
Tekst w interfejsie powinien być krótki, jednoznaczny i napisany prostym językiem. Każde zdanie powinno mieć jeden cel. Unikaj zdań wielokrotnie złożonych, strony biernej i żargonu. Użytkownik skanuje tekst, nie czyta go jak książkę.
Mikrocopy i komunikaty Microcopy and Messages
Mikrocopy to krótkie teksty przy przyciskach, formularzach i komunikatach: placeholder w inputcie, tekst na przycisku, tooltip, komunikat błędu. Dobry mikrocopy wyjaśnia, co się stanie i pomaga podjąć decyzję. Zły jest pustym frazesem lub technicznym żargonem.
Hierarchia typograficzna Typographic Hierarchy
Hierarchia typograficzna kieruje wzrokiem użytkownika od najważniejszych informacji do szczegółów. Nagłówki są duże i grube, podtytuły mniejsze, tekst akapitu jeszcze mniejszy. Bez hierarchii użytkownik nie wie, od czego zacząć czytanie i wszystko wygląda tak samo ważne.
Ograniczenie krojów pisma Typeface Limitation
Używaj maksymalnie dwóch krojów pisma w całym produkcie: jednego do nagłówków, drugiego do tekstu. Trzy lub więcej krojów rozbijają spójność wizualną i zwiększają czas ładowania strony. Jeden dobry krój z wieloma wagami (Regular, Medium, Bold) wystarczy.
Spójność terminologii Terminology Consistency
Każde pojęcie w interfejsie powinno mieć jedną nazwę w całym produkcie. Jeśli w jednym miejscu piszesz 'koszyk', a w innym 'torba zakupowa', użytkownik nie wie, czy to to samo. Dotyczy to przycisków, nagłówków, komunikatów, helptekstów i dokumentacji.
Responsywna typografia Responsive Typography
Tekst powinien być czytelny na każdym urządzeniu bez zoomowania. Na mobile nagłówki muszą być mniejsze niż na desktopie, a długość linii nie powinna przekraczać 70-80 znaków. Zbyt długie linie utrudniają śledzenie tekstu, a zbyt krótkie rozbijają czytanie.