Jak rozmiar czcionki wpływa na UX i konwersję? Czytelność jest ważna. Duże czcionki przyciągają większą uwagę

A to, jak już się domyślasz, nie jest nieistotnym aspektem skutecznej promocji strony internetowej.

Oczywiście najważniejszą rzeczą, zanim zaczniesz wybierać najbardziej odpowiednią czcionkę, jest przemyślenie treści swoich tekstów.

W tym celu wybierzesz rozmiar i kształt liter, cyfr i innych znaków. Celem typografii jest poprawienie percepcji tekstu przez potencjalnego czytelnika.

Aksjomaty typografii, czyli Zasady, których lepiej nie łamać.

Na Na pierwszym miejscu jest łatwość czytania!

Używaj czcionek, które są łatwe do odczytania i przyjemne wizualnie. Wyjątkiem od tej reguły może być pisanie nazw marek lub logo. Ale nawet tutaj warto wiedzieć, kiedy się zatrzymać.

Wybierać optymalny rozmiar czcionka

Wysokość czcionki – rozmiar – powinna być umiarkowana. Tekst główny będzie dobrze czytany czcionką o rozmiarze 10-14. W niektórych przypadkach możliwe jest sztuczne zwiększenie rozmiaru, na przykład dla osób starszych z dalekowzrocznością.

Litery muszą być bardzo czytelne

Dlatego też czcionki dekoracyjne, których celem jest stworzenie artystycznego obrazu, a nie łatwość czytania, zupełnie nie nadają się do tekstu głównego. Jak na przykład czcionka Humpty, wypuszczona kilka lat temu i nadająca się wyłącznie do materiałów drukowanych, i to nawet w umiarkowanych ilościach.

Kolor jest ważnym elementem typografii

Istnieje kilka wersji optymalnej kolorystyki przy wyborze tła i czcionki.

Niektórzy twierdzą, że najbardziej przyjemne dla oka jest połączenie jasnożółtego tła z ciemnoszarą czcionką (na monitorze komputera lub laptopie), inni zaś sugerują, że idealnym tłem jest czerń.

W przypadku książek - zielony lub żółto-zielony (to zalecenie dotyczy e-booki). Ale nadal głównym parametrem przy wyborze pary tło-czcionka jest kontrast. A potem to już zależy od Twojego gustu.

Na przykład lepiej nie używać tej kombinacji:

Czy czcionka potrzebuje szeryfa?

W przestrzeni Internetu – zdecydowanie nie. Szeryfy ponownie odwrócą Twoją uwagę, powodując, że „natkniesz się” na słowo bez wyraźnego powodu. Czcionki szeryfowe zostawcie na nośniki papierowe – tam będą dużo bardziej przydatne.

Ile rodzajów czcionek może zmieścić się na stronie?

Według wyników badań rzadki tekst może wytrzymać kombinację więcej niż dwóch czcionek.

Można oczywiście przeprowadzać eksperymenty na swoich tekstach lub po prostu wysłuchać opinii osób, które wielokrotnie przeprowadzały ten eksperyment.

Porozmawiajmy teraz o kolumnach, wierszach, nagłówkach - wszystkim, co nadaje tekstowi kształt i kontur.

Na wielkość kolumny mogą mieć wpływ różne okoliczności, jednak zawsze obowiązuje jedna zasada: nie rozciągaj tekstu na szerokość strony – czytelnik Ci tego nie wybaczy.

Jeśli nie możesz sam wybrać optymalnej wielkości kolumny, umieść możliwie minimum: maksymalnie 8 słów.

Zdarzają się przypadki, gdy długości wiersza w kolumnie nie da się w żaden sposób „przyciąć”. Następnie możesz zastosować sztuczkę, nieznacznie zwiększając odstępy między wierszami.

Tekst natychmiast zacznie „oddychać”, a czytelnik z łatwością dostrzeże sens tego, co jest napisane.

W nagłówkach nie zapomnij o zasadzie „matrioszki”.

