4 powody, dla których Twój tekst powinien być większy
Treść w Twojej witrynie jest za mała. Podczas gdy monitory stacjonarne i ekrany telefonów wydają się rosnąć, rozmiary czcionek wydają się kurczyć. Choć ich oryginalny rozmiar jest taki sam, wydają się mniejsze niż kiedykolwiek.
Zbyt często mruży oczy na ekranie, żeby czytać treści. I nie powinno tak być. Dzisiaj przyglądamy się przyczynom tego rosnącego problemu i sposobowi jego rozwiązania!
Sprawa dla większego tekstu
Małe rozmiary tekstu to oldschoolowa koncepcja projektowania stron internetowych. Pomysł użycia 12-punktowego tekstu do kopiowania treści sięga prawie pierwszych dni Internetu i publikacji cyfrowych, gdy domyślny rozmiar edytorów tekstu wynosił 12 punktów. (Tak naprawdę projektanci zaczęli stosować tę nieoficjalną wytyczną).
Ale ekrany również były wtedy znacznie mniejsze. A 12-punktowy typ w miejscu położonym kilka stóp od twoich oczu może być bardzo czytelny.
Ponadgabarytowe nagłówki i nagłówki są popularne od dłuższego czasu, a kopia ciała musi nadrobić zaległości. Nawet Kissmetrics, blog na temat analityki internetowej, marketingu i testowania, zauważył, że większość stron internetowych ma zbyt małe czcionki. Nazwali to nawet jednym z „7 grzechów głównych projektowania stron internetowych”.
Oto główny powód: musisz od razu zwrócić uwagę użytkowników, a małe kroje pisma po prostu nie będą go przycinać dzięki tak wielu innym opcjom dostępnym na czas użytkownika.
Nadal nie jesteś przekonany? Oto cztery kolejne powody, dla których Twój typ ciała powinien być większy.
1. Łatwiej jest czytać
Czytelność to wielka sprawa. Dlaczego miałbyś zaprojektować stronę internetową, która jest trudna do odczytania przez użytkownika?
Pierwsza lekcja polega na porzuceniu czystej miary numerycznej tekstu podstawowego w Internecie. Tak naprawdę nie ma znaczenia, czy Twój tekst ma 12 punktów, 16 punktów, czy 22 punkty, jeśli nie możesz go przeczytać. (Rozmiary tekstu nie są uniwersalne i różnią się w zależności od kroju pisma). Treść powinna być proporcjonalna do wszystkich innych elementów na ekranie i łatwa dla użytkowników z pewnej odległości.
Od pewnego czasu standardem jest, że od 45 do 60 znaków w wierszu w jednej kolumnie (w tym interpunkcja i spacje) jest idealną długością dla większości czytelników. Musisz więc pomyśleć o rozmiarze najpopularniejszych przeglądarek, szerokości używanej kolumny i zacząć od rozmiaru tekstu, który mieści się w tym zakresie. Następnie pamiętaj, aby odpowiednio dostosować odpowiednio do punktów przerwania.
Zakres jest nieco mniejszy w przypadku mniejszych ekranów, na których większość ludzi zgadza się, że większy tekst jest lepszy. (Dziękujemy za połowę tego zakresu liczby wierszy).
Sztuką jest stworzenie skali wygodnej do czytania. Im większy jest rozmiar tekstu, z którym trzeba pracować, tym ważniejsze staje się to. Zbyt szeroki tekst może utrudniać skupienie i przechodzenie od linii do linii podczas czytania; zbyt wąski tekst nie ma dobrego rytmu i powoduje, że oko porusza się zbyt szybko podczas czytania.
2. Sprawia, że projekt jest bardziej intuicyjny
Rozmiar tekstu wpływa na ogólną użyteczność projektu strony internetowej.
Jeśli cały tekst jest skalowany proporcjonalnie, większa kopia treści pomaga również zwiększyć wielkość innych elementów interfejsu użytkownika, takich jak łącza nawigacyjne lub tekst przycisków. Może to przyczynić się do ogólnego przepływu.
Większy tekst pomoże również w podejmowaniu lepszych decyzji dotyczących treści i bardziej selektywnej edycji, co zawsze jest dobrą rzeczą dla użytkowników. To usprawnienie pomaga wyeksponować najważniejsze elementy na czele projektu. Pamiętaj, że użytkownicy mają czas koncentracji na złotej rybce - jeśli tak - więc wszystko, czego potrzebują, aby zrozumieć projekt i sposób interakcji z nim, musi być dostępne na pierwszy rzut oka.
Oto kolejna premia typu „drop-down” większego typu - zachęci Cię do ponownego przemyślenia dopełnienia, umieszczania zdjęć i odstępów między wierszami. Wszystko w projekcie zyska na przemyśleniu rozmiaru czcionki, ponieważ wszystko działa spójnie, aby stworzyć gotowy produkt końcowy. Cała ta edycja i przemyślenie sposobu umieszczania części może poprawić użyteczność, ponieważ w rzeczywistości poświęcasz czas na ocenę poszczególnych elementów w projekcie, a nie po prostu wszystko w ten sam sposób.
3. Zmniejsza zmęczenie
Zmęczenie użytkownika może być prawdziwym problemem. Większość ludzi patrzy na ekrany przez cały dzień, od zerknięcia na telefony, gry, tablety, pracę na komputerach czy oglądanie telewizji. Ich oczy są zmęczone.
Większe rozmiary tekstu mogą pomóc zmniejszyć część tego zmęczenia ekranu.
Innym powszechnym źródłem zmęczenia ekranu są urządzenia mobilne, a użytkownicy muszą sięgać po ekran w poszukiwaniu elementów. Większe telefony to zmniejszające się obszary, które są łatwo dostępne za pomocą kciuka, ale większe elementy i tekst mogą pomóc rozwiązać ten dylemat.
Jednym z powodów, dla których większe rozmiary tekstu i innych elementów interfejsu użytkownika są ważne, jest to, że pomaga on dostosować wyświetlanie wizualne do fizycznego, zapewniając większy komfort użytkownikom.
4. Zwiększa wpływ wizualny
Chcesz, aby Twój projekt robił dobre pierwsze wrażenie. Większy tekst może mieć silniejszą obecność wizualną i większy wpływ niż mniejszy tekst. Jest odważniejszy i bardziej bezpośredni. Wymaga czytania.
Wszystkie te taktyki pomagają przyciągnąć uwagę użytkownika i utrzymać go.
Niezamierzoną konsekwencją użycia większego typu ciała jest to, że większość wszystkiego w twoim projekcie prawdopodobnie również się powiększy. Najprawdopodobniej dzieje się tak w przypadku przestrzeni kosmicznej. Większy typ pomoże ci stworzyć miejsce dla większej przestrzeni w projekcie. Większa przestrzeń często zapewnia wygodniejszą obsługę i dodaje element kontrastu, który pomaga przyciągnąć użytkowników do zajętych części projektu. (Jest to teoria projektowania na poziomie podstawowym, ale działa.)
Większy typ i zwiększone odstępy to elementy, których większość użytkowników nie zobaczy ani nie porozmawia, ale po prostu zauważy, że doceniają. Doświadczenie będzie łatwiejsze i miejmy nadzieję, że przyniesie poprawę statystyk witryny, takich jak czas spędzony w witrynie lub liczba stron na użytkownika. (Miary te mogą być kluczowym czynnikiem przy określaniu, czy przejście na większy typ robi różnicę dla użytkowników).
Wniosek
Smashing Magazine opublikował artykuł w 2011 roku, w którym stwierdza, że cokolwiek mniej niż 16 pikseli dla tekstu podstawowego jest zbyt małe. Chciałbym się zgodzić.
A następnie przejdź o krok dalej. Przetestuj 18, 20 lub nawet 22 punktów za kopię swojego ciała. Nawet jeśli na początku wydaje się to niewygodne, przekonasz się, że jest łatwy do odczytania. Jest łatwy do strawienia. I sprawia, że treść wydaje się nieco mniej przytłaczająca. Ułatw użytkownikom korzystanie z witryny, a będą ci wdzięczni, spędzając więcej czasu w witrynie.
