Tworzenie stron www:
najważniejsze cechy nowoczesnej strony internetowej


tworzenie stron www Gdybyśmy cofnęli się do początku XXI wieku, to zauważylibyśmy, jak bardzo zmieniły się trendy w projektowaniu stron internetowych. Serwisy internetowe sprzed kilkunastu lat były niezwykle proste i dziś nikt nie zawiesiłby na nich dłużej oka. Obecnie wygląda to zupełnie inaczej. Nowoczesne strony www łączą w sobie funkcjonalność, efektowny design oraz wartość sprzedażową, dlatego stanowią niezwykle istotny element promocji biznesu. W naszym poradniku wyjaśniamy, co właściwie kryje się pod stwierdzeniem „nowoczesna strona internetowa” i jak ją zaprojektować, aby mogła za taką uchodzić.


Jest przyjazna użytkownikowi

Brzmi bardzo ogólnikowo, dlatego rozłóżmy ten slogan na czynniki pierwsze. Najlepiej będzie to pokazać na konkretnym przykładzie. Mamy użytkownika, nazwijmy go po prostu Janem Kowalskim. Wszedł do wyszukiwarki, aby znaleźć stronę firmy zajmującej się produkcją mebli na wymiar. Google zasugerowało mu kilkaset wyników, Kowalski wybiera pierwszy link na liście.

Wchodzi na stronę i… w ciągu ok. 5 sekund zdecyduje, czy chce na niej zostać, czy może jednak przejdzie na witrynę konkurencji. Tyle czasu wystarczy przeciętnemu użytkownikowi, dobrze obeznanemu w środowisku Internetu, aby ocenić użyteczność i atrakcyjność strony www. Jakie kryteria bierze pod uwagę? Przede wszystkim:

Czy strona szybko się ładuje – jest to szczególnie ważne dla osób korzystających z urządzeń mobilnych, które nie znoszą długo czekać na załadowanie się strony;

Czy strona ma czytelny układ – chodzi tutaj przede wszystkim o górne menu, które musi od razu wyjaśnić, co użytkownik znajdzie na witrynie;

Czy stronę można szybko powiązać z jej tematyką – wchodząc na witrynę firmy meblarskiej spodziewamy się zobaczyć grafikę nawiązującą do produkcji mebli, a nie do np. akwarystyki;

Czy na stronie są kluczowe elementy informacyjne – mamy tutaj na myśli zakładki „Oferta”, „Cennik” oraz „Kontakt”. Więcej na temat projektowania zakładki kontaktowej piszemy tutaj;

Jeśli strona nie spełnia tych kryteriów, to z punktu widzenia użytkownika jest nieprzyjazna. Nie pomoże jej wówczas nawet bajeczna grafika. Trzeba pamiętać, że każdy serwis internetowy powinien w pierwszej kolejności mieć wartość poznawczą, czyli zawierać przydatne informacje. Użytkownik oceni to w mgnieniu oka i jeśli uzna, że nie znajdzie na witrynie odpowiedzi na swoje pytania (np. ile kosztuje kuchnia na wymiar), to nie będzie tracić czasu na jej dalsze przeglądanie.

Nie zapominamy również o UX, czyli doświadczeniu użytkownika. Na UX składa się wiele elementów, które decydują o wygodzie korzystania z witryny. Każdy użytkownik odwiedził w swoim życiu setki czy tysiące stron i ma pewne przyzwyczajenia, z którymi nie należy na siłę walczyć. Klikając w logo marki spodziewamy się przeniesienia do strony głównej. W stopce chcemy znaleźć albo rozwinięte menu, albo dane kontaktowe przedsiębiorstwa. Każdy „klikalny” element umieszczony na stronie powinien spełniać jakąś funkcję, np. przenosić do konkretnej zakładki. To podstawy, o których należy jednak koniecznie pamiętać.


Prowadzi użytkownika za rękę

Nowoczesne serwisy internetowe budowane są w taki sposób, aby wiodły użytkownika dokładnie w to miejsce, w które właściciel witryny chciałby go doprowadzić. Wbrew pozorom nie jest to takie skomplikowane. Chodzi bowiem o to, aby cała struktura strony sprzyjała osiągnięciu konkretnego celu. Dla właściciela takim celem może być:

• Nawiązanie kontaktu z firmą przez potencjalnego klienta;

• Zapisanie się na newsletter przez użytkownika;

• Zakup produktu bezpośrednio ze strony – to dotyczy przede wszystkim sklepów internetowych;

Wyobraźmy więc sobie sytuację, w której właściciel witryny chce, by osoby wchodzące na stronę jak najszybciej przechodziły do formularza kontaktowego i przesyłały prośbę o przedstawienie oferty. Co musimy zrobić?