Nagłówek główny będzie największy, podtytuły będą mniejsze, a sam tekst będzie napisany w standardowym rozmiarze. Oddzielny ważne słowa Można to podkreślić pogrubioną czcionką, ale i tutaj nie należy przesadzać, gdyż czytanie takiego tekstu przez dłuższy czas męczy wzrok i... odrywa czytelnika od zasobu.

Ale tekst nie żyje samą czcionką! A także układ!

To jest nazwa specjalnego kodu strony.

Pozwala użytkownikowi zobaczyć ten sam materiał w ten sam sposób różne przeglądarki, a wyszukiwarkom łatwiej jest zaindeksować witrynę.

Aby zaprojektować stronę internetową, musisz podzielić projekt na elementy i przełożyć je na formacie HTML a następnie sformatuj. Można również używać dodatkowe fundusze np. arkusze stylów CSS.

Kiedy wymyślili nazwy typów układów, nie zawracali sobie tym głowy. Tak powstał układ gumowy, w którym układ strony jest rozciągany w zależności od podane wymiary okna (należy podać minimalną i maksymalną szerokość).

W związku z tym nazwano widok przeciwny, który ściśle określa szerokość strony i nie pozwala na jej zmianę układ gumowy. Układ adaptacyjny wykorzystał najlepsze funkcje z obu: układ można rozciągnąć proporcjonalnie do rozmiaru okna przeglądarki, ale niektóre bloki są ściśle stałe i nie rozciągają się.

Cechy techniczne układu

Nowoczesny standard zapewnia kodowanie UTF-8: jest używany we wszystkich Pliki HTML, CSS, JS.

Bieżący typ dokumentu, czyli DOCTYPE, podczas układania powinien być ściśle HTML, aby zapewnić prawidłowe wyświetlanie strony. Nie zapomnij o kompatybilności zasobu między przeglądarkami, który synchronizuje dane GoogleChrome, Internet Explorera (Ostatnia wersja), Firefoxa, Opery, Safari.

Nie da się wywołać strony bez jej ważności, czyli kodu dostępnego dla wszystkich wyszukiwarek, posiadającego przejrzystą strukturę i zapewniającego poprawne wyświetlanie we wszystkich popularnych przeglądarkach oraz standardowe rozdzielczości powyżej 1024: 1024x768, 1280x1024, 1680x1050 i 1920x1080.

Podczas dodawania lub odejmowania tekstu prawidłowo ułożona strona nie rozciąga się ani nie traci wygląd i nie „rozpada się”.

Zorganizuj swoją witrynę za pomocą nagłówków H1 i H2 - niech Wyszukiwarki poprawnie odbierać informacje. Ponadto sprawi to, że teksty będą wygodniejsze dla użytkowników.

Zawsze pamiętaj o czcionkach!!!

Rejestr opcje alternatywne aby tekst wyświetlał się poprawnie we wszystkich przeglądarkach. Uważaj na możliwe błędy: mogą się pojawić, gdy czytnik powiększy rozmiar czcionki.

Pomyśl o tych, z którymi będziesz czytać urządzenia mobilne. Być może po tym nie będziesz już sztucznie powiększać czcionki i zmieniać odstępów między wierszami (małe czcionki są czytelne na mobilnym wyświetlaczu, a odstępy są początkowo mniejsze niż na komputerze).

I nie zapomnij przetestować.

Sprawdzi się również prosty A/B, w którym możesz wybrać dwa optymalne opcje i wyślij go czytelnikowi do oceny. Ale możesz też zastosować dokładniejsze testy wielowymiarowe: ładujemy więcej stron do badań, wykorzystujemy też większy ruch, ale wynik będzie znacznie dokładniejszy.

Czy chcesz naprawdę niezawodnego układu?

Projektując układ swojej witryny, korzystaj z treści na żywo. Jeśli nie jest to możliwe, spróbuj zbliżyć nagłówki i tekst „odcinka” jak najbardziej do oczekiwanych oryginałów.

