Co to jest skanowalność i jak ją wykorzystać do ulepszenia treści?     

Każdego dnia jesteśmy bombardowani ogromną ilością informacji, zarówno online, jak i offline. Dzięki nowym technologiom i szybkim połączeniom internetowym ludzie mogą stworzyć więcej rzeczy, niż są w stanie fizycznie skonsumować. 

Konsumenci, którzy mają do czynienia z dużą liczbą stron internetowych i aplikacji, nie czytają wszystkiego słowo po słowie; zamiast tego skanują stronę, aby określić, dlaczego i w jaki sposób jest ona dla nich istotna. 

Skanowalność jest obecnie uważana za ważny aspekt użyteczności stron internetowych, wynikający z jej wpływu 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ŚĆ?

Mówiąc najprościej, możliwość skanowania odnosi się do łatwości, z jaką użytkownik może skanować informacje internetowe, zamiast czytać je słowo po słowie.

Odwiedzający mogą szybko i łatwo przeczytać tekst i obrazy na skanowalnej zawartości, ponieważ zostały one przygotowane i ułożone tak, aby można było je szybko zrozumieć.

Ogólny wpływ sposobu przesyłania wiadomości, formatowania i pisania zastosowanych w celu umożliwienia skanowania materiału. Jest to podstawowa zasada tworzenia UX, a co za tym idzie, UX i projektowania 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.

Grupa Nielsen Norman przeprowadziła w 1997 roku intrygujące badania, które spopularyzowały słowo „skanowalność”.

Jakob Nielsen i jego współpracownicy próbowali 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 niewielka część użytkowników biorących udział w badaniu czyta strony słowo po słowie. W kolejnym badaniu uzyskano ten sam wynik.

Możliwość skanowania jest ważna, ponieważ ludzie skanują. Nie są to sztywne i szybkie wytyczne, których wszyscy przestrzegają. To uogólnienie — niektórzy czytelnicy przeczytają Twój materiał dogłębnie, ale większość szybko przeszuka stronę w poszukiwaniu przydatnych dla nich 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

Kilka badań wykazało, że konsumenci skanują treści cyfrowe, a najbardziej znanym jest wzór w kształcie litery F opracowany przez Nielsen Norman Group do czytania treści internetowych. 

Po dokładnym zbadaniu, w jaki sposób ludzie czytają w Internecie, zidentyfikowano trzy główne wnioski, które składają się na wzór w kształcie litery F:

• Użytkownicy często zaczynają od poziomego przeczytania najwyższej części materiału, co tworzy górny pasek litery F.

• Czytelnicy, po lekkim przesunięciu zawartości strony w dół, czytają drugą część w poziomie, zazwyczaj ruchem krótszym niż poprzednia. Jest to najniższy słupek F.  

• Od tego momentu ludzie często skanują lewą stronę treści w pionie, co może być szybkie, wolne i metodyczne lub gdzieś pośrodku. To pionowe skanowanie tworzy trzon litery F i uzupełnia wzór w kształcie litery F.

To odkrycie dotyczące sposobu, w jaki ludzie konsumują materiały cyfrowe przy użyciu wzoru w kształcie litery F, było i nadal stanowi przełom dla twórców UX, projektantów treści, strategów treści, autorów technicznych i każdego, kto ceni treści skoncentrowane na użytkowniku.

Dzieje się tak dlatego, że projektowanie i generowanie treści odzwierciedlających rzeczywiste zachowanie ludzi w Internecie ma kluczowe znaczenie, a nie to, jak chcielibyśmy, żeby 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.

Przyjrzymy się później, jak wzorzec odczytu w kształcie litery F wpłynął na koncepcje skanowalności, ale najpierw podsumujmy, jak skalowalność zwiększa 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ą wejść w interakcję z Twoimi materiałami i zostać przetestowani pod kątem możliwości skanowania, korzystając z różnych metod.

Oto kilka metod określania możliwości skanowania Twojego pliku zawartość:

A. Test użyteczności: Uwzględnij czynności związane ze skanowaniem i odkrywaniem określonych informacji podczas sesji testowania użyteczności. Sprawdź, w jaki sposób użytkownicy eksplorują materiał, na jakich elementach się skupiają i czy łatwo mogą znaleźć potrzebne informacje. 

