Ostatnia aktualizacja: 31
Codziennie jesteśmy bombardowani ogromną ilością informacji online i offline. Dzięki nowym technologiom i szybkiemu połączeniu internetowemu ludzie mogą tworzyć więcej rzeczy, niż są w stanie fizycznie skonsumować.
W przypadku wielu stron internetowych i aplikacji konsumenci nie czytają wszystkiego słowo po słowie, lecz skanują stronę, aby ustalić, dlaczego i w jaki sposób jest ona istotna.
Czytelność stron internetowych jest obecnie uważana za kluczowy aspekt użyteczności witryn internetowych ze względu na jej istotny wpływ na doświadczenia użytkowników.
W tym artykule omówiono ten temat i zawarto porady dotyczące umożliwienia skanowania produktów cyfrowych.
Skanowalność i WAŻNOŚĆ?
Innymi słowy, możliwość skanowania odnosi się do łatwości, z jaką użytkownik może przeglądać informacje zawarte w sieci, zamiast czytać je słowo po słowie.
Zwiedzający mogą szybko i sprawnie czytać tekst i obrazy w czytelnej treści, ponieważ zostały one przygotowane i ułożone w sposób umożliwiający łatwe zrozumienie.
Ogólny wpływ przekazu, formatowania i stylu pisania zastosowanego w celu uczynienia materiału łatwym do odczytania jest podstawową zasadą tworzenia UX, a co za tym idzie, projektowania UX i produktu w ogóle.
Duże korporacje i start-upy coraz częściej uważają, że skanowanie treści jest koniecznością, co prowadzi do ciągłego rozwoju tworzenia UX i projektowania treści jako tematu.
Nielsen Norman Group przeprowadziła w 1997 roku interesujące badania, które spopularyzowały koncepcję „skanowalności”.
Jakob Nielsen i jego współpracownicy postanowili dowiedzieć się, jak ludzie czytają w Internecie.
Jaki jest ich wniosek? „Oni nie.”
„Ludzie rzadko czytają strony internetowe słowo po słowie; zamiast tego skanują stronę, podkreślając poszczególne frazy i zdania”.
Tylko niewielki odsetek użytkowników biorących udział w badaniu czytał strony słowo po słowie. Późniejsze badanie przyniosło ten sam wynik.
Czytelność jest ważna, ponieważ ludzie skanują. Nie jest to sztywna zasada, której wszyscy przestrzegają. To uogólnienie; niektórzy czytelnicy przeczytają Twój materiał dogłębnie, ale większość szybko przeskanuje stronę w poszukiwaniu przydatnych informacji.
Te cztery czynniki określają ilość czasu, jaki konsumenci są skłonni spędzić na czytaniu (lub skanowaniu).
- Poziom motywacji
- Poziom skupienia
- Rodzaj zadania
- Cechy personalne
Z licznych badań wynika, że konsumenci skanują treści cyfrowe, a najbardziej znanym przykładem jest opracowany przez Nielsen Norman Group wzór w kształcie litery F służący do czytania treści internetowych.
Po gruntownej analizie sposobów czytania w Internecie udało się wyciągnąć trzy istotne wnioski, które układają się w wzór w kształcie litery F:
- Użytkownicy często zaczynają od czytania górnej części materiału w poziomie, tworząc w ten sposób górną belkę litery F.
- Po lekkim przesunięciu się w dół, czytelnicy czytają drugą sekcję poziomo, zazwyczaj krócej niż poprzednią. To najniższy takt wersu F.
- Od tego momentu ludzie często skanują lewą stronę treści w pionie, co może odbywać się szybko, powoli, metodycznie lub gdzieś pomiędzy. To pionowe skanowanie tworzy trzon litery F i dopełnia wzór w kształcie litery F.
To odkrycie dotyczące sposobu, w jaki ludzie konsumują materiały cyfrowe, korzystając ze wzorca w kształcie litery F, było i nadal jest przełomowe dla twórców treści UX, projektantów treści, strategów treści, autorów tekstów technicznych i każdego, kto ceni treści zorientowane na użytkownika.
Dzieje się tak, ponieważ niezwykle ważne jest projektowanie i generowanie treści, które wiernie odzwierciedlają zachowanie ludzi w sieci, a nie to, jak my chcielibyśmy, aby się zachowywali.
Projektowanie i generowanie informacji odzwierciedlających rzeczywiste zachowanie użytkownika (skanowanie) jest kluczowym elementem opracowania „lepki interfejs użytkownika” (interfejs, który sprawia, że użytkownicy wracają). A trwały interfejs użytkownika ma kluczowe znaczenie dla długoterminowego sukcesu każdego produktu cyfrowego.
Później przyjrzymy się, jak wzór czytania w kształcie litery F wpłynął na koncepcję czytelności tekstu, najpierw jednak sprawdźmy, w jaki sposób czytelność tekstu poprawia doświadczenie użytkownika.
Biorąc pod uwagę sposób, w jaki ludzie konsumują i trawią materiały cyfrowe, możliwe do zeskanowania treści przyczyniają się do dobrego UX (i trwałego interfejsu użytkownika) na różne sposoby:
- Użytkownicy mogą szybciej znajdować to, czego potrzebują, skanując materiały zamiast powoli i uważnie czytać duże ilości tekstu, oszczędzając czas.
- Zmniejsza obciążenie poznawcze: Materiał nadający się do zeskanowania jest bardziej strawny niż gęste ściany tekstu i wymaga znacznie mniej energii umysłowej do spożycia.
- To jest dostępne: Zapewnienie możliwości skanowania materiałów wiąże się z wdrożeniem wielu (jeśli nie wszystkich) wytycznych dotyczących dostępności.
- Zmniejsza niepewność i frustrację: Ponieważ pozwala użytkownikom szybko i łatwo odkryć, czego potrzebują, jest mniej prawdopodobne, że poczują się zdezorientowani lub sfrustrowani.
Jak mogę przetestować skanowalność?
Konsumenci mogą wchodzić w interakcję z Twoim materiałem i sprawdzać jego czytelność, stosując różne podejścia.
Oto kilka metod określania możliwości skanowania Twojego pliku zawartość:
A. Test użytecznościPodczas sesji testów użyteczności uwzględnij działania związane ze skanowaniem i wyszukiwaniem konkretnych informacji. Sprawdź, w jaki sposób użytkownicy eksplorują materiał, na jakich elementach się koncentrują i czy łatwo im znaleźć potrzebne informacje.
Zachęcaj uczestników do głośnego myślenia, dostarczając im cennych informacji na temat ich nawyków skanowania i procesów myślowych.
użytkownicy posługiwać się narzędzia mapy cieplnej aby tworzyć wizualne reprezentacje tego, na czym skupia się ich uwaga. Mapy cieplne wykorzystują zagregowane dane, aby wskazać, które części witryny przyciągają uwagę. największe zainteresowanie.
Analizując wyniki z mapy cieplnej, można określić, które regiony cieszą się zainteresowaniem, a które są pomijane.
B. Testy A/B: Stwórz kilka wersji swojego materiału, stosując różne strategie skanowania. W tym teście A/B innym grupom użytkowników zostaną zaprezentowane różne wersje.
Aby ocenić, czy dana wersja działa lepiej pod względem czytelności, zaangażowania użytkownika, czasu spędzonego na wyszukiwaniu informacji i wskaźników sukcesu.
Ruchy oczu uczestników są rejestrowane podczas czytania treści badania eyetrackingowe. W badaniach wykorzystujących śledzenie wzroku rejestrujesz ruchy oczu uczestników podczas czytania treści.
Ta strategia dostarcza wymiernych informacji o tym, na czym użytkownicy skupiają najwięcej uwagi i jak ich uwaga przemieszcza się po stronie. Pomaga w identyfikacji trendów i możliwości poprawy.
10 wskazówek, jak poprawić skanowalność
1. Stwórz odpowiednią hierarchię wizualną
Hierarchia wizualna interfejsu komputerowego odnosi się do organizacji i prezentacji komponentów interfejsu użytkownika w celu wskazania stopnia istotności, umożliwiając użytkownikom szybkie wyszukiwanie potrzebnych informacji. Zaprojektowanie układu z dobrą hierarchią wizualną wymaga uwzględnienia wielu czynników:
- Rozmiar
- Kolor
- Kontrast
- Bliskość
- Spójność
- Przestrzeń negatywna
- Powtórzenie
Projektant, który bierze pod uwagę te wzorce projektowania interfejsu użytkownika podczas tworzenia projektu układu interfejsu użytkownika, zadba o to, aby gotowy produkt miał wizualnie atrakcyjny, harmonijny i intuicyjny układ.
Strona wyników wyszukiwania Google wykorzystuje wszystkie elementy hierarchii wizualnej, aby ułatwić przeglądanie treści.
Użycie koloru, rozmiaru i kontrastu podkreśla nagłówki. Negatywna przestrzeń otaczająca każdy nagłówek pomaga mieć pewność, że jest to pierwsza rzecz, którą użytkownik skanuje.
Użytkownicy, którzy znajdą odpowiedni nagłówek, sprawdzają kolor i odległość linku, aby ocenić jego wiarygodność.
Następnie, aby dokładniej ocenić wynik, analizują treść, która jest spójna pod względem koloru, rozmiaru i odstępów. Oprócz tych kryteriów, powtarzalność i spójność ułatwiają przeglądanie wyników wyszukiwania Google.
2. Umieść podstawową nawigację w nagłówku witryny
Wszystkie opisane wzorce skanowania wzrokiem wskazują, że bez względu na to, co wybierze użytkownik, proces skanowania rozpoczyna się w górnej poziomej części strony internetowej.
Wykorzystanie jej do podkreślenia kluczowych obszarów zaangażowania i budowania marki to technika, która przynosi korzyści obu stronom.
Projektanci UI/UX, menedżerowie treści i specjaliści ds. marketingu widzą główny powód kluczowego znaczenia projektu nagłówka witryny.
- Nagłówek nie powinien być przeładowany zbyt dużą ilością informacji po drugiej stronie, co utrudnia koncentrację.
- Próba zmieszczenia wszystkiego w górnej części strony może sprawić, że układ stanie się bałaganem.
- Ważne jest, aby przeanalizować cele głównej grupy docelowej i to, w jaki sposób wpisują się one w cele biznesowe witryny, a następnie na tej podstawie określić, jakie informacje lub elementy nawigacji są najistotniejsze w nagłówku.
- Na przykład w dużej witrynie e-commerce funkcja wyszukiwania musi być natychmiast widoczna i często umieszczona w nagłówku, aby była dostępna w każdym punkcie kontaktu.
- Funkcja wyszukiwania może być zbędna w przypadku witryny internetowej małej firmy, ale łatwo dostępny link do portfolio ma kluczowe znaczenie.
3. Wykorzystaj przestrzeń ujemną
Geniusz Claude Debussy stwierdził, że: „Muzyka to przestrzeń pomiędzy nutami.” To samo dotyczy czytelności; ujemna przestrzeń między elementami wyróżnia udany układ.
Odpowiednia ilość ujemnej (białej) przestrzeni otaczającej elementy interfejsu użytkownika zwraca uwagę na same elementy. Podkreśla informacje, jednocześnie zapewniając wystarczającą swobodę, aby układ nie został przeciążony.
Bez przestrzeni na oddech ludzki mózg jest mniej skłonny do wyszukiwania obiektów zainteresowania i staje się zdezorientowany.
4. Zaznacz słowa kluczowe i frazy
- Inną strategią zwiększenia przejrzystości materiałów jest wyróżnienie słów kluczowych i wyrażeń, które mają zostać zauważone i zapamiętane przez czytelników.
- Możesz użyć pogrubienia, kursywy, podkreślenia lub koloru, aby wyróżnić słowa kluczowe, wezwania do działania, cytaty, statystyki lub zapytania.
- Podkreślanie może pomóc czytelnikom skupić się na czymś i wywrzeć na nich presję, zachęcając ich do podjęcia działania lub dowiedzenia się czegoś więcej.
- Nie nadużywaj jednak wyróżnień ani nie stosuj ich niewłaściwie, ponieważ może to sprawić, że Twój materiał będzie wyglądał na chaotyczny lub spamerski. Używaj ich mądrze i regularnie, aby Twoje treści się wyróżniały.
5. Sprawdź czytelność skopiowanego tekstu
- Czytelność odnosi się do łatwości, z jaką ludzie potrafią czytać wyrazy, zdania i bloki treści.
- Czytelność odnosi się do tego, jak szybko i intuicyjnie konsumenci mogą rozpoznać litery zapisane określonym krojem pisma.
- Należy dokładnie przyjrzeć się tym cechom, zwłaszcza pracując z interfejsami zawierającymi dużą ilość tekstu.
- Kolor tła, ilość miejsca wokół bloków tekstu, kerning, interlinia, rodzaj czcionki i parowanie czcionek.
- Wszystko to wpływa na umiejętność szybkiego czytania tekstu i wychwycenia treści, które skłaniają ludzi do pozostania na stronie.
- Projektanci muszą zadbać o przestrzeganie zasad typograficznych oraz o to, aby czcionki zapewniały wyraźną hierarchię wizualną i czytelność, by uniknąć wszelkich problemów.
Przeczytaj więcej na temat:
- Jak rozpoznać, czy Twój prawnik Cię zdradza
- Bezproblemowe i angażujące doświadczenie użytkownika w witrynach handlu elektronicznego B2C
- 20 ulepszeń treści, które wystrzelą w górę generowanie leadów
6. Użyj podtytułów, aby podsumować treść
Ludzie często źle reagują na dużą ilość tekstu. Jeśli akapit nie odpowiada ich zainteresowaniom, mogą uznać, że tracą czas.
Najlepsze praktyki projektowania interfejsów użytkownika (UI) rozwiązują ten problem. Użytkownik zyskuje pełną wiedzę na dany temat, dodając krótkie podtytuły na początku obszernych fragmentów.
Tworząc podtytuł, kluczowe jest, aby był zwięzły. Wyraź kluczowy punkt przedstawiony w poniższych informacjach.
7. Używaj list numerowanych i wypunktowanych
Innym sprytnym sposobem na ułatwienie czytania treści jest użycie list z numerami lub punktorami. Pomagają one w przejrzysty sposób uporządkować dane i przyciągają uwagę użytkownika do informacji, zapobiegając ich zagubieniu w ogólnej strukturze tekstu.
8. Dołącz zdjęcia, filmy i inną treść
- Cechy wizualne poprawiają czytelność i łatwość przeglądania tekstu, dodając mu różnorodności, atrakcyjności i kontekstu.
- Zdjęcia, filmy, infografiki, wykresy, grafy i inne materiały multimedialne mogą pomóc Ci przedstawić swoje poglądy, podać przykłady i poprzeć swoje twierdzenia.
- Mogą również pomóc podzielić materiał, czyniąc go bardziej interesującym i zapadającym w pamięć.
- Należy jednak unikać używania nadmiernych lub nieistotnych mediów, które mogą rozpraszać lub przytłaczać odbiorców.
- Wybierz wysokiej jakości, istotne media, które uzupełnią Twoje treści i będą zgodne z Twoją marką i przekazem.
9. Umieść jedno pojęcie w akapicie
Podczas przetwarzania materiałów tekstowych pod kątem czytelności, unikaj tworzenia zbyt długich bloków tekstu. Czytelnik uważa krótkie akapity za bardziej przyswajalne i może łatwo pominąć nieprzydatny materiał. Dlatego po przedstawieniu jednej idei w jednej sekcji, zacznij kolejną, mając świeżą myśl.
10. Unikaj używania żargonu i słów technicznych
Żargon i zbędna terminologia techniczna utrudniają czytanie treści, zmuszając czytelników do zatrzymania się lub spowolnienia tempa czytania, aby przyswoić treść. Używając żargonu i słownictwa technicznego, należy zachować ostrożność.
Wniosek
Choć często pomijana, czytelność strony to kluczowy aspekt projektu, który wpływa na to, jak długo konsumenci pozostają na Twojej stronie internetowej. Użytkownicy chętniej korzystają z treści, które są łatwe w nawigacji.
Prawda jest odwrotna. Użytkownicy tracą zainteresowanie, gdy jest za dużo tekstu, a za mało punktów i grafiki.
Zacznij od zastosowania się do najlepszych praktyk, takich jak włączenie do projektu wolnej przestrzeni, użycie formatowania w celu wyróżnienia kluczowych informacji i przedstawienie danych w postaci łatwych do przejrzenia punktów.
Weź pod uwagę różne wzorce skanowania aby poprawić użyteczność i łatwość skanowania Twojej witryny podczas tworzenia treści.
Najczęściej zadawane pytania
a. Dlaczego czytelność jest tak istotna dla współczesnych czytelników, zwłaszcza konsumentów mediów cyfrowych?
Skanowalność to podejście do formatowania, które pozwala docelowej grupie odbiorców na łatwe czytanie i zrozumienie tekstu. Skanowalność rekompensuje fakt, że większość użytkowników internetu pobieżnie przegląda treść, zamiast ją czytać.
B. Czy linki poprawiają skanowalność?
Słowa kluczowe w treści ułatwiają również skanowanie, ponieważ pełnią funkcję drogowskazów dla botów indeksujących strony internetowe. Co więcej, linki w treści pozwalają czytelnikom szybko poruszać się między odpowiednimi tematami lub stronami witryny.
C. Który element treści nie poprawia możliwości skanowania?
Biała przestrzeń – Ściany tekstu nie zapewniają dobrej jakości treści, którą można przeskanować.
