3 Sposoby na atrakcyjniejszą stronę internetową

Narzędzia dla Kobiecego Biznesu

Dziś praktycznie każdy może zbudować własną stronę na WordPressie i zacząć sklep internetowy, blog czy magazyn. Prawdopodobnie, będziesz chciała też dostosować wygląd swojej strony tak, aby odzwierciedlała Twoją markę. Dzisiejsze narzędzia pozwalają zbudować całkowicie dopasowane portale używając funkcji przeciągnij i upuść, a więc bez użycia jakiegokolwiek kodu!

Ale to, że potrafisz zbudować stronę bez pomocy developerów nie oznacza, że będzie ona atrakcyjna dla odwiedzających. W tym artykule omawiam 3 najczęstsze błędy popełniane przez początkujących designerów, oraz jak je ominąć, aby stworzyć atrakcyjniejszą stronę internetową.

Wprowadź więcej przestrzeni

Sposoby na atrakcyjniejszą stronę internetową

Czy przypominasz sobie strony, gdzie cała treść wygląda jak jeden ciąg? Czy pamiętasz swoje doświadczenie odwiedzając taką stronę? Pewnie nie było ono zbyt przyjemne i zachęcające do spędzenia czasu rozglądając się po stronie. A czy jesteś pewna, że nie popełniasz tego samego błędu?

Dobry design zawsze umiejętnie używa tak zwanej „białej przestrzeni” (white space). Jest to, jak sama nazwa wskazuje, przestrzeń, która jest biała (czyli pusta). Zostawiając więcej miejsca pomiędzy tekstem, znakami i elementami sprawia, że strona jest bardziej przejrzysta, czytelniejsza i przyjemniejsza. Poza tym, dużo łatwiej wtedy przekażesz wiadomość, którą chcesz podkreślić.

Dodaj white space dla atrakcyjności swojej strony

  • Zostaw co najmniej 40 pikseli odstępu pomiędzy różnymi elementami tej samej sekcji (na przykład tekst i przycisk) i co najmniej 20 pomiędzy różnymi elementami tego samego rodzaju (lista ikon, nagłówek i podtytuł).
  • Nie bój się wyolbrzymić przestrzeń pomiędzy dwoma sekcjami – może to wydawać się nienaturalne na początku i podczas projektowania, ale zauważysz, że efekt końcowy jest bardzo przyjemny. Możesz zostawiać nawet 70-100 pikseli między sekcjami!

Mniej to więcej

jak zbudować atrakcyjniejszą stronę internetową

Oczywiście, że jesteś podekscytowana funkcjonalnościami i możliwościami swojej oferty, a więc chcesz je wszystkie pokazać! Uważaj jednak na stworzenie strony, zawierającej z tego tytułu dużo „szumu” (noise) i nieograniczone możliwości wyboru. Po pierwsze, chociaż zabrzmi to mało intuicyjne, większy wybór zwykle prowadzi do paraliżu decyzji. Osoba gubi się we wszystkich możliwościach i decyduje, że jest to zbyt skomplikowane i lepiej nie wybrać nic.

Po drugie – my już jesteśmy narażeni na zanadto intensywną stymulację sensoryczną – powiadomienia na telefonie, maile, reklamy pop-up – to wszystko walczy o naszą uwagę, ale też męczy umysł. Uczy się on więc takie rzeczy ignorować. Co za tym idzie – potrzebujesz prostszego designu aby umilić pobyt na swojej stronie. Jeżeli chodzi o design, to naprawdę mniej to więcej dla zwiększenia atrakcyjności Twojej strony internetowej!

Przejrzystość na atrakcyjniejszą stronę internetową

  • Przekazuj tylko jedną główną wiadomość w każdej części. Używaj krótszych zdań i mniejszych paragrafów. Przejdź do sedna bez owijania, ale nie tracąc elementu wzbudzającego ciekawość. Nie pisz instrukcji obsługi – wypunktuj to, co najważniejsze.
  • Używaj kolorów z głową i nie przesadzaj z nimi. Rozważ zmianę tła w sekcji Hero z obrazka na jednolite tło, aby zwiększyć przejrzystość.
  • Usuń niepotrzebne elementy, tworzące „szum” i nie wnoszące nic do doświadczania strony przez użytkownika. Zauważ, że musisz patrzeć na użyteczność właśnie oczami odwiedzających stronę, a nie swoimi – bo możesz uważać, że jest to informacja niezbędna, gdy użytkownicy strony mają zupełnie inne zdanie.

Wezwij do konkretnego działania

popraw konwersję strony

Call to action (CTA) jest to z reguły przycisk na banerze, w sekcji Hero lub innym wyróżnionym miejscu, nawołujący użytkownika do podjęcia konkretnej akcji. Jednym z najczęstszych błędów początkujących designerów jest albo zawarcie zbyt wielu CTA (kliknij tu, zapisz się, kup teraz, itd.) skoncentrowanych zbyt blisko siebie, albo CTA w ogóle nieprzyciągający uwagi.

Każda stworzona przez Ciebie strona powinna być Twoim aktywem. Każda mu służyć określonemu celowi. I każda powinna kierować użytkownika do następnego kroku w jego podróży w sposób jednoznaczny. 

Mocne CTA dla lepszej konwersji

  • Używaj wyraźnego koloru do CTA, który służy wyłącznie do przyciągania uwagi. Użyj jaskrawych kolorów, które polepszają widoczność i kontrastują z tłem. Zarezerwuj ten kolor do CTA i staraj się oszczędzać go na inne cele. CTA ma rzucać się w oczy, ale kiedy masz przycisk w tym samym kolorze, co większość innych elementów graficznych strony, wcale nie poprawiasz jego widoczności.
  • Zadaj sobie pytanie – czemu dokładnie służy ta strona i w jaki sposób mogę pokazać użytkownikowi dalszą drogę? Na podstawie tego skoncentruj się na jakości swojego CTA. Chcesz zachęcić do rejestracji? Użyj przycisku „zarejestruj się” w kilku strategicznych miejscach na stronie i skieruj uwagę użytkownika na to. Chcesz zachęcić do zakupu? Zrezygnuj z innych guzików na stronie (zapisz się na newsletter, itd.). Ewentualnie, możesz dać trochę więcej wyboru użytkownikowi, zamieszczając inne produkty poniżej z mniejszymi CTA do ich sprawdzenia.
  • Pamiętaj, każda strona ma 1 główny cel – koncentruj się na nim, i zredukuj „szum” reszty.

Chcesz nauczyć się projektować Produkty i Usługi aby spełniały oczekiwania użytkowników? Sprawdź nasze szkolenie Design Thinking – Stwórz produkt, który ludzie pokochają. Szkolenie jest całkowicie online, więc możesz dostosować swój czas tak, jak Tobie pasuje najbardziej.

Powiązane Artykuły

Odpowiedzi