Jednak SeoPult tak uważa.

Jestem tego samego zdania, że ​​czcionka na stronie... ważny!

16 px to optymalny rozmiar czcionki dla stron internetowych.

Na pierwszy rzut oka stwierdzenie to może wydawać się dziwne, a nawet prowokacyjne. Główna czcionka większości stron internetowych nie przekracza 12 pikseli i wielu projektantów stron internetowych jest przekonanych, że jest to optymalny rozmiar czcionki. Ten artykuł ma na celu przekonać Cię, że jest inaczej.

Specjalista ds. użyteczności stron internetowych Oliver Reichenstein twierdzi, że 16 pikseli to standard normalnego wyświetlania czcionek w przeglądarce. Jednocześnie czcionka nie będzie wyglądać na gigantyczną (czego obawia się wielu projektantów), ponieważ 16 pikseli to dużo tylko na pierwszy rzut oka, ale w praktyce jest to najwygodniejszy rozmiar czcionki dla witryny, o czym przekonało się już wielu programistów z.

Co więcej, 16 pikseli to minimalny rozmiar czcionka dla nowoczesnej strony internetowej, a jeśli nie obsługujesz tego formatu, to po prostu marnujesz pieniądze swoich klientów. Poniżej znajdują się argumenty przemawiające za trafnością tego konkretnego rozmiaru czcionki.

Dochody strony internetowej i przyciąganie czytelników

W większości przypadków strona internetowa jest tworzona w celu zarabiania pieniędzy, a im więcej masz odwiedzających, tym większy będzie prawdopodobny dochód. Jeśli Twoja witryna sprzedaje się, tym ważniejsze jest, aby ją przyciągnąć potencjalny klient wśród odbiorców Internetu. Każdy z czytelników Twojej witryny jest cennym aktywem biznesowym, który ostatecznie zwróci koszty stworzenia Twojej witryny.

Dlatego każdy element Twojej witryny powinien być nastawiony na osiągnięcie ostatecznego celu. Treść tekstowa Zasada ta obowiązuje przede wszystkim. W końcu tekst na stronie internetowej jest głównym środkiem oddziaływania na czytelnika.

Jeśli teksty na Twojej stronie nie wskazują jednoznacznie, jakich działań oczekujesz od użytkownika, to nie zostanie on Twoim klientem. A żeby tekst skutecznie oddziaływał na użytkownika, trzeba go przynajmniej przeczytać.

Dlatego wszystko, co robisz, powinno mieć na celu ułatwienie czytelnikom czytania treści.

4 fakty dotyczące czytania, które powinien wiedzieć projektant stron internetowych

1) Po dwudziestu latach jakość widzenia u ludzi spada, w wieku czterdziestu lat tylko 50% światła przechodzi do siatkówki, a do sześćdziesiątki - tylko 20%.

2) 9% Amerykanów ma problemy ze wzrokiem, a w Rosji liczby te są jeszcze niższe. Dla wielu Rosjan nawet soczewki kontaktowe nie są w stanie całkowicie skorygować wzroku.

3) Szybkość odczytu zależy od odległości od źródła: Im większa odległość, tym bardziej czytelne symbole i większa zdolność czytania ze zrozumieniem. Główny czynnik determinujący optymalna odległość, to dokładnie rozmiar czcionki. Duże czcionki Na billboardach rozpoznaje je prawie każdy, co nie ma miejsca w przypadku 12-pikselowej czcionki większości stron internetowych.

4) Należy pamiętać, że większość użytkowników komputerów znajduje się w odległości 50-60 centymetrów od urządzenia, co pozwala uniknąć nadmiernego obciążania oczu. Źródła drukowane postrzegamy jednak jako coś więcej bliski zasięg, bo magazyn, który czytamy, znajduje się w odległości mniejszej niż na wyciągnięcie ręki, zaledwie kilkudziesięciu centymetrów. Na podstawie tych obliczeń można zauważyć, że czcionka 16-pikselowa na ekranie jest postrzegana jako czcionka 10-pikselowa w książce.

