Jak korzystać z typografii i projektowania, aby poprawić wrażenia użytkownika

Co sprawia, że ​​strona internetowa lub e-mail są atrakcyjne i przyjemne dla oka? Zanim zaczniesz czytać przewodniki po przewodnikach, jak stworzyć stronę docelową lub jak przybić idealny e-mail, może powinieneś pomyśleć w prosty i minimalny sposób o zmianie.

Więc co sprawia, że ​​coś takiego jest wspaniałe? Czy chodzi o oprawę wizualną, kolorystykę, kopię… A może jeszcze coś innego?

Cóż, wszystko jest w porządku, zwłaszcza kopia (mrugnij, mrugnij! ), jednak jest coś, co sprawia, że ​​użytkownik zwraca na to uwagę: Typografia.

Według mojego starego przyjaciela, Google, typografia to styl i wygląd drukowanych materiałów. Fakt, że jest to rodzaj sztuki sam w sobie, jest oczywisty.

A typografia jest podstawą, na której powstają wszelkiego rodzaju projekty związane ze słowem pisanym. Oznacza to, że można go znaleźć wszędzie: w książkach, na opakowaniach, a nawet – i co dla nas najważniejsze – na stronach internetowych, e-mailach i stronach docelowych.

Jednak, artystyczna czy nie, typografia jest czymś, co musi zapewniać użytkownikom dobre wrażenia, podobnie jak wszystkie narzędzia. A kursywą litery mogą być bardzo ładne, ale czy nadają się do użytku?

Zobaczmy, jak możemy poprawić doświadczenie użytkownika i sam interfejs użytkownika, stosując odpowiednią typografię.

Na początku jest czcionka

Wyobraź sobie, jak blado i obojętnie wyglądałaby Twoja witryna i jak bardzo odebrałaby wrażenia użytkownika, gdyby Twoja czcionka nie pasowała do świętej trójcy biznesu: docelowych odbiorców, tonu Twojej marki i Twoich celów.

Wybór odpowiedniej czcionki przypomina trochę wybór idealnych zasłon do pokoju. Tandetne zasłony pokazują kiepski gust, a czcionka, która po prostu nie pasuje, może sprawić, że Twój projekt będzie wyglądał w najlepszym przypadku tandetnie, aw najgorszym spam.

Czcionka jest równie ważna jak same efekty wizualne, aby stworzyć wrażenie i wskazać rzeczy, które należy wskazać, zarówno na stronie internetowej, jak iw wiadomości e-mail, optymalizując wrażenia użytkownika.

Będziesz potrzebować pogrubienia do śmiałych stwierdzeń, pochyłych liter i intensywnej kaligrafii do rzeczy, które są eleganckie i niezbyt ważne. Kombinacje takie jak ta poniżej są koniecznością:

pary czcionek marki

Jednak muszę cię przed czymś ostrzec: zbyt wiele czcionek sprawi, że przegrasz grę. Możesz mieć co najwyżej dwa rodzaje czcionek i musisz upewnić się, że są one używane jak w powyższym przykładzie: odważniejsza i bardziej rygorystyczna dla nagłówka, bardziej wyrafinowana dla treści kopii.

I pamiętaj: jeśli mówimy o Twojej witrynie, a nie o stronie docelowej lub wiadomości e-mail, być może powinieneś pomyśleć o użyciu standardowej czcionki.

Widzisz, kursywa może czasami być trudna do odczytania, a wynik, który jest zbyt artystyczny, może być piękny, ale nie jest łatwy do odczytania i zrozumienia. Dla dzisiejszych zapracowanych klientów, którzy są biegli w skanowaniu bloków tekstu i znajdowaniu dokładnie tego, czego potrzebują, aby zaoszczędzić czas, coś niestandaryzowanego może wyglądać na zbyt wiele wysiłku.

Twoi odbiorcy lepiej znają na przykład Times New Roman. Mogą nawet powiedzieć, gdzie należy go użyć, i są łatwe do przejrzenia.

Co więcej, może to spowodować prawdziwy problem z treścią, w tym sensie, że bardziej artystyczna czcionka i format mogą odwrócić uwagę od zaangażowania w treść.

Specjalne elementy czcionki:

Czcionka składa się z różnych elementów, które mogą w dużym stopniu wpłynąć na jej użycie lub złamać. Masz różne style, ciężary, prace! Zobaczmy więc, o co w tym wszystkim chodzi:

Przede wszystkim masz swoją rodzinę czcionek. Rodzina czcionek (lub krój pisma) to właściwie duża kategoria zawierająca czcionki tego samego stylu.

