Garść siedmiu przydatnych wskazówek dla web designerów

Projektowanie nowej strony internetowej może być nie lada wyczynem. Wspomniałem o tym choćby przy okazji tekstu na temat podstaw procesu redesignu witryny.

Istnieje pewien zbiór wskazówek dla web designerów, których dobrze jest się trzymać w trakcie pracy. Wydawałoby się, że dotyczą one przede wszystkim kwestii typowo wizualnych – kolorów, fontów, kształtów. Owszem, lecz stąd już tylko krok do… psychologii. Czy w tym przypadku psychologia jest pojęciem nieco zbyt górnolotnym? Nic bardziej mylnego.

Otóż to, w jaki sposób strona internetowa wygląda, ma bezpośredni wpływ na jej odbiór przez użytkowników. Odczucia, które pojawiają się w trakcie użytkowania witryny, mają przełożenie na sukces danego biznesu.

Rzuć zatem okiem na tę małą listę wskazówek dla web designerów, które z pewnością pozwolą uczynić Twoją stronę internetową zdecydowanie bardziej przyjazną odwiedzającym.

Zbiór przydatnych wskazówek dla web designerów – 7 propozycji

1. Zaplanuj stronę tak, aby odpowiedzieć na niej na wszystkie istotne pytania.

Podstawa to działania typowo teoretyczne, czyli zaplanowanie wszystkich podstron oraz sekcji wchodzących w ich skład.

Wspomniane sekcje powinny następować po sobie w pewnym logicznym ciągu oraz odgrywać jakąś istotną rolę.

Obecnie strony internetowe (a raczej ich użytkownicy) nie tolerują już „przeszkadzaczy”, czyli elementów zbędnych, których zadaniem jest jedynie negatywnie wpływać na odbiór witryny.

Pamiętaj, że strona ma służyć odwiedzającym. Zakładam, że za jej pośrednictwem chcesz np. sprzedać jakiś produkt czy też zachęcić do skorzystania z usług Twojej firmy. Jeśli tak jest, to uczyń wszystko, aby użytkownicy w trakcie przeglądania Twojej strony znaleźli odpowiedzi na nurtujące ich pytania.

Przedstaw usługę i jej zalety, a także jasno wskaż korzyści, które potencjalni klienci osiągną poprzez współpracę właśnie z Tobą, a nie z Twoją konkurencją.

2. Stosuj zauważalne i wiele mówiące nagłówki.

W naszych tekstach niejednokrotnie wspominamy o tym, iż obecnie strony internetowe „skanuje się” wzrokiem.

Najczęściej wygląda to tak: szukamy interesujących nas informacji, a jeśli w danym fragmencie strony ich nie ma, przewijamy widok rolką myszki czy też kciukiem i szukamy dalej.

Nasz wzrok bardzo często zatrzymuje się na nagłówkach. Najczęściej są to po prostu jednozdaniowe hasła, wyróżniające się spośród innych tekstów ciemniejszym kolorem oraz większym i grubszym fontem.

Projektując stronę internetową, odpowiednio zaplanuj ich rozmieszczenie. To one będą przyciągały wzrok użytkowników, kierując go od sekcji do sekcji.

Przy okazji mogę śmiało polecić Ci jeden z naszych tekstów o tym, jak tworzyć skuteczne nagłówki.

3. Nie ignoruj roli podnagłówków.

Kontynuując temat z poprzedniego punktu, warto również wspomnieć o tym, co zazwyczaj znajduje się pod nagłówkami, a – jak sama nazwa wskazuje – są to tzw. podnagłówki.

Nie są stosowane za każdym razem, lecz odpowiednie ich użycie może przynieść dodatkowe korzyści.

Same nagłówki są ze swojej natury krótkie, hasłowe. W podnagłówkach z kolei zamieszcza się już dłuższe zdania.

Ich rola polega przede wszystkim na pewnym dopowiedzeniu, tzn. dostarczeniu dodatkowych informacji czy też po prostu na rozwinięciu myśli zawartej w nagłówku.

W jaki sposób podejść do nich pod kątem stylistycznym? Najczęściej stosuje się font o mniejszym rozmiarze w stosunku do użytego w nagłówku. Również kolor tekstu niejednokrotnie jest mniej wyrazisty. Wszystko po to, aby zaznaczyć hierarchię i jasno wskazać, który tekst jest ważniejszy.

4. Jak ognia strzeż się wielkich bloków tekstów.

Atrakcyjna strona internetowa pozbawiona jest wielkich, „zbitych” bloków tekstu. Dlaczego?

Powód jest prosty – taki układ informacji po prostu męczy nasze oczy. Dostarcza się im zbyt mało różnorodności, tego typu widok jest najzwyczajniej nudny i mało atrakcyjny.

Nie zdziw się zatem, jeśli w większości tekstów zawierających szereg wskazówek dla web designerów znajdziesz tego typu poradę.

