Najważniejszą rzeczą na witrynie internetowej jest zawartość jaką witryna prezentuje. W głównej mierze to, co znajduje się na stronie internetowej, decyduje o zainteresowaniu użytkowników. Dopiero na drugim miejscu jest oprawa graficzna (co wcale nie znaczy, że witryna ma wyglądać niechlujnie). Zawartość strony (content) decyduje również o tym, czy użytkownik odwiedzi serwis ponownie.

Zawartość strony przyczynia się też do skuteczności kampanii reklamowych.

Mit: tekst Vs. grafika

Nie jest prawdą, że tekst dominuje nad grafiką i odwrotnie. Jedno i drugie powinno ze sobom współgrać. Nie można stwierdzić, że strona bez tekstu (lub z minimalną jego ilością) jest bezwartościowa.

Sam tekst również nie jest wskazany. Trudno czyta się strony, na której treść zajmuje całą szerokość od lewej do prawej (aż trzeba kręcić główną), jeszcze z czcionką 14px Time New Roman – o „nadmiarze” suwaków już nie wspominając. Dobra oprawa to podstawa (dobra – nie znaczy przecież cudowna).

Nie ma znaczenia czy to, co znajduje się na stronie, wygląda wyśmienicie – ważne żeby było przede wszystkim czytelne i w tym właśnie ma pomagać oprawa graficzna.

Strony tekstowe – strony graficzne

Ogólnie strony internetowe możemy podzielić na te dwie części. Pierwsze, strony tekstowe, to takie, na których sporo czytamy. Drugie natomiast, graficzne, to wszelkiego rodzaju galerie czy filmy. Często te części miesza się ze sobą (np. kiedy strona z artykułami posiada dodatkowo galerie zdjęć, czy galeria zdjęć – masę komentarzy).

Faktem jest, że nie ważne czy strona jest „graficzna”, czy „tekstowa” – ważne żeby oferowana zawartość był godna uwagi.

Grupa docelowa

Grupa docelowa jest określona zawartością strony. Jest to grupa osób zainteresowana danym tematem. Jeśli mamy stronę o zwierzętach – grupą docelową będą np. miłośnicy zwierząt (ogólnie) lub miłośnicy kotów (bardziej precyzyjnie) – i takich osób należy się spodziewać tworząc strony o tej tematyce.

Nie powinno się umieszczać innych treści niż te związane z tematyką strony. Posiadając stronę o psach, w większości nikogo nie będzie interesowała galeria samochodowa.

Należy unikać mieszania różnych tematyk, chyba, że jest na to bardzo dużo materiałów. Najlepiej jednak jest skupić się nad danym tematem i stopniowo go rozszerzać…

Psychologia oglądacza – wersja mini

Oglądacz, czyli użytkownik znajduje stronę internetową. Wchodzi i co widzi? Widzi zawartość. Można stwierdzić, że pierwsze wrażenie liczy się najbardziej, ale jestem zdania, że bardziej liczy się to, czy użytkownik znalazł to, czego szukał.

W wyszukiwarce znalazł: darmowy przepis na pizzę, klika i przechodzi na stronę. Na witrynie znajduje przepis na pizzę z gotowym ciastem (kupujesz ciasto i robisz) – to na pewno nie to czego szukał. Jeszcze gorzej: przepisu nie ma – tylko jakieś wyrazy konkretnie ze sobą niepowiązane – efekt: zawód, rozczarowanie i użytkownik z głowy.

Alternatywnie, wpisał: śmieszne filmy, znalazł, śmiał się, były faktycznie śmieszne – jest zadowolony, wpadnie jutro, aby sprawdzić, czy doszły jakieś nowe…

Powyższe dwa paragrafy to oczywiście tylko przykłady, których może być więcej…

Gdy użytkownik będzie rozczarowany, nie wróci już na stronę, która go zawiodła. Jeszcze gorzej, jeśli został oszukany. Jeżeli natomiast użytkownik jest zadowolony z treści – wróci jeszcze nie raz, a nawet doda stronę do zakładek, poleci stronę znajomemu itd…

Dobry content

Przy tworzeniu zawartości strony, dobrze jest postawić się na miejscu użytkownika z grupy docelowej. Przemyśleć dokładnie, czego taka osoba może szukać na stronie i dać tego, jak najwięcej.

Ładna strona czy lekka strona?

To pytanie stawiali sobie webmasterzy od wieków. Obecnie nie zawsze ma to znaczenie, bo trzeba by było odpowiedzieć sobie na kolejne pytanie: co to jest lekka strona? Z pewnością: lekka, czyli taka, która się szybko ładuje, jest mało przeciążona. Na dzień dzisiejszy mamy szeroki asortyment, jeżeli chodzi o łącza internetowe, więc można popisać się grafiką. Grunt to nie przesadzić.

