Co dla czytelnika jest ważne?
Jak długo oceniamy stronę 
internetową?
50 milisekund* 
*Instytut Jakoba Nielsena – www.useit.com
Heatmapy
Na ekranie czytamy 
o 25% wolniej niż na papierze* 
• iPad – 6,2% wolniej niż książka* 
• Kindle – 10,7% wolniej niż książka* 
*Instytut Jakoba Nielsena – www.useit.com
Percepcja tekstu z ekranu jest słabsza niż ze 
strony drukowanej 
W internecie NIE czytamy 
– w internecie skanujemy 
słowa kluczowe
Do czego wykorzystujemy internet? 
Co wczoraj robiłeś w internecie?
Do komunikacji i celów praktycznych
• Funkcjonalna strona internetowa powinna być 
podporządkowana zachowaniom i 
upodobaniom internautów. 
• Solidna witryna przechodzi od razu do rzeczy; 
jest użyteczna. 
• Dobre treści internetowe są użyteczne – 
przydante i pomocne.
Zależność między treścią a uwagą 
Treść 
Uwaga
„przyjemność czytania” 
- Jeśli tekst się nam podoba, czytamy wolniej 
- Jeśli jesteśmy zaangażowani w tekst, czytamy 
wolniej
Jak czytamy w 
internecie?
„W OGÓLE”
Webwriting
Webwriting to nie tylko WWW 
- Dziennikarstwo internetowe 
- Email marketing 
- Googlewriting 
- e-PR 
- Codzienna korespondencja
„Linia zanurzenia strony”
10% internautów przewija 
stronę poniżej linii 
zanurzenia!
Czytamy jednoekranowo 
Skanujemy tekst 
na ekranie
Wniosek pierwszy: 
Górna partia tekstu jest 
ważniejsza od dolnej
Bardzo istotne 
Mniej istotne 
Mało istotne
Im coś jest ważniejsze, tym bardziej 
się wyróżnia!
Wniosek drugi: 
Lewa część tekstu jest 
ważniejsza od prawej
Większy 
potencjał 
informacyjny 
po lewej stronie
Optymalna szerokość 
tekstu to 400 pikseli
Słowa kluczowe 
• Tytuł (nośny informacyjnie i zaczynający się od 
najmocniejszych słów) 
• Pierwsze słowa wprowadzenia (leadu) 
• Pierwszy akapit jest najważniejszy
Webwriting to teksty użytkowe: 
1. Zwięzłe 
2. Rzeczowe 
3. Przejrzyste 
4. Czytelne 
5. Napisane prostym językiem 
6. Hipertekstowe 
7. Konwersacyjne
1. Zwięzłość i rzeczowość 
„mniej znaczy więcej” 
„nie ma zwięzłości bez rzeczowości” 
Pisanie zwięzłych tekstów, to 
podstawowa umiejętność webwritera.
Autor, który zmusza do czytania przydługiego 
tekstu, nie myśli o czytelniku. 
Nie szanuje jego czasu. 
Skracanie tekstów 
 Jakob Nielsen: o 50% 
 W praktyce: co najmniej o 25%
