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 byd
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śd między treścią a uwagą

Treśd

Uwaga
„przyjemnośd 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ęśd tekstu jest
ważniejsza od prawej
Większy
potencjał
informacyjny
po lewej stronie
Optymalna szerokośd
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.
2.
3.
4.
5.
6.
7.

Zwięzłe
Rzeczowe
Przejrzyste
Czytelne
Napisane prostym językiem
Hipertekstowe
Konwersacyjne
1. Zwięzłośd i rzeczowośd
„mniej znaczy więcej”
„nie ma zwięzłości bez rzeczowości”
Pisanie zwięzłych tekstów, to
podstawowa umiejętnośd 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 zachowad
podstawową zawartośd treściową. Usuwamy
„zapychacze”.

Nie lejemy wody!
The newspaper
2 i 3. Przejrzystośd i czytelnośd
To dwie cechy dotyczące estetyki tekstu.
Sprawiają, że tekst czyta się szybciej i sprawniej.
Przejrzystośd można zwiększyd poprzez:
•
-

Właściwy tytuł:
Konkretny
Rzeczowy
Zrozumiały w oderwaniu od kontektsu
Nielsen: „mikrotreśd”, „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 byd więcej niż nakazuje rozsądek
(nawet przed każdym akapitem)
- Zawierają około 8 słów (samodzielne)
- Skuteczna jest forma pytao ???
- Jednolita forma gramatyczna
- Unikamy kursywy i drukowanych liter
• Wyliczenia

-

Pozwalają uporządkowad myśli
Pomagają w zapamiętywaniu
Wnoszą do tekstu przejrzystośd
Umożliwiają szybkie szukanie informacji
4. Czytelnośd można zwiększyd 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 zaprzeczeo
Upraszczanie zdao:
• 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śd
Hipertekst (linki) umożliwia czytanie
multilinearne – możemy podążad
wieloma ścieżkami w jednym tekście
„The link is the essence of
the World Wide Web”
Gdzie i jak wstawiad 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 opisywad 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śd
•
•
•
•
•

Dobry webwriting jest jak rozmowa
Pisanie na „ty” zmniejsza dystans
Przewidywanie pytao 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.
2.
3.
4.
5.
6.
7.
8.
9.
10.

Wyliczanki (10 sposobów na…, 5 kroków do…)
Nazwy słynnych firm
Nazwiska sławnych osób
„Jak zrobid…”
Znaki zapytania
Prowokacyjne pytanie
Okazywanie entuzjazmu (To działa!)
Benefity (Ściągnij za darmo…)
Ekscytujące news
Prosty i zrozumiały
10 kroków do perfekcji w webwritingu. Za darmo!
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

;-)

Write.
Write more.
Write even more.
Write even more than that.
Write when you don’t want to.
Write when you do.
Write when you have something to say.
Write when you don’t.
Write every day.
Keep writing.

Webwriting