Korzystając z tej strony zgadzasz się z polityką prywatności i regulaminem.
Akceptuj
WebInside.plWebInside.plWebInside.pl
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
Szukaj
  • Kontakt
  • Forum
WebInside.pl © 2023.
Czytasz: Układ tekstu na stronie WWW
Udostępnij
Zaloguj się
Powiadomienia
Aa
WebInside.plWebInside.pl
Aa
Szukaj
  • Strona główna
  • Aktualności
  • Technologie webowe
  • Publicystyka
  • E-marketing
  • Poradniki
  • AI
  • Technologie
  • Artykuły partnerskie
  • Więcej
    • Kontakt
    • Mapa strony
Masz już konto? Zaloguj się
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
WebInside.pl © 2023.
WebInside.pl > Technologie webowe > Układ tekstu na stronie WWW
Technologie webowe

Układ tekstu na stronie WWW

WebInside.pl
Ostatnia aktualizacja: 14.08.2023
WebInside.pl
Udostępnij
Udostępnij

Teksty pisane na komputerze i wyświetlane w internecie są ciągle trudniejsze do czytania niż na tradycyjnym papierze. W tym celu powinniście swoim odwiedzającym ułatwić czytanie waszych tekstów.

Przeprowadzony przez Jackoba Nielsena test udowodnił, że czytanie tekstu na monitorze może być do 50% wolniejsze, co daje oczywiście wiele do myślenia webmasterom. Odwiedzający zastanawia się zanim w ogóle przeczyta, czy to się opłaca. Aby czytanie danego tekstu było łatwe, musi on być przejrzyście przedstawiony.


Tak wygląda przykładowa strona na początku

Na stronie może być zamieszczone bardzo wiele informacji, lecz czytelnik i tak najczęściej czyta nagłówek. Tak jak to zostało przedstawione wyżej czytelnik nie znajduje tzw. „przerwy w czytaniu”. „Przerwę” tę można osiągnąć poprzez dodanie większej ilości wcięć lub akapitów. „Wcięcia” mówią czytelnikowi: „Pierwsza część się skończyła.” Teksty lub artykuły nie posiadają podtytułów. Podtytuł sprawia, że nawigacja w tekście jest łatwiejsza. W taki sposób może czytelnik np. poznać, że dany odcinek tekstu się skończył. Takowy odcinek może być porównany do rozdziału w książce. Ważne jest również, abyście to wy uważali, by wiersze nie były dłuższe niż 70-80 znaków.


Tak oto wygląda tekst z większą ilością wcięć, bądź akapitów

Jak widać na obrazku, tekst ten posiada więcej struktur, lecz jego czytanie nadal nie jest przyjazne. Do takiego tekstu można również dołączyć obrazki. Oferują one punkt zatrzymania się i mogą opisywać zawartość tekstu. Nie powinien to być jeden duży obrazek, lecz więcej mniejszych.


Tekst w akapitami oraz z dodanymi obrazkami

Obok akapitów i grafiki powinny również znajdować się podkreślenia (uwydatnienia) i wyróżnienia najważniejszych cytatów. Cytat taki będzie odseparowany od reszty wiersza. Najważniejsze części tekstu powinny być pokolorowane, albo pogrubione. Pojedyncze pojęcia lub skróty można również podkreślić.


Tekst został pokolorowany i cytaty zostały wyróżnione

Może Cię zainteresować

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

Serwer dla małej firmy – czym kierować się przy jego wyborze?

WebInside.pl 2023-08-14 2023-08-14
Udostępnij ten artykuł
Facebook Twitter Kopiuj link Wydrukuj
Udostępnij
Poprzedni artykuł Rozwiązywanie problemów z Internet Explorerem
Następny artykuł Marketing emaliowany
Zostaw komentarz lub opinię

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Najnowsze artykuły

Procesor AMD Ryzen 7
Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
Technologie
Jak przygotować sklep internetowy na automatyzację obsługi klienta?
Artykuły partnerskie
the nvidia logo is displayed on a table
Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
AI Aktualności
Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?
E-marketing
4 najczęstsze cyberzagrożenia w przemyśle
Technologie
Jak uratować zaschnięty tusz do drukarki? Skuteczne domowe sposoby i porady
Poradniki
Model 3D jako wspólne źródło danych dla projektu, produkcji i montażu
Artykuły partnerskie
Dlaczego wideo z telefonu sprzedaje na TikToku lepiej niż profesjonalne spoty?
Artykuły partnerskie
Dwa ekrany zawsze pod ręką – zalety korzystania z monitora przenośnego na co dzień
Technologie
Rola nowoczesnych technologii w procesie rehabilitacji
Artykuły partnerskie
banner
Chcesz umieścić swoją reklamę w portalu WebInside.pl?
Skontaktuj się z nami, a zaproponujemy interesujące formy reklamy.
Skontaktuj się

Inne polecane artykuły

Technologie webowe

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

5 min czytania
Technologie webowe

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

7 min czytania
MacBook Pro showing programming language
Technologie webowe

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

9 min czytania
AktualnościTechnologie webowe

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

9 min czytania
woman in black top using Surface laptop
Technologie webowe

Serwer dla małej firmy – czym kierować się przy jego wyborze?

5 min czytania
Technologie webowe

Jaki hosting wybrać pod Laravel? Kompleksowy przewodnik dla twórców aplikacji webowych

6 min czytania
programming language
Technologie webowe

Kaskadowość w CSS – wszystko, co musisz wiedzieć

7 min czytania
two women talking while looking at laptop computer
Technologie webowe

Darmowe kreatory stron WWW – stwórz swoją stronę w godzinę

14 min czytania
//

WebInside.pl – portal technologiczny. Aktualności ze świata technologii, webmastering, marketing internetowy, AI, poradniki.

 

Partnerzy

Wszystkie kategorie

  • AI
  • Aktualności
  • Artykuły partnerskie
  • E-marketing
  • e(Biznes)
  • Poradniki
  • Publicystyka
  • Technologie
  • Technologie webowe

Ostatnio dodane

  • Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
  • Jak przygotować sklep internetowy na automatyzację obsługi klienta?
  • Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
  • Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?

Kontakt

Chcesz się z nami skontaktować? Jesteś zainteresowany reklamą lub artykułem sponsorowanym?

Skorzystaj z formularza kontaktowego lub napisz do nas na kontakt@webinside.pl

WebInside.plWebInside.pl
WebInside.pl © 2023 | Mapa strony | Forum | Polityka prywatności
Witaj ponownie!

Zaloguj się do swojego konta

Zapomniałeś hasła?