Po drugie, masz swoją grubość czcionki, czyli szerokość każdego znaku. Ten element oddziela, która czcionka zostanie użyta do utworzenia nagłówka, a która znajdzie się w treści.

Trzeci to kerning, czyli wzór, po którym podążają znaki, czyli odstęp między dwiema literami, który jest konieczny, ponieważ twoje oczy będą podążać dokładnie za tym wzorem.

Te odstępy i marginesy określą końcowy, bardzo ważny element:

Liczba znaków w linii. Zbyt wiele znaków w wierszu i treść tekstu będą wyglądać na zagracone, co spowoduje złe wrażenia użytkownika.

Zbyt mało i dotarcie do następnego akapitu zajmie oku więcej czasu, uzyskując dokładnie ten sam wynik, o którym wspomniałem powyżej.

Ograniczając długość poprawiasz czytelność tekstu. Jeśli linia jest zbyt długa, nie wyświetli się poprawnie na urządzeniu, co będzie oznaczać, że czytelnik nie będzie mógł jej poprawnie odczytać, co spowoduje bałagan, jeśli chodzi o CRO (Conversion Rate Optimization).

Musisz znaleźć złoty podział, który Ci odpowiada, i pamiętaj, że ten złoty podział musi się kończyć na 60 znakach w wierszu.

I tu mała wskazówka: musisz także uważać na odstępy między wierszami, ponieważ po prostu zbyt łatwo jest ponownie przeczytać wiersz lub całkowicie go pominąć. Co nigdy nie jest dobrą praktyką, zwłaszcza w dzisiejszych czasach, gdy konsumenci mają tak wiele opcji.

Rozmiar czcionki i inne koszmary

Ile razy widziałeś tekst pisany wielkimi literami i myślałeś, że autor chce krzyczeć ze złością? Założę się, że odpowiedź brzmi „wiele razy".

Rozmiary czcionek mogą działać tak samo, jak ton słowa mówionego: kursywa może naśladować, pogrubiona czcionka może być wymagająca, wielkie litery mogą przyciągać uwagę i tak dalej.

Dlatego projektant musi być ostrożny przy wyborze czcionki i stylu, zwłaszcza jeśli ma zróżnicowaną publiczność, z którą może „rozmawiać”.

Jeśli mi nie wierzysz, po prostu otwórz powieść i sprawdź czcionkę. Następnie otwórz książkę dla dzieci i zrób to samo.

Wszystko sprowadza się do tego, o czym wspomniałem na początku: musisz przemawiać do docelowych odbiorców poprzez swoją typografię, a także kopię i samą grafikę.

Ale rozmiar to nie wszystko, co się liczy. Ponieważ mówimy o technologii cyfrowej, Twoja typografia musi być nienaganna na wszystkich urządzeniach. Musisz zoptymalizować pod kątem urządzeń mobilnych, tabletów i komputerów stacjonarnych, aby użytkownik nie był zdezorientowany i całkowicie nie odrzucał treści.

Pamiętaj, że wysokość jest równie ważna. Bardzo długi lub bardzo krótki tekst, który wygląda świetnie podczas testowania w widoku na komputer, może nie działać dobrze na urządzeniach mobilnych.

Być może największym koszmarem ze wszystkich jest wyrównanie tekstu. W kulturze zachodniej ludzie są przyzwyczajeni do czytania od lewej do prawej, dlatego należy o tym pamiętać i odpowiednio postępować.

Użyj wyrównania do lewej, aby naśladować sposób, w jaki ludzie czytają drukowane teksty, i gotowe.

To samo nie zadziała w przypadku grupy docelowej, jeśli znajduje się ona gdzieś na wschodzie, gdzie czyta się od prawej do lewej. Więc znowu, twoja grupa docelowa jest pierwszą rzeczą do rozważenia przed podjęciem decyzji.

Trendy są Twoimi przyjaciółmi

Wiesz, że najlepsze praktyki nie pomogą, jeśli chodzi o typografię i projektowanie, prawda?

Możesz używać najlepszych czcionek, Twoje wyrównanie może być nienaganne, ale bez korzystania z trendów projektowych Twój e-mail, witryna internetowa, strona docelowa, cokolwiek tworzysz, może nadal pozostać jednym z Twoich najlepiej strzeżonych sekretów.

Odważne jest czasem piękne

Pomyśl na przykład o MAC. Marka kosmetyczna uwielbia używać pogrubionego tekstu i ekstremalnego kontrastu jako elementu:

Kosmetyki MAC