Skrócony tekst powinien zachować 
podstawową zawartość treściową. Usuwamy 
„zapychacze”. 
Nie lejemy wody!
The newspaper
2 i 3. Przejrzystość i czytelność 
To dwie cechy dotyczące estetyki tekstu. 
Sprawiają, że tekst czyta się szybciej i sprawniej.
Przejrzystość można zwiększyć poprzez: 
• Właściwy tytuł: 
- Konkretny 
- Rzeczowy 
- Zrozumiały w oderwaniu od kontektsu 
- Nielsen: „mikrotreść”, „perła klarowności” 
- Nawet do 60 znaków (jednak w jednej linijce)
• Podział na akapity 
- Częstszy podział 
- Krótsze akapity 
- Akapity spójne treściowo i samodzielne 
- Jeden akapit to jedna myśl 
- Im wyżej, tym ważniejsze informacje
• Podział na akapity 
- Częstszy podział 
- Krótsze akapity 
- Akapity spójne treściowo i samodzielne 
- Jeden akapit to jedna myśl 
- Im wyżej, tym ważniejsze informacje
• Nagłówki 
- Powinno ich być więcej niż nakazuje rozsądek 
(nawet przed każdym akapitem) 
- Zawierają około 8 słów (samodzielne) 
- Skuteczna jest forma pytań ??? 
- Jednolita forma gramatyczna 
- Unikamy kursywy i drukowanych liter
• Wyliczenia 
- Pozwalają uporządkować myśli 
- Pomagają w zapamiętywaniu 
- Wnoszą do tekstu przejrzystość 
- Umożliwiają szybkie szukanie informacji
4. Czytelność można zwiększyć poprzez: 
• Odpowiednie wyrównanie tekstu 
- Tekst wyrównujemy do lewej strony 
- Nie centrujemy tekstu 
• Kolor tła 
- Ciemna czcionka na jasnym tle 
• Czcionka 
- Łatwa do czytania 
- Średniej wielkości (12-14) 
- Bezszeryfowa
5. Prosty język 
• Krótkie, pojedyncze zdania 
• Jedno zdanie = jedna myśl 
• Zdanie – od 10 do 20 słów 
• Krótkie i proste słowa 
• Unikanie synonimów 
• Unikanie zaprzeczeń
Upraszczanie zdań: 
• Podmiot blisko orzeczenia (Webwriter używa) 
• Przysłówek blisko czasownika 
(Webwriter używa często) 
• Przymiotnik przed rzeczownikiem 
(Dobry webwriter używa) 
• Zaimek możliwie najbliżej rzeczownika 
(Ten dobry webwriter)
6. Hipertekstowość 
Hipertekst (linki) umożliwia czytanie 
multilinearne – możemy podążać 
wieloma ścieżkami w jednym tekście
„The link is the essence of 
the World Wide Web”
Gdzie i jak wstawiać linki 
• Osadzone w tekście (wyróżnione 
kolorem/podkreślenie) 
• Dookoła tekstu (zdjęcia, galerie, klipy, 
podcasty etc.) 
• Pod tekstem (linki kontekstowe, linki 
rekomendujące)
Jak opisywać linki? 
• Słowo lub rozbudowana fraza w tekście 
• Tytuł 
• Czasownik (np. Kup teraz!) 
• Rekomendacja innego źródła 
• Odnośnik do pliku tekstowego (np. PDF)
Zapomnij o: 
 „czytaj więcej” 
 „kliknij tutaj” 
 „tu” 
 „więcej”
7. Konwersacyjność 
• Dobry webwriting jest jak rozmowa 
- Pisanie na „ty” zmniejsza dystans 
• Przewidywanie pytań internautów 
• Czasowniki są nośnikiem informacji 
• Strona czynna zamiast biernej 
• Tryb rozkazujący jest uprzywilejowany
Czytelnik, czytelnik, czytelnik… 
W internecie najważniejsze są 
potrzeby czytelnika. To jemu 
podporządkowany jest styl pisania.
Dobry tytuł jest jak magnez
…oczywiście, że magnes ;-)
8 na 10 osób czyta nagłówki… 
… ale 2 na 10 osób czyta resztę!
10 sposobów na dobry tytuł 
1. Wyliczanki (10 sposobów na…, 5 kroków do…) 
2. Nazwy słynnych firm 
3. Nazwiska sławnych osób 
4. „Jak zrobić…” 
5. Znaki zapytania 
6. Prowokacyjne pytanie 
7. Okazywanie entuzjazmu (To działa!) 
8. Benefity (Ściągnij za darmo…) 
9. Ekscytujące news 
10. Prosty i zrozumiały
10 kroków do perfekcji w webwritingu. Za darmo! 
1. Write. 
2. Write more. 
3. Write even more. 
4. Write even more than that. 
5. Write when you don’t want to. 
6. Write when you do. 
7. Write when you have something to say. 
8. Write when you don’t. 
9. Write every day. 
10. Keep writing. 
;-)

