Dziś własna strona internetowa to coś więcej niż tylko prywatny skrawek internetu. Dla wielu to przede wszystkim punkt zwrotny we własnej działalności, szansa na wypłynięcie na szerokie wody i zdobycie nowych klientów. Warto jednak pamiętać, że postęp w dziedzinie biznesu internetowego generuje wymagania, do których należy się jak najszybciej dopasować, by potencjalni klienci chcieli z nami współpracować. Jak to osiągnąć? Metod jest wiele: począwszy od warunków technicznych strony, po umieszczane na niej treści, pozycjonowanie, a także często pomijany, choć wyjątkowo kluczowy, design.
Czym jest design stron internetowych?
Design to słowo, które na dobre zagościło już w naszym rodzimym języku. Mamy designerskie ubrania, meble, a nawet auta. Owiane tajemnicą, czym tak naprawdę jest i co się za nim kryje, często odstrasza osoby, które stykają się z nim po raz pierwszy. Czy jednak jest czego się bać? Odpowiedź brzmi – nie! Design, to nic innego jak forma projektu, zastosowanie pewnego rodzaju wzornictwa, kroju, szwu i typu konstrukcji. Większość rzeczy, które mamy teraz obok siebie, przeszło pewnego dnia przez ręce projektanta, który nadał im obecny kształt. W przypadku stron internetowych jest identycznie. Dobry design, a więc dobry projekt, całkowicie zmienia wygląd strony internetowej. Tylko od niego zależy bowiem jak użytkownik obejdzie się z tym co napotka w naszej witrynie, w co kliknie, czego nie kupi, a co przykuje jego uwagę. Jeśli więc, nie jest Ci obojętne, czy potencjalny klient dokona zakupu lub wyśle zapytanie ofertowe, zdecydowanie powinieneś sprawdzić, czy Twoja strona internetowa funkcjonuje według poniższych zasad.
Główne zasady designu stron internetowych
1. Przejrzystość
To najistotniejszy element każdego interfejsu użytkownika, który powinien być łatwy do zrozumienia w ciągu ułamków sekund. Użytkownicy nie mogą zastanawiać się jak powinni go używać. Ponadto sam interfejs powinien być przewidywalny w swoim działaniu, a jednocześnie zapewniać łatwy dostęp do wszystkich funkcji. W tym wypadku nie ma miejsca na chwilę zastanowienia. Przejrzystość wzmaga w osobie poczucie pewności w działaniach, a pewność ta zdecydowanie poprawia komfort psychiczny, a przez to dłużej zatrzymuje użytkownika na stronie.
2. Interfejs istnieje dla użytkownika
Interfejsem użytkownika nazwiemy wszystko to, co znajduje się na naszej stronie i co umożliwia pewną interakcję pomiędzy użytkownikiem, a wirtualnym światem. Przyciski, kawałek tekstu, koszyk na zakupy lub zdjęcia – wszystko to należy do interfejsu. Jak więc zaprojektować dobry interfejs? Zacznijmy od tego, czego nie powinno się robić. Przede wszystkim nie należy traktować projektu interfejsu jako formy sztuki. Przy jego projektowaniu powinniśmy być o wiele bliżej potencjalnej funkcjonalności i użyteczności, aniżeli efektu wizualnego. W projektowaniu istnieje nawet idea, która nakazuje oddać się pracy nad użytecznością i spełnieniem funkcji, jaką dany element ma za zadanie pełnić, a reszta, czyli reprezentacja wizualna, wykreuje się samoistnie. Słowa te pokazują, jak ważne jest by interfejs był dla człowieka i żeby odpowiadał na jego potrzeby. To myśl, którą i Ty powinieneś się kierować, myśląc nad ułożeniem wszelkich przycisków czy tekstów wewnątrz swojej strony internetowej. Najlepsze interfejsy są praktyczne, intrygujące, ciekawe, a nawet emocjonalnie dostosowane do użytkownika.
3. Utrzymanie uwagi użytkownika (za wszelką cenę)
Żyjemy w świecie w którym na każdym kroku coś lub ktoś nas rozprasza. Trudno jest dziś przeczytać coś w spokoju, ponieważ nasza uwaga jest przyciągana przez różne elementy i wydarzenia, dlatego przyciągnięcie jej na dłużej jest kluczowe w projektowaniu designu stron internetowych.
Nie zaśmiecaj całego ekranu niepotrzebnymi elementami – to rozprasza. Pamiętaj, dlaczego użytkownik przyszedł na Twoją stroną i z jakie powodu skupił się akurat na tym kawałku tekstu czy też powiadomieniu. Pozwól użytkownikowi doczytać tekst do końca, nim pokażesz mu reklamę swojego nowego produktu, bo ta zamiast atrakcyjną ofertą stanie się dla niego, irytującym elementem, który i tak pominie, by w najgorszym razie wyjść ze strony. Ważnym jest, by szanować czas i uwagę każdej osoby, która odwiedzi Twoją witrynę – jeśli jej w tym pomożesz, na pewno możesz spodziewać się zainteresowania tematem i treściami, które w danym momencie oferujesz.
4. Zachowaj kontrolę
Permanentnie zabiegane społeczeństwo, oprócz względnego spokoju, docenia również poczucie kontroli. Z tego powodu zwracaj uwagę na to w jaki sposób użytkownik odbiera Twoją stronę. Elementy, które na pierwszy rzut oka mogą nie być przewidywalne, niespodziewane interakcje, pojawiające się ikony – to wszystko odbiera poczucie komfortu, na którym tak bardzo powinno Ci zależeć. Dlatego nie bój się pomóc użytkownikowi poradą lub krótką wskazówką. Zaopiekuj się nim i pokaż czego powinien się spodziewać korzystając z Twojej witryny.
5. Zasada jednej funkcjonalności
Mając na uwadze wcześniejsze punkty, zaoferuj użytkownikowi prostotę. Korzystając z zasady jedna funkcjonalność = jeden ekran, bardzo szybko uprościsz budowę witryny, pozwalając użytkownikom na zachowanie uwagi i spokoju. Co więcej, taka struktura będzie zdecydowanie łatwiejsza do zapamiętania oraz logicznej analizy.
6. Poboczne aktywności
Pojedynczy widok powinien zawierać tylko jedną, główną aktywność, ale co w wypadku kiedy chcesz zaoferować możliwość udostępnienia artykułu w mediach społecznościowych lub dodać produkt do sekcji porównania? Kieruj się tym, dlaczego w ogóle użytkownik wszedł na stronę, a wszystko okaże się proste. Jeśli głównym elementem jest produkt, to takim powinien zostać. Umieszczając dodatkowe funkcjonalności na stronie zadbaj, by były one poboczne i nie rzucały się w oczy bardziej niż główny element. Dobrym rozwiązaniem jest czynienie elementów dodatkowych lżejszymi wizualnie lub pokazywanie ich dopiero po zakończeniu głównej funkcjonalności.
7. Krok po kroku
Projektując interakcje między użytkownikiem a stroną, rozważ wszelkie możliwości, które z siebie wynikają, tak by wskazać użytkownikowi jak najprostszą ścieżkę. Zostawiając go na przysłowiową pastwę losu, pozbawisz go poczucia bezpieczeństwa i zniechęcisz do dalszego przeglądania witryny.
8. Wygląd a zachowanie
Użytkownicy czują się komfortowo, kiedy rzeczy wobec których mają wcześniejsze doświadczenia, zachowują się dokładnie tak, jak powinny. Kiedy coś działa nie po ich myśli, czują się zagubieni i zaskoczeni. Zaprojektowane elementy powinny wyglądać dokładnie tak, jak się zachowują. Jak mawiał Louis Sullivan (wybitny amerykański architekt, „Ojciec wieżowców”) – „Forma podąża za funkcją”, co oznacza że forma lub kształt obiektu powinien odnosić się przede wszystkim do jego zamierzonej funkcji i przeznaczenia.
9. Projektuj konsekwentnie
Konsekwencje w projektowaniu są bardzo ważne. Raz obrany styl, forma lub rozkład nie powinny być zmieniane. Pozostawanie stałym w designie stron internetowych pomaga użytkownikowi zrozumieć jak owa strona w istocie działa, na jakich mechanizmach się opiera. Takie działanie zapobiega tworzeniu poczucia dezorientacji i poirytowania.
10. Silna hierarchia elementów
Konkretna, silna hierarchia elementów daje bardzo czysty i jasny obraz tego, co chcieliśmy przekazać użytkownikowi. Słaby wizualny podział, na rzeczy bardzo ważne, ważne i mniej ważne, nie wskaże żadnej drogi, a nawet wprowadzi w błąd czy zakłopotanie, których zdecydowanie powinniśmy unikać. Ważne więc będą konsekwencje w tworzeniu takich elementów oraz odpowiedni podział wizualny, który w lot pozwoli użytkownikowi zrozumieć, co i dlaczego przybrało prezentowaną formę.
11. Mądra organizacja treści
By osiągnąć jeszcze większą przejrzystość, w momencie w którym dany widok posiada już wiele danych, na które użytkownik musi zwrócić swoją uwagę, wystarczy je pogrupować. 10 elementów formularza rozrzuconych po stronie są mniej czytelne niż 30, które zostało odpowiednio skategoryzowane i pogrupowane. Sprytnie zorganizowane treści na stronie pozwolą zaoszczędzić użytkownikowi czas i co więcej, zdejmą z niego potrzebę myślenia nad celem konkretnych elementów.
12. Najlepszy design to ten, którego nie widać!
Głównym celem, do którego zmierza każdy projekt, jest brak poczucia, że osoba przygotowująca stronę wyjątkowo starała się, by coś nam pokazać lub gdzieś nas kierować. Jeśli proces designu przebiegł pomyślnie, użytkownik przebywający na stronie internetowej szybko dostaje to czego oczekuje, bez konieczności szukania pomocy, co pozwala mu cieszyć się z osiągniętych rezultatów.
Teraz pozostaje jedynie zastosować powyższe punkty w praktyce, by móc cieszyć się skrojonym na miarę projektem strony internetowej, który przyciągnie uwagę użytkownika i zatrzyma go na dłużej.
Teraz pozostaje jedynie zastosować powyższe punkty w praktyce, by móc cieszyć się skrojonym na miarę projektem strony internetowej, który przyciągnie uwagę użytkownika i zatrzyma go na dłużej.