Oczywiście, że na pierwszy plan wysunąć elementy, które przekonają użytkownika do przejścia do zakładki kontaktowej. W tym celu możemy np. umieścić duży formularz na stronie głównej. Bardzo dobrym pomysłem będzie także dodanie zakładki z cennikiem czy z aktualnymi promocjami – po zapoznaniu się z cenami użytkownik znacznie chętniej skontaktuje się z firmą, bo będzie wiedzieć, czy w ogóle stać go na jej usługi.

Wniosek? Strona powinna być możliwie jak najprostsza pod względem strukturalnym, bo w ten sposób skracamy dystans, jaki dzieli potencjalnego klienta od momentu wejścia na witrynę do wypełnienia formularza kontaktowego.

Nie możemy natomiast dopuścić do sytuacji, w której użytkownik mozolnie będzie przebijać się przez kolejne zakładki, by w końcu znaleźć interesującą go treść. Jest to typowy problem, z jakim mierzą się osoby projektujące sklepy internetowe (kilka zasad o których należy pamiętać tworząc sklep internetowy). Mnóstwo produktów, wiele kategorii – to niestety lekko odstrasza klienta. Jeśli szuka on np. małej lampki na biurko, to raczej nie będzie mieć ochoty na przewijanie setek produktów z kategorii „oświetlenie”. Możemy mu tego oszczędzić dodając zwykłą wyszukiwarkę, która w ciągu sekundy zwróci oczekiwany wynik. Warto ją zastosować także na stronie wizerunkowej przedsiębiorstwa mającego bardzo rozbudowaną ofertę.


Jest łatwa w zarządzaniu i aktualizowaniu

Trendy w świecie web desingu zmieniają się w takim tempie, że serwis, który dziś nazwiemy nowoczesną stroną internetową, za kilka miesięcy może już zacząć „trącić myszką”. Dlatego kluczowym etapem projektowania strony www jest wybór odpowiedniego systemu CMS. Czyli właściwie jakiego?

Przed podjęciem decyzji warto oczywiście przetestować różne dostępne systemy CMS – jest ich mnóstwo, w tym wiele zupełnie darmowych, jak np. popularny WordPress. Kryterium wyboru powinno być przede wszystkim łatwe zarządzanie treścią. Im prościej, tym lepiej. Dzięki temu właściciel witryny nie będzie mieć problemu z samodzielnym dodawaniem różnych elementów (nie tylko treści, ale też np. grafiki czy wtyczek) i tym samym bieżącym uatrakcyjnianiem wyglądu strony. Skorzystanie z systemu zarządzania treścią CMS wydaje się być obecnie najlepszym rozwiązaniem zarówno dla osoby początkującej w tworzeniu stron, jak i zaawansowanego web designera. Z systemów CMS korzystają bowiem nie tylko małe strony prywatne, ale również profesjonalne serwisy biznesowe oraz wielkie portale internetowe z całego świata.


Co z grafiką?

projekt graficzny Warstwa graficzna to oczywiście bardzo ważny element nowoczesnej strony internetowej. To od niej w dużej mierze zależą odczucia użytkownika. Jeśli witryna mu się nie spodoba, bo np. jest zbyt mroczna lub wprost przeciwnie, zbyt pastelowa, to po prostu ją opuści nie zapoznając się nawet z jej treścią. Przy projektowaniu grafiki na stronę internetową ważne są jednak nie tylko kwestie czysto estetyczne.

Grafika strony internetowej bezwzględnie musi nawiązywać do jej tematu przewodniego. Jeśli wchodzimy na witrynę sklepu online z częściami samochodowymi, to spodziewamy się zobaczyć na niej jakieś akcenty związane z motoryzacją. Jeśli jest to strona salonu kosmetycznego, to aż prosi się, by użytkownika powitały piękne zdjęcia przedstawiające nieskazitelne ludzkie ciała. W ten sposób wywołujemy u użytkownika pożądane emocje i zachęcamy go do zapoznania się z pełną ofertą.


RWD, czyli strona responsywna

Słowa „nowoczesna” i „responsywna” są już właściwie synonimami w kontekście projektowania serwisów internetowych. Współczesna strona musi się poprawnie wyświetlać na małym ekranie, ponieważ tego oczekują użytkownicy. Stale przybywa osób, które nie tylko przeglądają portale internetowe na smartfonach, ale też dokonują zakupów online z poziomu urządzeń mobilnych. Temu zagadnieniu poświęcamy osobny poradnik i już teraz zachęcamy do jego lektury.


Nowoczesna strona www jest niezwykle istotnym elementem wizerunku marki. To przez jej pryzmat klienci będą oceniać przedsiębiorstwo, wyrabiając sobie o nim konkretną opinię. Stronę należy więc traktować dokładnie tak samo, jak fizyczną siedzibę firmy. Należy zadbać o to, aby klient czuł się na niej dobrze i miał poczucie, że ma do czynienia z profesjonalistami, którzy będą w stanie spełnić jego oczekiwania.