Webwriting. Jak tworzyć teksty internetowe?

  • 1.
    Co dla czytelnikajest ważne?
  • 9.
    Jak długo oceniamystronę internetową?
  • 10.
    50 milisekund* *InstytutJakoba Nielsena – www.useit.com
  • 11.
  • 13.
    Na ekranie czytamy o 25% wolniej niż na papierze* • iPad – 6,2% wolniej niż książka* • Kindle – 10,7% wolniej niż książka* *Instytut Jakoba Nielsena – www.useit.com
  • 14.
    Percepcja tekstu zekranu jest słabsza niż ze strony drukowanej W internecie NIE czytamy – w internecie skanujemy słowa kluczowe
  • 16.
    Do czego wykorzystujemyinternet? Co wczoraj robiłeś w internecie?
  • 17.
    Do komunikacji icelów praktycznych
  • 18.
    • Funkcjonalna stronainternetowa powinna być podporządkowana zachowaniom i upodobaniom internautów. • Solidna witryna przechodzi od razu do rzeczy; jest użyteczna. • Dobre treści internetowe są użyteczne – przydante i pomocne.
  • 19.
    Zależność między treściąa uwagą Treść Uwaga
  • 20.
    „przyjemność czytania” -Jeśli tekst się nam podoba, czytamy wolniej - Jeśli jesteśmy zaangażowani w tekst, czytamy wolniej
  • 21.
    Jak czytamy w internecie?
  • 22.
  • 23.
  • 24.
    Webwriting to nietylko WWW - Dziennikarstwo internetowe - Email marketing - Googlewriting - e-PR - Codzienna korespondencja
  • 25.
  • 29.
    10% internautów przewija stronę poniżej linii zanurzenia!
  • 30.
  • 32.
    Wniosek pierwszy: Górnapartia tekstu jest ważniejsza od dolnej
  • 34.
    Bardzo istotne Mniejistotne Mało istotne
  • 35.
    Im coś jestważniejsze, tym bardziej się wyróżnia!
  • 36.
    Wniosek drugi: Lewaczęść tekstu jest ważniejsza od prawej
  • 37.
  • 38.
  • 39.
    Słowa kluczowe •Tytuł (nośny informacyjnie i zaczynający się od najmocniejszych słów) • Pierwsze słowa wprowadzenia (leadu) • Pierwszy akapit jest najważniejszy
  • 40.
    Webwriting to tekstyużytkowe: 1. Zwięzłe 2. Rzeczowe 3. Przejrzyste 4. Czytelne 5. Napisane prostym językiem 6. Hipertekstowe 7. Konwersacyjne
  • 41.
    1. Zwięzłość irzeczowość „mniej znaczy więcej” „nie ma zwięzłości bez rzeczowości” Pisanie zwięzłych tekstów, to podstawowa umiejętność webwritera.
  • 42.
    Autor, który zmuszado czytania przydługiego tekstu, nie myśli o czytelniku. Nie szanuje jego czasu. Skracanie tekstów  Jakob Nielsen: o 50%  W praktyce: co najmniej o 25%
  • 43.
    Skrócony tekst powinienzachować podstawową zawartość treściową. Usuwamy „zapychacze”. Nie lejemy wody!
  • 44.
  • 45.
    2 i 3.Przejrzystość i czytelność To dwie cechy dotyczące estetyki tekstu. Sprawiają, że tekst czyta się szybciej i sprawniej.
  • 46.
    Przejrzystość można zwiększyćpoprzez: • Właściwy tytuł: - Konkretny - Rzeczowy - Zrozumiały w oderwaniu od kontektsu - Nielsen: „mikrotreść”, „perła klarowności” - Nawet do 60 znaków (jednak w jednej linijce)
  • 47.
    • Podział naakapity - Częstszy podział - Krótsze akapity - Akapity spójne treściowo i samodzielne - Jeden akapit to jedna myśl - Im wyżej, tym ważniejsze informacje
  • 48.
    • Podział naakapity - Częstszy podział - Krótsze akapity - Akapity spójne treściowo i samodzielne - Jeden akapit to jedna myśl - Im wyżej, tym ważniejsze informacje
  • 49.
    • Nagłówki -Powinno ich być więcej niż nakazuje rozsądek (nawet przed każdym akapitem) - Zawierają około 8 słów (samodzielne) - Skuteczna jest forma pytań ??? - Jednolita forma gramatyczna - Unikamy kursywy i drukowanych liter
  • 50.
    • Wyliczenia -Pozwalają uporządkować myśli - Pomagają w zapamiętywaniu - Wnoszą do tekstu przejrzystość - Umożliwiają szybkie szukanie informacji
  • 51.
    4. Czytelność możnazwiększyć poprzez: • Odpowiednie wyrównanie tekstu - Tekst wyrównujemy do lewej strony - Nie centrujemy tekstu • Kolor tła - Ciemna czcionka na jasnym tle • Czcionka - Łatwa do czytania - Średniej wielkości (12-14) - Bezszeryfowa
  • 52.
    5. Prosty język • Krótkie, pojedyncze zdania • Jedno zdanie = jedna myśl • Zdanie – od 10 do 20 słów • Krótkie i proste słowa • Unikanie synonimów • Unikanie zaprzeczeń
  • 53.
    Upraszczanie zdań: •Podmiot blisko orzeczenia (Webwriter używa) • Przysłówek blisko czasownika (Webwriter używa często) • Przymiotnik przed rzeczownikiem (Dobry webwriter używa) • Zaimek możliwie najbliżej rzeczownika (Ten dobry webwriter)
  • 54.
    6. Hipertekstowość Hipertekst(linki) umożliwia czytanie multilinearne – możemy podążać wieloma ścieżkami w jednym tekście
  • 55.
    „The link isthe essence of the World Wide Web”
  • 56.
    Gdzie i jakwstawiać linki • Osadzone w tekście (wyróżnione kolorem/podkreślenie) • Dookoła tekstu (zdjęcia, galerie, klipy, podcasty etc.) • Pod tekstem (linki kontekstowe, linki rekomendujące)
  • 57.
    Jak opisywać linki? • Słowo lub rozbudowana fraza w tekście • Tytuł • Czasownik (np. Kup teraz!) • Rekomendacja innego źródła • Odnośnik do pliku tekstowego (np. PDF)
  • 58.
    Zapomnij o: „czytaj więcej”  „kliknij tutaj”  „tu”  „więcej”
  • 59.
    7. Konwersacyjność •Dobry webwriting jest jak rozmowa - Pisanie na „ty” zmniejsza dystans • Przewidywanie pytań internautów • Czasowniki są nośnikiem informacji • Strona czynna zamiast biernej • Tryb rozkazujący jest uprzywilejowany
  • 60.
    Czytelnik, czytelnik, czytelnik… W internecie najważniejsze są potrzeby czytelnika. To jemu podporządkowany jest styl pisania.
  • 61.
  • 62.
  • 63.
    8 na 10osób czyta nagłówki… … ale 2 na 10 osób czyta resztę!
  • 64.
    10 sposobów nadobry tytuł 1. Wyliczanki (10 sposobów na…, 5 kroków do…) 2. Nazwy słynnych firm 3. Nazwiska sławnych osób 4. „Jak zrobić…” 5. Znaki zapytania 6. Prowokacyjne pytanie 7. Okazywanie entuzjazmu (To działa!) 8. Benefity (Ściągnij za darmo…) 9. Ekscytujące news 10. Prosty i zrozumiały
  • 65.
    10 kroków doperfekcji w webwritingu. Za darmo! 1. Write. 2. Write more. 3. Write even more. 4. Write even more than that. 5. Write when you don’t want to. 6. Write when you do. 7. Write when you have something to say. 8. Write when you don’t. 9. Write every day. 10. Keep writing. ;-)