Dlaczego wygląd Twojej strony internetowej ma znaczenie?
Klienci oceniają Twoją firmę po stronie internetowej, zanim przeczytają choć jedno słowo. Sprawdź, co mówią badania o tym, jak wygląd i szybkość strony wpływają na zaufanie, zaangażowanie i sprzedaż.

Zdjęcie: Nick Russill / Unsplash
Krótka odpowiedź: bo ludzie oceniają Twoją firmę po stronie internetowej, zanim przeczytają choć jedno słowo, a liczby pokazują, że ta ocena wpływa na zaufanie, zaangażowanie i sprzedaż.
„Skoro działa, to kogo obchodzi, jak wygląda?” To uczciwe pytanie. Twoje produkty są dobre, ceny uczciwe, klienci zadowoleni. Po co wydawać pieniądze na to, żeby strona była ładniejsza?
Bo odwiedzający jeszcze tego wszystkiego nie wiedzą. Mają przed sobą tylko stronę, a badania bardzo jasno pokazują, co z nią robią.
Masz około 50 milisekund
W 2006 roku zespół badaczy pod kierunkiem Gitte Lindgaard z Carleton University pokazywał ludziom strony internetowe przez zaledwie 50 milisekund, czyli mniej więcej mgnienie oka. Uczestnicy i tak wyrabiali sobie zdanie o atrakcyjności wizualnej strony, a te błyskawiczne oceny w dużej mierze pokrywały się z ocenami wystawionymi po dłuższym oglądaniu.
Pierwsze wrażenie też zostaje na dłużej. Psychologowie nazywają to efektem aureoli: jeśli strona dobrze wygląda, ludzie wybaczają drobne niedociągnięcia, a nawet lepiej oceniają jej treść. Jeśli wygląda źle, zaczynają szukać powodów, żeby ją opuścić.
Odwiedzający decydują, co myślą o Twojej firmie, zanim przeczytają ofertę, cennik czy opinie.
Dobry wygląd to wiarygodność
Stanford Persuasive Technology Lab poprosił 2684 osoby o ocenę wiarygodności prawdziwych stron internetowych, a następnie przeanalizował ich komentarze. Zdecydowanie najczęściej pojawiającym się tematem był wygląd strony: wspominano o nim w 46,1% wszystkich komentarzy, częściej niż o strukturze informacji czy treści.
Badania samego Google z 2012 roku dodają ważny szczegół. Ludzie uznawali proste projekty oraz takie, które wyglądają zgodnie z oczekiwaniami dla danego typu strony, za ładniejsze niż zagracone lub nietypowe.
„Dobry wygląd” nie oznacza więc fajerwerków. Oznacza przejrzystość, czytelność i coś znajomego, jak nowoczesne strony, z których Twoi klienci korzystają na co dzień.
Nieatrakcyjne strony tracą odwiedzających
Raport Adobe State of Content wykazał, że 38% osób przestaje korzystać ze strony, jeśli jej treść lub układ są nieatrakcyjne. Z tego samego badania wynika, że mając 15 minut, dwie trzecie ludzi wolałoby przeczytać coś pięknie zaprojektowanego niż coś zwyczajnego.
To ponad jedna trzecia odwiedzających, którzy odchodzą przez to, jak wygląda strona, a nie przez to, co sprzedajesz.
Nowoczesna strona to także szybka strona
Zdjęcie: Erik Mclean / Unsplash
Nowoczesna strona to nie tylko kolory i czcionki. Starsze strony są często ciężkie i wolne, a szybkość ma bezpośredni wpływ na to, czy ludzie zostają:
- Według Google prawdopodobieństwo opuszczenia strony przez odwiedzającego rośnie o 32%, gdy czas ładowania wydłuża się z 1 do 3 sekund, a o 90% przy 5 sekundach.
- Google ustaliło też, że 53% użytkowników mobilnych opuszcza stronę, która ładuje się dłużej niż trzy sekundy.
- W badaniu zleconym przez Google i przeprowadzonym przez Deloitte i fifty-five przyspieszenie strony mobilnej o zaledwie 0,1 sekundy zwiększyło współczynnik konwersji o 8,4% w sklepach internetowych i o 10,1% w serwisach turystycznych. Klienci sklepów wydawali też o 9,2% więcej.
A wielu z tych odwiedzających korzysta z telefonu. W Polsce mniej więcej 4 na 10 odsłon pochodzi dziś z urządzeń mobilnych. Strona zbudowana, zanim smartfony przejęły rynek, często w ogóle nie jest na nich czytelna.
Oznaki, że Twoja strona utknęła w 2010 roku
Jeśli coś z tej listy brzmi znajomo, Twoja strona może po cichu odstraszać klientów:
- Nie mieści się na ekranie telefonu. Żeby cokolwiek przeczytać, trzeba ją powiększać palcami.
- Przeglądarka pokazuje „Niezabezpieczona”. Bez certyfikatu SSL nowoczesne przeglądarki ostrzegają ludzi, zanim jeszcze zobaczą Twoją stronę.
- W stopce widnieje © 2014. Albo zakładkę z aktualnościami ostatnio uzupełniano kilka lat temu.
- Działa wolno. Ogromne zdjęcia, slidery i stare wtyczki ładują się w nieskończoność.
- Coś nie działa. Martwe linki, brakujące zdjęcia, formularz kontaktowy, który nic nie wysyła.
- Po prostu wygląda staro. Malutki tekst, ciasny układ, przestarzałe czcionki i kolory.
Dla odwiedzającego przestarzała strona rodzi proste pytanie: czy ta firma jeszcze w ogóle działa? Wielu nie zostanie, żeby się przekonać.
Liczby w skrócie
| Wynik | Źródło |
|---|---|
| Ludzie oceniają atrakcyjność wizualną strony w około 50 ms | Lindgaard i in., 2006 |
| Wygląd strony pojawił się w 46,1% komentarzy dotyczących wiarygodności | Stanford Persuasive Technology Lab, 2002 |
| 38% osób przestaje korzystać ze strony, jeśli treść lub układ są nieatrakcyjne | Adobe State of Content |
| Prawdopodobieństwo opuszczenia strony +32% przy wydłużeniu ładowania z 1 do 3 sekund | Google / SOASTA, 2017 |
| 53% użytkowników mobilnych opuszcza strony ładujące się dłużej niż 3 sekundy | |
| Strona mobilna szybsza o 0,1 s: +8,4% konwersji w handlu detalicznym | Deloitte i fifty-five dla Google, 2020 |
Część tych badań ma już kilka lat. Ale ludzie od tamtej pory nie stali się bardziej cierpliwi ani mniej wzrokowi, a nowsze badania wciąż wskazują ten sam kierunek.
Nowoczesna strona kosztuje mniej, niż myślisz
Nowoczesna strona nie musi być ogromnym projektem. Większości małych firm potrzebna jest właśnie przejrzysta, szybka strona dostosowana do telefonów, z wyraźnymi danymi kontaktowymi, a to często kosztuje mniej, niż się wydaje.
I nie musisz zajmować się stroną techniczną. Gdy pracujesz z nami, bierzemy na siebie całą resztę: hosting, konfigurację domeny, certyfikat SSL i wszystko inne, co sprawia, że strona działa. Dostajesz stronę, która pokazuje Twoją firmę taką, jaka jest dziś, a nie taką, jaka była piętnaście lat temu.
Website Refinery buduje strony od zera, dopracowuje istniejące oraz tworzy aplikacje webowe i mobilne. Opowiedz nam o swoim projekcie.
Źródła
- Nature: Web users judge sites in the blink of an eye (Lindgaard i in.)
- Stanford / Consumer WebWatch: How Do People Evaluate a Web Site's Credibility?
- CXL: Why simple websites are scientifically better (badanie Google, 2012)
- HubSpot: statystyki dotyczące projektowania stron (Adobe State of Content)
- Think with Google: statystyki czasu ładowania stron
- Think with Google: benchmarki szybkości stron mobilnych
- web.dev: Milliseconds Make Millions
- StatCounter: udział komputerów i urządzeń mobilnych w Polsce
Potrzebujesz pomocy ze stroną?
Napisz, co chcesz osiągnąć, a doradzimy, od czego zacząć.
Więcej wpisów
Dlaczego nie moge samemu zVibe Code'ować strony ?
Poznaj plusy i zagrożenia vibe codingu z perspektywy osoby nietechnicznej. Albo dowiedz się, jak usunąć produkcyjną bazę danych jednym promptem „make no mistakes”.
WordPress czy własny kod: kiedy zrobić to samemu, a kiedy zlecić profesjonalistom
Kiedy wystarczy samodzielny WordPress, a kiedy warto zlecić stronę profesjonalistom? Podpowiadamy, jak wybrać.