Zachęć uczestników do głośnego myślenia, co zapewni przydatny wgląd w ich nawyki skanowania i procesy umysłowe.

Użytkownicy korzystają narzędzia mapy cieplnej do tworzenia wizualnych reprezentacji tego, gdzie skupia się ich uwaga. Mapy cieplne wykorzystują zagregowane dane, aby wskazać, które części witryny cieszą się największym zainteresowaniem. 

Analizując wyniki mapy cieplnej, możesz określić, które regiony zyskują na popularności, a które są pomijane.

B. Testy A/B: Utwórz kilka wersji swojego materiału, korzystając z różnych strategii skanowania. W tym teście A/B różnym grupom użytkowników zostaną pokazane różne wersje.

Aby ocenić, czy wersja działa lepiej pod względem skanowalności, śledzić zaangażowanie użytkowników, czas spędzony na poszukiwaniu informacji i wskaźniki powodzenia.

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.

Strategia ta dostarcza wymiernych informacji o tym, na których miejscach ludzie skupiają się najbardziej i jak porusza się ich uwaga po całej stronie. Pomaga w identyfikacji trendów i możliwości doskonalenia.

10 wskazówek, jak poprawić skanowalność

1. Stwórz odpowiednią hierarchię wizualną

Hierarchia wizualna interfejsu komputera odnosi się do organizacji i wyświetlania komponentów projektu interfejsu użytkownika w celu wskazania stopni istotności, umożliwiając użytkownikom szybkie wyszukiwanie potrzebnych informacji. Projektowanie układu z dobrą hierarchią wizualną obejmuje wiele czynników:

• Rozmiar
• Kolor 
• Kontrast 
• Bliskość
• Wyrównanie
• Przestrzeń negatywna 
• Powtórzenie

Projektant, który uwzględni te wzorce projektowe interfejsu użytkownika podczas tworzenia projektu układu interfejsu użytkownika, zapewni, że gotowy produkt będzie miał świetnie wyglądający, harmonijny i intuicyjnie skanowalny układ.

Strona wyników wyszukiwania Google wykorzystuje wszystkie elementy hierarchii wizualnej, aby poprawić przejrzystość. 

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.

Gdy użytkownicy znajdą odpowiedni nagłówek, sprawdzają kolor i bliskość linku, aby określić jego wiarygodność.

Dalej, dalej ocenić wynik, sprawdzą kopię zawartości, która jest jednakowa pod względem koloru, rozmiaru i stopnia szczegółowości. Oprócz tych kryteriów powtarzalność i wyrównanie sprawiają, że wyniki wyszukiwania Google są łatwe w przeglądaniu.

2. Umieść podstawową nawigację w nagłówku witryny

Wszystkie opisane wzorce skanowania oczu wskazują, że niezależnie od tego, który z nich wybierze użytkownik, proces skanowania rozpocznie się w górnej, poziomej części strony. 

Używanie go do wyświetlania kluczowych stref 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. 
• Niezwykle istotne jest przeanalizowanie celów głównej grupy docelowej, ich powiązania z celami biznesowymi witryny i na tej podstawie określenie, jakie informacje lub nawigacja zawarte w nagłówku są najodpowiedniejsze. 
• 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.
• W przypadku witryny małej firmy funkcja wyszukiwania może być zbędna, 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 możliwości skanowania; 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 wytchnienia 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. 
• Wyróżnianie może służyć do skupienia się i pilności czytelników, zachęcając ich do podjęcia działania lub dowiedzenia się więcej. 
• Nie przesadzaj jednak i nie używaj nieprawidłowo podświetlania, gdyż może to sprawić, że Twój materiał będzie wyglądał na zaśmiecony lub spamerski. Używaj go mądrze i regularnie, aby wyróżnić swoje treści.

5. Sprawdź czytelność skopiowanego tekstu

• Czytelność odnosi się do tego, jak łatwo ludzie mogą czytać słowa, zdania i bloki treści. 
• Czytelność odnosi się do tego, jak szybko i intuicyjnie konsumenci mogą rozpoznać litery zapisane określonym krojem pisma. 
• Warto dokładnie przyjrzeć się tym cechom, zwłaszcza w przypadku interfejsów zawierających dużą ilość tekstu.
• Kolor tła, ilość miejsca wokół bloków kopii, kerning, interlinia, typ czcionki i parowanie czcionek.
• Wszystkie mają wpływ na umiejętność szybkiego odczytania tekstu i uchwycenia materiału, który przekonuje do pozostania. 
• Projektanci muszą zadbać o przestrzeganie praw typograficznych oraz o to, aby czcionki promowały hierarchię wizualną i czytelność, aby uniknąć problemów.

