Projektowanie stron internetowych i marketing internetowy: dlaczego projekt Twojej witryny jest decyzją marketingową
Najlepsza kampania marketingowa, jaką kiedykolwiek przeprowadzisz, spowoduje utratę klientów z powodu źle zaprojektowanej witryny internetowej. Ruch, który pojawia się i jest natychmiast odrzucany, to ruch, który kosztuje tyle samo, co ruch, który pozostał i został przekonwertowany – z tą różnicą, że nie przyniósł żadnego efektu. Projektowanie stron internetowych nie jest przedmiotem odrębnym od marketingu; to środowisko, w którym wszystkie inne wysiłki marketingowe albo odniosą sukces, albo poniosą porażkę.
Linki i nawigacja: podstawy, które nie zawsze są podstawowe
Wybór między łączami tekstowymi a łączami graficznymi wpływa na szybkość ładowania strony, a prędkość ładowania strony wpływa na współczynniki odrzuceń w dobrze udokumentowany sposób. Nawigacja zawierająca dużo obrazów wygląda na dopracowaną, ale może powodować spowolnienie stron przy wolniejszych połączeniach. Jeśli używasz linków do obrazów, znaczniki opisu tych obrazów mają znaczenie — zarówno ze względu na dostępność, jak i dla wyszukiwarek, które nie widzą, co przedstawia obraz.
Linki tekstowe powinny być czytelne na pierwszy rzut oka i odpowiednio pokolorowane, aby ludzie rozpoznali je jako klikalne. Instynkt dostosowywania kolorów linków do palety marki czasami powoduje, że tekst jest niejednoznaczny — ludzie nie są pewni, czy jest to link, czy po prostu inna czcionka. Ta dwuznaczność kosztuje kliknięcia. A narzędzie do projektowania stron internetowych może wyświetlić podgląd kolorów linków i stylów przycisków na tle, zanim cokolwiek opublikujesz, co pozwala wykryć problemy z czytelnością przed ich publikacją.
Flash, ciężkie skrypty i rzeczy spowalniające strony
W tym momencie Flash zasadniczo zniknął jako format, ale kategoria problemu, jaki reprezentuje – polegająca na wtyczkach do przeglądarek lub skomplikowanych skryptach, z których nie korzystają wszyscy odwiedzający – jest nadal aktualna. Witryny z dużą ilością JavaScript, które wymagają znacznego czasu ładowania, zanim pojawi się treść, tracą wymierny procent odwiedzających, zanim cokolwiek zobaczą. Wytyczna, która jest nadal aktualna: użyj najlżejszego podejścia, które osiągnie to, czego potrzebujesz. Każda dodatkowa animacja, wtyczka lub zależność frameworka wiąże się z kosztem czasu ładowania, który ktoś musi zapłacić.
Czcionki i czytelność mają większe znaczenie, niż się ludziom wydaje
Typografia to obszar, w którym projektanci i właściciele firm często się nie zgadzają, a instynkt właściciela firmy — „uczyń ją bardziej wyróżniającą się, bardziej markową i ciekawszą” — często szkodzi czytelności. Czcionka, która wymaga od czytelnika zwolnienia w celu jej odkodowania, nie jest czcionką, która jest czytana. Czcionki treści tekstu należy dobierać tak, aby były czytelne na całej długości akapitu: standardowe odstępy, znajome formy liter, kontrast na tle jednoznacznym w różnych warunkach oświetleniowych. Czcionki dekoracyjne mają swoje miejsce w nagłówkach, ale należy ich używać oszczędnie i testować przy rzeczywistych rozmiarach do czytania.
Spójność kolorystyczna na całej stronie
Witryna, w której każda strona ma inny schemat kolorów, sprawia wrażenie kilku witryn, a nie jednej. Spójność kolorów sygnalizuje organizację i profesjonalizm w sposób przetwarzany poniżej poziomu świadomego myślenia — odwiedzający zauważają niespójność, niekoniecznie wiedząc, co zauważyli. Arkusze stylów CSS obsługują to centralnie, co oznacza, że pojedyncza zmiana rozprzestrzenia się w całej witrynie. Jeśli używasz A kreator stron internetowych zamiast witryny z niestandardowym kodem, wybór motywu i szablonu osiąga ten sam cel w systemie platformy.
Konkretna paleta ma mniejsze znaczenie niż konsystencja. Ograniczony zestaw kolorów zastosowanych niezawodnie na wszystkich stronach można odczytać jako zamierzony. Szeroki zakres zastosowany niekonsekwentnie odczytuje się jako niedokończony.
Co bym pominął
Pominąłbym animowane tła i dekoracyjne animowane obrazy, z wyjątkiem przypadków, w których animacja jest rzeczywistą treścią. Animacje o charakterze czysto dekoracyjnym przyciągają wzrok w sposób konkurujący z treścią, którą odwiedził odwiedzający. Mają też tendencję do odwracania uwagi dokładnie w niewłaściwym momencie – podczas procesu decyzyjnego, który ma miejsce tuż przed zakupem. Pominąłbym także czcionki zależne od tego, czy odwiedzający ma zainstalowany określony system operacyjny lub pakiet czcionek; czcionki bezpieczne dla systemu lub czcionki internetowe ładowane jawnie są bardziej niezawodne.
Najlepszy projekt strony internetowej dla celów marketingowych to projekt, który znika — w którym odwiedzający doświadczają treści i produktów, a nie wyborów projektowych. Nie oznacza to lekceważenia jakości projektu; to opis tego, co osiąga dobry projekt. Strona, którą odwiedzający kończy przeglądać, nie zastanawiając się ani razu nad nawigacją, wykonuje swoje zadanie dokładnie dobrze.
Kiedy Twoje wysiłki marketingowe odsyłają kogoś do Twojej witryny, witryna ta albo zamyka lukę między zainteresowaniem a zakupem, albo ją poszerza. Projekt decyduje, które. Warto to potraktować jako decyzję marketingową, a nie estetyczną.
Gotowy na zakupy? Porównaj Biznes internetowy w sklepach → 📚 Lub przeglądaj kursy i oprogramowanie w Towary cyfrowe →