Istnieją pewne wyjątki od tej zasady – zwłaszcza na stronach typu Wikipedia. Serwisy takie pełnią funkcję czysto informacyjną, sama oprawa treści jest dla nas wtedy zdecydowanie mniej ważna, gdyż liczą się przede wszystkim fakty i informacje, które chcemy z danego fragmentu tekstu wydobyć.

Aczkolwiek w miarę możliwości staraj się rozbijać tekst na akapity, gdzie każdy z nich dotyczyć powinien pojedynczej myśli.

5. Wykorzystuj zdjęcia przedstawiające ludzi.

Wszyscy dobrze wiemy, że wśród elementów wpływających pozytywnie na atrakcyjność strony internetowej zdjęcia odgrywają jedną z najbardziej znaczących ról.

Nic w tym dziwnego, bowiem ładne fotografie po prostu podobają się nam pod kątem wizualnym. Co więcej, takim stronom czy też usługom po prostu bardziej ufamy, gdyż wydają się nam bardziej „ludzkie”.

Z tego powodu w sekcji tuż pod menu często radzi się zamieszczać zdjęcia. Zwłaszcza takie, na których osoba patrzy się w kierunku znajdującego się obok hasła, przycisku CTA czy też krótkiego formularza.

Pamiętaj tylko o tym, aby rezygnować ze zdjęć stockowych. Internauci coraz lepiej radzą sobie z odróżnianiem fotografii realnych od „zapychaczy”, kupionych z ogólnodostępnych źródeł i wstawionych tylko po to, aby zgadzał się ogólny kontekst.

Przy okazji polecam Ci jeden z naszych artykułów na temat roli zdjęć produktów w sklepach internetowych. W tym tekście znajdziesz sporo ciekawych wskazówek w kwestii odpowiedniego wykorzystywania fotografii nie tylko w e-commerce, lecz ogólnie na stronach internetowych.

6. Pamiętaj o istotnej roli pustych przestrzeni.

Wśród wskazówek dla web designerów często wspomina się o jakże ważnych wolnych przestrzeniach otaczających różne elementy.

Dlaczego?

Poruszyłem ten temat poniekąd w punkcie czwartym – nasze oczy po prostu potrzebują czasem nieco „odpocząć”. Jeśli w jednym momencie zaprezentuje się im wiele elementów „z różnej bajki”, wtedy za bardzo nie wiemy, za co się mamy zabrać.

Strona internetowa w jasnych barwach, z odpowiednimi odstępami między nagłówkami, obrazami, zwykłym tekstem czy też innymi elementami jest przez nas odbierana zdecydowanie bardziej pozytywnie. Nie tylko jest to odpowiedni walor estetyczny, lecz także wpływa na nasz sposób poruszania się po witrynie.

Odpowiednio operując wolnymi przestrzeniami, doskonale można „namawiać” nasze oczy, by podążały z góry określoną ścieżką – od elementu do elementu, kończąc swoją drogę np. na istotnym z punktu widzenia twórcy strony przycisku CTA.

7. Miej na uwadze przyzwyczajenia internautów.

Menu na górze strony w formie „belki”, logo w lewym górnym rogu, przycisk CTA widoczny od razu po wejściu na stronę – znamy to doskonale.

Szybciej zauważamy elementy duże, pozbawione sąsiedztwa innych elementów, znajdujące się wysoko oraz w wyrazistych barwach – te fakty również są nam wiadome.

Dlatego też jakakolwiek próba przełamania czegoś, co dość mocno zakorzeniło się w naszych przyzwyczajeniach, musi być naprawdę solidnie przemyślana.

Bardzo często spotykamy się z sytuacjami, gdzie np. właściciel firmy, który zleca wykonanie projektu o określonych wymogach, „kombinuje” i stara się zastosować jakieś nowinki. Od projektanta zależy, jak do takiej sprawy podejść. Jedni „przyklepują” wymagania i wykonują je bez słowa sprzeciwu, inni zaś próbują jednak namówić zlecającego do przemyślenia swojej decyzji i postawienia na sprawdzone rozwiązania.

Dobrze jest trzymać się drugiego podejścia. Wszystko dlatego, że w tekstach pełnych wskazówek dla web designerów od dawna wspomina się o tym, iż strona internetowa ma służyć przede wszystkim odwiedzającym. Owszem, warto dyskutować nad różnymi rozwiązaniami, jednak summa summarum powinno się stawiać na to, co sprawi, iż użytkownicy będą mieli największą możliwą przyjemność z obcowania z daną stroną internetową.

Kilka wskazówek dla web designerów – podsumowanie tekstu

Jak widzisz, w gruncie rzeczy wszystko sprowadza się do tego, by uczynić stronę internetową:

• przejrzystą
• nieprzeładowaną zbędnymi elementami
• stawiającą na skuteczne i sprawdzone rozwiązania
• zawierającą wszystkie informacje, jakich oczekiwaliby po danej witrynie użytkownicy

Jeśli te warunki będą spełnione, jestem pewien, że Twoja strona internetowa odniesie sukces.