Tekst 16 pikseli na monitorze 24-calowym i tekst 12 punktów w książce

Tekst 16 pikseli na monitorze 15,4 cala i tekst 12 punktów w książce

Złe czcionki zmniejszają ruch w witrynie

Zła czcionka na stronie internetowej jest najczęstszym problemem użytkowników (uzyskała najwięcej głosów w ankiecie z 2005 roku). NA ten moment sytuacja nie uległa poprawie – pokazuje próbka projektów SiteInspire. Średni rozmiar ich czcionka tekstu podstawowego ma tę samą wielkość 12 pikseli, która stała się standardem wśród projektantów stron internetowych, wbrew wymaganiom użytkowników, na które większość narzeka mały rozmiar czcionka. Ze wszystkich tych projektów nie ma ani jednego (!) z czcionką większą niż 14 pikseli, a niektóre mają jeszcze mniejszą czcionkę - 10 px.

Popularne źródła gotowe projekty w przypadku witryny ElegantThemes i ThemeForest oferują twórcom stron internetowych szablony o rozmiarze czcionki nieprzekraczającym 12-13 pikseli.

Ilu Twoich czytelników ma 100% jakości widzenia i nie cierpi na nadmierne zmęczenie oczu podczas pracy z komputerem? Czy wszyscy Twoi czytelnicy mają mniej niż 20 lat i nie mają problemów z rozpoznawaniem miniaturowych czcionek?

Najprawdopodobniej tak nie jest: każdy z dziesięciu czytelników po prostu nie będzie w stanie rozróżnić czcionki 10 pikseli, ale rozmiar 16 pikseli będzie dla nich optymalny. W przeciwnym razie nawet osoby o doskonałym wzroku będą musiały zbliżyć się do monitora, aby zobaczyć drobny druk, co znacznie zmniejsza użyteczność witryny. Postawa osoby siedzącej przed komputerem powinna być jak najbardziej naturalna i wygodna, nie chcesz, aby Twój czytelnik czuł się niekomfortowo i niezręcznie?

Nie obciążaj czytelnika po raz kolejny, w przeciwnym razie znaczenie tego, co przeczyta, do niego nie dotrze (nawet jeśli przeczyta Twój tekst i nie opuści strony od razu).

Nie odstraszaj odwiedzających niewygodnymi czcionkami, ponieważ im więcej masz odwiedzających, tym wyższy dochód ostatecznie przyniesie Twoja witryna.

Nie każ użytkownikowi myśleć!

Wielu projektantów uważa, że ​​„problemy tonących ludzi są dziełem samych topiących się ludzi”, a jeśli użytkownik ma problemy z odczytaniem czcionki na stronie, powinien skorzystać z funkcji powiększania, która pozwala mu powiększyć tekst. Jednak z punktu widzenia użytkownika wyszukiwanie jest łatwiejsze niezbędne informacje na innej stronie niż dostosowywanie niewygodnego interfejsu zasobu internetowego. Wielu użytkowników nawet nie wie o istnieniu takiej funkcji i w obliczu tekstu, którego nie da się odczytać, bez wahania naciskają przycisk „Wstecz”.

Nie marnuj pieniędzy swoich klientów tworząc stronę internetową, która jest w oczywisty sposób nieopłacalna. To, co wydaje Ci się piękne, nie zawsze jest przyjazne dla użytkownika. Pomyśl o tym, co interesuje użytkownika, a osiągniesz cel, jakikolwiek by on nie był.

Projekt publikacji drukowanych różni się od projektu zasobów internetowych – to oczywiste. A jeśli duże czcionki w druku powodują dodatkowe koszty za każdy milimetr użytego papieru, to koszt stworzenia publikacji online nie jest zależny od rozmiaru użytej czcionki, więc nie ma sensu ograniczać się do kompromisowych rozwiązań.

16 pikseli jest wygodne