6. Użyj podtytułów, aby podsumować treść

Ludzie często źle reagują na duże ilości tekstu. Jeśli akapit nie odpowiada ich interesom, mogą sądzić, że zmarnują czas. 

Najlepsze praktyki projektowania interfejsu użytkownika zapewniają rozwiązanie tego problemu. Dzięki umieszczeniu krótkich podtytułów na początku dużych fragmentów użytkownik zyskuje pełną wiedzę na dany temat.

Tworząc podtytuł, ważne jest, aby był zwięzły. Wystarczy wyrazić kluczowy punkt przedstawiony w poniższych informacjach.

7. Używaj list numerowanych i wypunktowanych

Innym mądrym sposobem na zwiększenie przejrzystości treści jest użycie list z liczbami lub punktorami. Pomagają w przejrzystym uporządkowaniu danych. Zwracają także uwagę użytkownika na informację, zapobiegając jej zagubieniu w ogólnej strukturze tekstu.

8. Dołącz zdjęcia, filmy i inną zawartość

• Funkcje wizualne pomagają poprawić czytelność i możliwość skanowania, zapewniając różnorodność, zainteresowanie i kontekst tekstu. 
• Obrazy, filmy, infografiki, wykresy i inne multimedia mogą pomóc w przedstawieniu Twoich poglądów, podaniu przykładów i poparciu Twoich twierdzeń. 
• Mogą także pomóc w podzieleniu materiału, 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, trafne media, które uzupełniają Twoje treści i są spójne z Twoją marką i przekazem.

9. Umieść jedno pojęcie w akapicie

Podczas przetwarzania materiałów do zeskanowania należy unikać tworzenia zbyt długich bloków tekstu. Czytelnik uważa, że ​​krótkie akapity są bardziej zrozumiałe i może z łatwością pominąć nieprzydatny materiał. Zatem po tym, jak przedstawisz jedno pojęcie w jednym akapicie, rozpocznij następne ze świeżą myślą.

10. Unikaj używania żargonu i słów technicznych

Żargon i niepotrzebna terminologia techniczna zmniejszają możliwość przeglądania treści, zmuszając czytelników do zatrzymania się lub zwolnienia, aby przetrawić to, co czytają. Używając żargonu i terminologii technicznej, należy zachować ostrożność.

Wnioski

Choć często ignorowana, skanowalność jest ważnym aspektem projektu, który wpływa na to, jak długo konsumenci pozostają w Twojej witrynie. Użytkownicy chętniej wybierają treści łatwe w nawigacji.

Jest też odwrotnie. Użytkownicy tracą zainteresowanie, gdy jest za dużo tekstu, a za mało wypunktowań lub grafiki.

Rozpocznij od stosowania najlepszych praktyk, takich jak dodanie negatywnej przestrzeni do projektu, zastosowanie formatowania w celu wyróżnienia kluczowych materiałów i pokazywanie informacji w możliwych do zeskanowania wypunktowaniach. 

Podczas opracowywania swojego oprogramowania należy wziąć pod uwagę różne wzorce skanowania zawartość aby poprawić użyteczność i możliwość skanowania Twojej witryny.

Często Zadawane Pytania

A. Dlaczego możliwość skanowania jest tak istotna dla współczesnych czytelników, zwłaszcza konsumentów mediów cyfrowych?

Skanowalność to podejście do formatowania, które umożliwia docelowemu odbiorcy łatwe przeczytanie i zrozumienie treści tekstu. Możliwość skanowania rekompensuje fakt, że większość użytkowników Internetu przegląda treści, zamiast je czytać.

B. Czy linki poprawiają skanowalność?

Słowa kluczowe w treści również ułatwiają skanowanie, ponieważ służą jako drogowskazy dla botów przeszukujących strony internetowe. Co więcej, umieszczenie linków w treści umożliwia czytelnikom szybkie przeglądanie odpowiednich tematów lub stron w samej witrynie.

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ć.