Ładna strona czy lekka strona?To pytanie stawiali sobie webmasterzy od wieków. Obecnie nie zawsze ma to znaczenie, bo trzeba by było odpowiedzieć sobie na kolejne pytanie: co to jest lekka strona? Z pewnością: lekka, czyli taka, która się szybko ładuje, jest mało przeciążona. Na dzień dzisiejszy mamy szeroki asortyment, jeżeli chodzi o łącza internetowe, więc można popisać się grafiką. Grunt to nie przesadzić.

Grafikę obrazkową należy nadal stosować z rozwagą. Ogromny projekt graficzny i tak może okazać się zbędny. Wszystko zależy od celu witryny oraz od tego, co właściwie chcesz zaprezentować. Faktem jest, że ładna strona nie zawsze musi być „przeładowana” grafiką obrazkową. W rzeczywistości wystarczą minimalne umiejętności CSS i parę pomysłów, aby witryna mogła konkurować z pięknym „kombajnem” graficznym.

Można zatem stwierdzić, że ta „lekka” strona również może być ładna. I nie zawsze trzeba wynajmować grafika, który ułoży naprawdę odjazdowy design graficzny, ale można rozważyć taką możliwość.

To tyle, jeśli chodzi o kwestię „ciężkiej” grafiki…

Strona to nie piasek – zadbaj, aby się nie sypała

Witryna nie powinna posiadać niedociągnięć. Wszystko powinno mieć ręce i nogi. Co z tego, ze zapłaciłeś za layout te 300zł, jeśli pojawiły się niedociągnięcia, których nie chce Ci się usunąć? Jeszcze zanim strona pojawiła się w sieci powinna być przetestowana pod tym względem. Żadnych rozjeżdżających się tabelek, nieprawidłowych przerw między obrazkami. Wszystko powinno być na swoim miejscu.

Poprawność kodu też jest mile widziana. Należy zadbać o zamykanie odpowiednich znaczników. Z doświadczenia wiem, że czasami jest to najczęstsza przyczyna problemów z tabelkami lub DIV-ami. Przy poprawnym kodzie jego analiza jest łatwiejsza. Szybciej znajdziesz błąd.

Pamiętaj, aby przetestować witrynę pod przeglądarką wizualną (Mozilla Firefox, IE, Opera). Dobrze jest też wybrać jakiś standard W3C i się go trzymać. W zakreśie możliwości należy poprawiać wszelkie bugi. Przede wszystkim nie należy ignorować nawet najbardziej złośliwych skarg użytkowników.

Każdy użytkownik chce widzieć witrynę tak, jak ją zaprojektowano, czyli poprawnie.

O co tak na prawdę chodzi?

Dwie podstawowe sprawy zostały opisane powyżej. Teraz czas na konkrety…

Chodzi o użytkownika. To odbiorca ma widzieć stronę, nie tylko Ty. Należy zaprojektować stronę pod odbiorcę, czyli użytkownika. To użytkownik ma odwiedzić witrynę, kupić coś, przeczytać tekst, dodać stronę do katalogu. Nie rób stron dla siebie, zrób ją dla nich.

Wszystko przejrzyste

Nie ważne czy witryna, którą projektujesz to sklep, katalog, serwis informacyjny czy galeria grafiki – wszystko powinno być przejrzyste. Grafika (o której była mowa na początku) powinna być przyjazna użytkownikowi. Wygląd strony nie tylko ma się podobać, ale ma też sprawiać wrażenie, że komuś zależało na odwiedzinach strony.

Niektórzy mówią, że wygląd strony pod względem graficznym się nie liczy – ważne, żeby strona nie raziła w oczy i była czytelna. Po części można się z nimi zgodzić, ale czy tak trudno jest trochę pokombinować by strona wyglądała schludnie? To nic trudnego, można użyć wąskiej gamy kolorów i odpowiednio dobranych czcionek.

Warto pamiętać o stworzeniu światła, czyli odstępów pomiędzy elementami, co powoduje czytelność i skupienie wzroku na danym elemencie – chodzi o to, aby nie drażnić użytkownika i żeby sam wybierał elementy, na których ma się skupić. Nie warto upychać wszystkiego – jedno zaraz obok drugiego – a zwłaszcza linków bez odpowiednich odstępów. Użytkownik powinien odróżniać, co jest do czego na stronie.

Don’t make me think – nie każ mi myśleć

Użytkownik nie powinien się zbyt długo zastanawiać jak przejść na daną podstronę. Witryna to nie gra komputerowa – albo umożliwisz użytkownikowi normalne przemieszczanie się po jej elementach, albo znudzony myśleniem użytkownik opuści stronę. To, co powinno zastanawiać Twojego gościa to raczej treść Twojej witryny, a nie „jak przeczytać następny artykuł”, lub „jak dodać stronę do katalogu”.