Jeśli nadal nie postrzegasz dużej czcionki jako akceptowalnej dla witryny z estetycznego punktu widzenia, to pomyśl o tym, że nie ma nic bardziej elastycznego niż gust projektanta. Zasadniczo nasze preferencje opierają się na tym, co widzieliśmy wcześniej. A jeśli zaimponował Ci projekt strony internetowej wykonany przy użyciu czcionki 10 pikseli, nie zaprzecza to w żaden sposób, że projekt z czcionką 16 pikseli będzie atrakcyjny.

Pomyśl, co jeśli Twój projekt stanie się nowym standardem? Uczynienie witryny bardziej przyjazną dla użytkownika to świetny sposób na pokonanie konkurencji i zbudowanie dużej grupy odbiorców.

Wybór czcionek dla witryny internetowej ma bezpośredni wpływ na konwersję. Typografia pomoże każdemu projektantowi zaprowadzić porządek na stronie. Wybór czcionki na stronę internetową zależy od wielu czynników i elementów, na które zdecydowanie warto zwrócić uwagę. Pomiędzy nimi: rodzaj stylu, sama czcionka, długość linii, odstępy między liniami, kerning (biały odstęp między pojedynczymi znakami lub literami), odstępy i gęstość znaków.

Główna zasada pracy z tekstem: Dzięki temu odwiedzający powinien łatwo przyswoić informacje prezentowane na stronie, czyli fragmenty tekstu muszą być ze sobą powiązane, ale główne punkty muszą być widoczne na pierwszy rzut oka.

Marketerzy internetowi twierdzą, że dobrze dobrana typografia może znacznie poprawić i uzupełnić tekst na stronie internetowej. Jednocześnie analfabeta
a brzydko umieszczony tekst nie uratuje pracy nawet bardzo utalentowanemu copywriterowi.

Jakimi podstawowymi zasadami należy się kierować zamieszczając tekst na stronie internetowej?

  • Czcionka, którą będzie czytał użytkownik Twojej witryny, powinna być przede wszystkim łatwa do odczytania. Piękne i oryginalne czcionki nie zawsze są wygodne i zrozumiałe dla czytelnika.
  • Czcionka powinna uzupełniać tekst, a nie go zastępować. Po przeczytaniu tego, co jest napisane, odwiedzający powinien pamiętać o istocie tekstu, a nie o ciekawej typografii.
  • Stosując kilka czcionek w jednym tekście należy pamiętać, że kontrast powinien sprawić, że czcionki będą się różnić, ale jednocześnie zachować w nich jakąś wspólną cechę.
  • Prostota jest kluczem do sukcesu. Twój tekst nie powinien zamieniać się w wystawę różnego rodzaju czcionek.
  • Wybierz czcionkę w oparciu o wymagania rynku. Przeanalizuj konkurencję w swojej niszy i dowiedz się, czy Twoja witryna potrzebuje na przykład ścisłej, dużej lub dość formalnej czcionki.
  • Zwróć uwagę na spacje pomiędzy wyrazami i literami. Powinny być umiarkowanie szerokie.
  • Nie ma potrzeby używania wielkich liter na początku każdego słowa. 90% tekstów w Internecie jest pisanych małe litery i są doskonale czytelne dla użytkowników.
  • Długość linii nie może być bardzo krótka, aby nie przeskakiwać ciągle na początek linii, co oczywiście powoduje niedogodności dla użytkowników. Ale nie powinieneś też robić zbyt długiej kolejki. Szukaj „złotego środka”.
  • Nie zapominaj o gęstości słów, użytkownik nie powinien mieć poczucia, że ​​wszystkie słowa zostały wrzucone na jeden stos.

Według statystyk następujące czcionki są uważane za popularne i szeroko rozpowszechnione:Times New Roman, Georgia, Verdana, Arial Black, Courier, Trebuchet MS, Comic Sans lub Impact.

Wybór rozmiaru czcionki, koloru czcionki i tła dla niej.