To jest motto marki i było od zawsze. Jest dramatycznie i nie można tego przegapić. To samo dotyczy bohatera ich biuletynu:

Biuletyn MAC Cosmetics

Powitanie jest po prostu… Tam! Gdybyśmy musieli stworzyć osobę z tego wizerunku bohatera, byłaby to bardzo stylowa osoba, która byłaby bardzo szczęśliwa, widząc, jak idziesz ulicą.

Rozważ również wykonanie następujących czynności: Oprócz używania pogrubionych liter, możesz także wyróżnić tekst w swoim projekcie.

Coś jak to, co robiliśmy jako dzieci z naszymi markerami na naszych książkach. Pamiętasz, ile uwagi to kiedyś przyciągało?

Są to dwa sposoby, których możesz użyć, aby ustalić hierarchię, jeśli chodzi o projekt.

Urozmaicić tekst!

Bloki tekstu są świetne, gdy je wyrównasz, a ludzie będą w stanie je przeczytać, nawet nie próbując, ale co się stanie, gdy musisz wyróżnić się z tłumu i trochę urozmaicić?

Spróbuj pomieszać nagłówki, z tekstem, który zaczyna się jako poziomy, zmienia się w pionowy, zmienia się w rozproszone litery…

Kluczem jest tutaj zaangażowanie gościa. A czy jest lepszy sposób na zaangażowanie ich niż zabawa i zwracanie uwagi na te małe elementy, które sprawią, że będą się trochę bawić.

Magiczni Ludzie Voodoo Ludzie

Powyższy obraz jest idealną wizualizacją punktu, który próbuję przedstawić, ponieważ musiałem raz lub dwa obrócić głowę, aby się nie zgubić. Możesz zobaczyć, że zasada wyrównania do lewej jest tutaj nadal widoczna, ponieważ nie możesz źle odczytać nazwy, chyba że jest to zamierzone i potrzebujesz ćwiczenia z kreatywności!

Bity i fragmenty treści

Cokolwiek robisz, zawsze powinieneś pamiętać, że treść jest tym, z czym pracujesz, a treść jest królem. Zawsze.

Upewnij się, że jakość odpowiada Twojej wizji i częstotliwości, z jaką publikujesz, przesyłasz lub wysyłasz e-maile.

Po drugie, upewnij się, że Twój projekt nie odwraca uwagi od treści. Na przykład przycisk wezwania do działania powinien mieć odważne i kontrastowe kolory, ale nie w takim stopniu, aby odbiorca nie przeczytał wiadomości, którą próbujesz przekazać.

Śmiało, przeczytaj treść, spędź z nią czas i naprawdę się w nią wczuj. Jeśli publikujesz wiele nowych rzeczy, muszą one być aktualne, trafne i przyciągające uwagę.

Wizualizuj, co chcesz powiedzieć. Przeczytaj swój tekst na głos i upewnij się, że tworzysz obraz, który miałeś w głowie, kiedy po raz pierwszy spojrzałeś na szkice.

I jeszcze jeden na drogę

Bądź bardzo uważny na kolory, których zamierzasz użyć. Oprócz psychologii kolorów i jej wpływu na użytkownika, musisz uważać na jeszcze kilka rzeczy:

Numer jeden, daltonizm. Nie używaj zbyt wielu czerwieni lub zieleni, jeśli chodzi o podkreślanie ważnych informacji.

Ślepota barw jest dość powszechnym schorzeniem, przy czym ślepota barw czerwonych i zielonych to dwa najczęstsze przypadki. Tak więc, jeśli chodzi o wezwania do działania i rzeczy, o których należy wiedzieć, na przykład Regulamin, trzymaj się czerni i mocno kontrastowych.

Numer dwa, migające obrazy i tekst. Migające obrazy mogą wywoływać uczucie niepokoju, mogą rozpraszać użytkownika i są trochę irytujące. Ale to nie są główne powody, dla których należy ich unikać.

Migające obrazy mogą powodować napady padaczkowe.

Podsumowując

Nadal jest wiele niedopowiedzeń, jeśli chodzi o typografię, projektowanie stron internetowych i własne doświadczenia użytkownika, ale myślę, że omówiliśmy tutaj podstawy.

Po prostu pamiętaj, aby myśleć nieszablonowo i być odpowiednim, nie będąc takim samym jak wszyscy. Kreatywna osoba, taka jak Ty, z pewnością znajdzie sposób na nieszablonowe myślenie!

I nie zapomnij zostawić komentarza ze swoją opinią na temat tego posta!