Rozmiar czcionki jest ważny, ale jego wybór jest trudny do przewidzenia. W końcu niektórzy lubią duże czcionki, inni mniejsze. Za standardowy rozmiar uważa się 14 pikseli (służy do pisania dyplomów państwowych i zajęcia). Wybrany rozmiar czcionki musi spełniać tylko jedną zasadę – odwiedzający Twój zasób musi po prostu wygodnie przeczytać zamieszczony tekst.

Powszechnie przyjmuje się, że czarny tekst na białym tle to idealne połączenie. Jednak osoby spędzające dużo czasu przy komputerze twierdzą, że nadal wygodniej jest czytać czarno-szary tekst na lekko szarym tle. Faktem jest, że dzięki tej kombinacji oczy nie męczą się tak bardzo. Mimo wszystko białe tło ostrzejszy i jaśniejszy w porównaniu do jego lekko szarawych odcieni.

Gdzie można uzyskać wysokiej jakości czcionki internetowe? Jest wiele przydatne zasoby, gdzie znajdziesz czcionki na każdy gust. Wśród takich witryn należy zwrócić szczególną uwagęFontsquirrel, Myfonts, Fonts.com, Typekit, Typecast, WebFont.ru.

W jakich formatach powinny być pliki czcionek? Czcionki muszą być w kilku jednocześnie wymagane formaty. Mianowicie: TTF lub OTF – plik czcionki, ale pobierany z serwera podczas przeglądania witryny; WOFF - niezabezpieczone archiwum źródłowe OTF lub TTF, ważny format (obsługiwany przez większość popularne przeglądarki); EOT - archiwum zaimplementowane przez TT OpenType, które posiada mechanizmy zabezpieczające, potrzebne jest do obsługi starych Przeglądarki internetowe Poszukiwacz ; SVG — do obsługi przeglądarki Safari.

Jak używać czcionek na stronie internetowej? Kilka zaleceń stosowanych przez specjalistów internetowych.

  1. Utwórz kilka bloków tekstu na stronie internetowej. Tworzy to dodatkowe „haczyki” dla czytelników.
  2. Wybierz optymalne opcje pozycjonowania i wyrównania czcionek. Dokonaj wyborów dotyczących pozycjonowania, w tym zawijania, minimalnej i maksymalnej szerokości oraz wysokości, zwracając uwagę na elementy projektu i układu strony.
  3. Wybierz czcionki w zależności od charakteru Twojego produktu/usługi lub marki. Na przykład najczęściej stosuje się gładkie linie, unikając stosowania narożników i jasnych liter w najlepszy możliwy sposób wskazać produkt kobiecy.
  4. Sprawdź, czy Twój tekst jest naprawdę czytelny. Licytuj lekką czcionkę dla swojej witryny.
  5. Użyj optymalnego rozmiaru czcionki i umieść w tekście wiele czcionek różne rozmiary. Na przykład możesz utworzyć nagłówki/podtytuły/listy punktorów czcionką większą niż sam tekst.
  6. Używać Duże litery przyciągnąć uwagę. Można to na przykład wykorzystać do wyróżnienia krótkich sloganów lub nagłówków. Ale nie przesadzaj.
  7. Wybierz odpowiednie odstępy między literami. Duży odstęp ułatwia percepcja wzrokowa i odwrotnie, małe sprawia, że ​​tekst jest bogatszy, ale trudny do odczytania.
  8. Podczas projektowania lepiej jest używać różnych par czcionek produkty poligraficzne, banery, infografiki.
  9. Zadbaj o dogodną lokalizację tekstu na stronie.
  10. Zmniejsz ilość tekstu na drukowanych produktach reklamowych, banerach i slajdach prezentacji.

Mamy nadzieję, że nasze wskazówki pomogą Ci podjąć decyzję o wyborze czcionek dla Twojego zasobu internetowego! Firma HyperHost zawsze chętnie oferuje stabilną i wysoką jakość

5 stycznia 2012 o godzinie 19:05

Opinia: tekst główny w rozmiarze 16 pikseli

  • projektowanie stron

Niedawno w ulubionym przez wszystkich SmashingMagazine ukazał się artykuł, w którym autor przedstawia swoją teorię dotyczącą 16 pikseli jako rozmiaru tekstu podstawowego i argumentuje na jej obronę. Artykuł wywołał dość burzliwą dyskusję, dziś publikujemy jego tłumaczenie.

Tłumaczenie dostarczone przez blog poświęcony projektowaniu stron internetowych Naikom

W przypadku tekstu podstawowego wartość mniejsza niż 16 jest strasznym błędem

Wiem, co myślisz: „Czy on właśnie powiedział 16 pikseli? Do tekstu podstawowego? Mnóstwo! 12 pikseli jest idealne dla większości stron internetowych.”
Chciałbym Cię przekonać, że jest inaczej.

Ekspert ds. użyteczności Oliver Reichenstein stwierdził w swoim artykule „Standard 100% Easy-2-Read”:
„16 pikseli to niewiele. Jest to domyślny rozmiar tekstu przeglądarki. Przeglądarki zostały zaprojektowane tak, aby wyświetlać ten rozmiar... Na pierwszy rzut oka wydaje się to dużo, ale gdy spróbujesz, od razu zrozumiesz, dlaczego wszyscy twórcy przeglądarek wybrali ten rozmiar tekstu jako domyślny.

W tym artykule wyjaśnię, dlaczego 16 pikseli to minimalny rozmiar tekstu podstawowego nowoczesny projekt strony internetowej. Jeśli nie zmienisz swojej opinii, prosimy o przedstawienie powodów w komentarzach.

Jak widać, w większości przypadków, jeśli utworzysz witrynę internetową o rozmiarze czcionki od 10 do 15 pikseli, ty marnować pieniądze klienta. I własnie dlatego.

Czytelnicy to dochód
Jeśli tworzysz stronę internetową dla kogoś – nawet dla siebie – prawdopodobnie Twoim celem jest zarabianie pieniędzy.

Może sprzedać produkt bezpośrednio, zaoferować usługę lub po prostu uzyskać kliknięcia. Tak czy inaczej, jest to składnik aktywów biznesowych i powinien ostatecznie zwrócić Twoją inwestycję. Musi generować dochód.
Dlatego każdy element musi być zaprojektowany tak, aby osiągnąć ten cel. Łącznie z tekstem. Zwłaszcza tekst - ponieważ tekst przekonuje odwiedzających do zrobienia tego, co chcesz.
Pomyśl o tym. Jeśli nie wyjaśnisz, co ludzie powinni zrobić i dlaczego powinni to zrobić, to oczywiście tego nie zrobią. Jedynym sposobem, aby im to powiedzieć, jest SMS. A tekst sugeruje czytanie.

Ważne fakty dotyczące czytania
Istnieją pewne fakty, które są decydujące w przypadku takich pytań jak czytelnicy, czytajcie i rozumiejcie, i to wszystko o tekście. Jeśli ludzie tego nie czytają albo nie potrafią przeczytać i zrozumieć, to jaki jest w tym sens, prawda?
Fakt: Większość użytkowników nie znosi „zwykłego” rozmiaru czcionki
Zapytam: jaki procent Twoich czytelników stanowią osoby powyżej 40. roku życia? Ich oczy muszą pracować, aby przeczytać tekst. dwa razy więcej niż oczy 20-latka. Jeśli zbliża się do 60. roku życia, oczy muszą pracować cztery razy ciężej.
Prawie 1 na 10 Twoich czytelników ma problemy z oczami. A nawet ci, którzy nie mają problemów, nadal będą musieli się wysilić czytać tekst mniejszy niż 16 pikseli, nawet jeśli nie zauważają, że to robią. (Jak często czujesz się przyciśnięty bliżej ekranu?). A jeśli dziecko będzie musiało się pochylić, prawdopodobnie poczuje się niezręcznie i niekomfortowo. Naturalna poza przed komputerem – wg co najmniej, na wyciągnięcie ręki od ekranu!
Krótko mówiąc, czytanie jest denerwujące dla przeciętnego użytkownika.
Im trudniej jest przeczytać Twój tekst, tym mniej znaczenia zostanie zrozumiane. 10 pikseli będzie bezużytecznych. 12 pikseli to wciąż za mało dla większości czytelników. Nawet 14 pikseli może zniechęcić gości, którzy w przeciwnym razie zostaliby na miejscu.
Możemy zatem stwierdzić, że jeśli chcesz osiągnąć maksymalny liczbę czytelników, musisz ją ustawić minimum rozmiar 16 pikseli.
„Ale użytkownicy mogą powiększyć tekst”.
„Jeśli kod jest poprawny, osoby z problemami ze wzrokiem zawsze będą mogły skorzystać z funkcji powiększania, aby powiększyć tekst”.- tak powiedział jeden z projektantów stron internetowych w sporze dotyczącym tej kwestii. W rzeczywistości nie jest to prawdą. Użytkownicy, którzy muszą zmienić ustawienia, zwykle nie wiedzą, jak to zrobić. A ci, którzy mogą... najprawdopodobniej wybiorą łatwiejszą ścieżkę, po prostu naciskając przycisk „Wstecz”. Jest rzeczą oczywistą, że nie powinniśmy wykorzystywać pieniędzy naszych klientów do tworzenia projektów nieprzyjaznych dla użytkownika. Nie należy przedkładać naszych osobistych upodobań ponad użyteczność.

Projektowanie stron internetowych to nie tylko coś, co lubią projektanci. Chodzi o to, co użytkownicy chcą i co pomoże Ci osiągnąć cele naszych klientów.

Jeśli celem strony internetowej jest generowanie dochodu, naszą rolą jako projektantów jest wymyślenie czegoś, co pozwoli osiągnąć ten cel tak efektywnie, jak to możliwe. Wybór rozmiaru czcionki utrudniającego czytanie zmniejszy liczbę czytelników, więc nie oszczędzaj na rozmiarze czcionki kosztem konwersji.
W projektowaniu druku czcionka w rozmiarze 8 będzie idealnym kompromisem pomiędzy łatwością czytelności a kosztami, bo za każdy milimetr papieru trzeba płacić. W Internecie nie płacisz nic za korzystanie z Twojej przestrzeni — pod warunkiem, że Twoim czytelnikom podobają się Twoje teksty.
Pytanie brzmi Czy jesteś gotowy wydać pieniądze swoich klientów na coś, co lubisz tylko Ty?

16 pikseli to niewiele
Nasze gusta projektowe i preferencje estetyczne są bardziej elastyczne, niż nam się wydaje. To, co nam się podoba, wynika w dużej mierze z tego, co widzieliśmy już u innych projektantów i czego oczekujemy.
Niestety, większość stron internetowych zawiera drobny tekst, ponieważ ekrany były kiedyś małe, a projektanci nie porzucili jeszcze tego nawyku.
Oryginał tego artykułu jest napisany czcionką o rozmiarze 19 pikseli. Wybrano ten rozmiar, ponieważ nawet 16-18 pikseli wydawało się za małe: jeśli usiądziesz wygodnie na krześle, w odległości 70 cm od ekranu, może się okazać, że będziesz musiał mrużyć oczy, aby zobaczyć tekst. Gdybym użył Gruzji lub Verdany, 16 pikseli mogłoby być w porządku: te czcionki zostały zaprojektowane duży wzrost litery i dlatego wydają się większe na ekranie.

Teraz spójrz na stopkę i zobacz, czy musisz pochylić się do przodu w stronę ekranu, zmrużyć oczy lub skrzywić się, aby zobaczyć tekst. W końcu jego rozmiar to 11 pikseli. Jeśli po tym wszystkim nadal Cię nie przekonałem, proszę o podanie powodów w komentarzach.

Tagi:

  • rozmiar czcionki
  • typografia
Dodaj tagi