Jako projektantowi stron internetowych możesz łatwo myśleć o sobie jako o artyście wizualnym, a nie o strategu biznesowym. Chociaż prawdą jest, że projektowanie stron internetowych wymaga kreatywności i artyzmu – a to jest integralną i wartościową częścią projektowania stron internetowych – naprawdę skuteczne projektowanie stron internetowych to nie tylko ładne strony internetowe. To skuteczne strony internetowe. Skuteczność może przybierać różne odcienie znaczeń.

Niektórzy postrzegają efektywne projektowanie stron internetowych jako witryny atrakcyjne wizualnie i łatwe w nawigacji. Ludzie codziennie zatrudniają projektantów stron internetowych, aby tworzyli witryny, które dobrze wyglądają i są łatwe w użyciu, z przyjemnymi schematami kolorów, sensowną nawigacją i spójnym brandingiem. Prezentacja i nawigacja to z pewnością dwa ważne aspekty doświadczenia użytkownika, miernik, według którego oceniana jest każda strona internetowa. Im lepsze wrażenia użytkownika, tym większy sukces projektu.

Dobry projekt strony internetowej to coś więcej niż tylko UX

Projektowanie doświadczeń użytkownika ze stroną internetową wykracza poza grafikę i mechanikę. Często zdarza się, że właściciel witryny chce, aby użytkownicy witryny zrobili, a przekonanie użytkownika do tego (cokolwiek to może być) jest procesem konwersji.

Konwersja dotyczy użytkownika, ale ostatecznie chodzi o cele właściciela witryny w zakresie interakcji z użytkownikiem. Duża część, jeśli nie zdecydowana większość, obecnie projektowanych witryn ma na celu przekształcenie odwiedzających i użytkowników z pasywnych widzów w aktywnych uczestników celu witryny, niezależnie od tego, czy chodzi o sprzedaż produktu, generowanie potencjalnych klientów, czy zbieranie rejestracji. Przekształcenie odwiedzającego z pasywnego widza w aktywnego gracza jest procesem konwersji i jest krytyczną, ale często źle rozumianą częścią sukcesu każdej witryny.

Dobry współczynnik konwersji sprowadza się do efektywnych treści, skutecznie prezentowanych w projekcie strony internetowej. Wymaga doskonałego projektu opartego na treści, która konwertuje. Te dwa elementy — projekt i treść — są ze sobą nierozerwalnie związane i aby jedno było skuteczne, drugie musi być skuteczne. Chociaż projektanci nie muszą być copywriterami ani fotografami, muszą dobrze rozumieć, jak prezentować zawartość witryny w sposób, który jest zarówno atrakcyjny, jak i skuteczny w przypadku konwersji.

Na początek przedstawiamy pięć „tajemnic” projektowania treści, które konwertują.

1. Rów fikcyjny tekst

Wielu projektantów często wymyśla projekt strony internetowej i używa fikcyjnego tekstu Lorem Ipsum, aby go ulepszyć. Absolutnie nie jest to sposób pracy, jeśli Twoim celem jest konwersja — ważne jest, aby mieć pod ręką treść przed ustawieniem projektu. W przeciwnym razie Twój projekt jest po prostu hipotetycznym projektem „to byłaby fajna strona internetowa”, a nie wysoce zniuansowaną formą sztuki, do której stworzenia zostałeś zatrudniony. Treść musi dyktować projekt. W przeciwnym razie narażasz się na bardzo realne (i często uświadamiane) ryzyko, że elementy projektu są zbyteczne, potrzeba przekucia treści w projekt, który nie do końca pasuje, a ogólna prezentacja zupełnie nie podkreśla właściwej treści w Odpowiedni czas.

Prosta strona internetowa, która dobrze prezentuje swoją zawartość, będzie lepiej konwertować niż pięknie zaprojektowana strona internetowa, która nie podkreśla kluczowych informacji i zasłania inne. Projektowanie z hipotetycznym tekstem i obrazami to po prostu przygotowanie się do projektu, w którym klient może się zakochać, ale ostatecznie zakończy się niepowodzeniem, gdy wstawi się rzeczywistą treść. W razie potrzeby naszkicuj swoje pomysły, ale przed przeprowadzeniem poważnej burzy mózgów lub składając makiety, dokładnie wiedz, z czym pracujesz i jakie elementy powinny być wyróżnione. Projektant Jeffrey Zeldman ujął to najlepiej w 2008 roku: „Projekt przy braku treści to nie projekt, to dekoracja”.

Jeśli oferujesz usługi copywriting wraz z usługami projektowymi, być może będziesz w stanie wyrzeźbić swoją kopię wokół swoich pomysłów projektowych (lub odwrotnie), ale nadal musisz mieć dobre wyczucie tego, co prezentujesz, zanim będziesz mógł dowiedzieć się, jak to zrobić przedstawić to. W tej grze nie wolno używać łyżek do butów.

2. Zrób mapę witryny przed witryną

Naprawdę dobra mapa witryny to fantastyczny prezent, który możesz podarować użytkownikom dowolnej witryny, zwłaszcza jeśli w witrynie jest wiele rzeczy, którymi można się poruszać. Być może nie zdajesz sobie jednak sprawy, że świetna mapa witryny może być również prezentem dla Ciebie i Twojego klienta. Jeśli masz w ręku mapę witryny przed rozpoczęciem projektowania, zasadniczo masz zarys do zbudowania całej struktury projektu. Jak Cameron Chapman napisał dla KISSmetrics, dobra mapa witryny to „scentralizowane narzędzie do planowania, które może pomóc uporządkować i wyjaśnić treść, która musi znajdować się w Twojej witrynie, a także pomoże wyeliminować niepotrzebne strony”.

Innymi słowy, mapa witryny jest rodzajem mapy drogowej dla Twojej witryny. Tworzenie takiego nie wymaga w ogóle żadnych umiejętności projektowych, tylko organizacyjne. Oznacza to, że tworzenie mapy witryny to odpowiedzialność, którą możesz pozostawić klientowi, współpracować nad rozwojem lub wziąć na siebie. Jeśli odpowiadasz za mapę witryny, upewnij się, że klient dokonuje dokładnej oceny przed przejściem dalej; mapy witryn często ewoluują z biegiem czasu, ale im mniej się zmienia, tym lepiej dla Ciebie.

Mapa witryny wyjaśnia, jaka treść powinna być i gdzie, bez bycia nieporęczną lub trudną do złożenia lub dostosowania. Eliminuje możliwość nieefektywnego projektowania lub nawigacji, ponieważ możesz zobaczyć, gdzie każda część treści musi się znaleźć, i utworzyć pomocne linki wewnętrzne, zamiast powielać informacje. Koniec z powielanymi treściami oznacza koniec zmarnowanego czasu dla Ciebie lub użytkowników witryny.

Inną zaletą mapy witryny jest to, że pomaga ona skrystalizować zakres projektu od samego początku, co prawdopodobnie docenilibyście zarówno Ty, jak i klient. Prawdziwą logistyczną korzyścią mapy witryny jest to, że może ona służyć jako narzędzie do śledzenia części projektu, który już zakończyłeś, oraz części, które są nadal w toku. Utrzymuj ją w formie cyfrowej i upewnij się, że wszyscy, którzy mają wkład w mapę witryny i postęp w projektowaniu witryny, mają do niej dostęp. Użyj go jako szybkiego narzędzia do aktualizowania klienta i odnoś się do niego za każdym razem, gdy sugerowane są zmiany w treści, aby zaoszczędzić czas i bóle głowy.

3. Miej wyraźne wezwanie do działania

Gdy celem witryny jest konwersja (a tak jest najczęściej), jednym z najważniejszych elementów jest wezwanie do działania. Szczerze mówiąc, większość witryn powinna mieć jakieś wezwanie do działania, czy to „zarejestruj się”, „dodaj do koszyka” lub „przeglądaj galerię”. Użytkownicy powinni być kierowani do jakiegoś działania, a działanie to musi być jasno i jasno określone. Może to być przycisk, link lub coś innego. Cokolwiek to jest, właśnie to mamy na myśli, gdy mówimy „wezwanie do działania”.

Niezależnie od tego, czy wezwanie do działania ma humorystyczny ton (zarejestruj się dzisiaj lub królik to dostanie!), przywołuje koleżeństwo (przyłącz się do sprawy), czy jest przeładowane pilnością (tylko dziś w sprzedaży!), musi być zaprojektowane w taki sposób to jest atrakcyjne dla docelowych odbiorców i spójne z ogólnym przesłaniem witryny. Aby zapoznać się z kilkoma świetnymi pomysłami i przykładami, zapoznaj się z opisem Helgi Moreno w wezwaniu do działania Just Creative.

Ważna rzecz do zapamiętania: jeśli wezwanie do działania na stronie docelowej ma na celu wypełnienie przez użytkownika formularza zgody, dołącz formularz na tej stronie. Nie pozwól , aby użytkownik kliknął link, który przeniesie go do wyrażenia zgody. Wykazano, że jednoetapowe zgody mają znacznie wyższe współczynniki konwersji niż dwuetapowe. Po prostu wprowadź zgodę na stronę docelową. A kiedy już to zrobisz, upewnij się, że formularz żąda tylko tych informacji, których faktycznie potrzebujesz — im mniej żąda, tym wyższa konwersja.

4. Upewnij się, że nagłówki są dobre

Każdy wart swojej soli autor sieci powie Ci, że nagłówki są krytyczne — i to prawda. W dzisiejszych czasach wszyscy żartujemy z irytujących kliknięć i krótkich okresów uwagi, ale badania pokazują, że każda witryna internetowa ma całe osiem sekund na przyciągnięcie uwagi odwiedzającego, zanim ten się odrzuci. Osiem sekund to niewiele czasu i można bezpiecznie założyć, że większość z tych sekund spędza się na przeglądaniu nagłówka. Dlatego tak ważne jest, aby wszystko, nawet w najmniejszym stopniu przypominające nagłówek w projekcie witryny, było mocne: tylko przekonujący nagłówek utrzyma użytkownika w witrynie wystarczająco długo, aby mieć możliwość dokonania konwersji.

Jeśli odpowiedzialność za generowanie nagłówków i innych tekstów H1 w projekcie spada na Twoje barki, musisz wyostrzyć swoje umiejętności pisania nagłówków. Moje dwa ulubione zasoby to ten szybki post z serwisu Copyblogger i darmowy plik PDF Headline Hacks od Jona Morrowa. Oba te zasoby zostały opracowane dla pisarzy, ale przedstawiają podstawy pisania dobrych nagłówków w sposób, który każdy z biegłym językiem angielskim może przyswoić i wykorzystać niemal natychmiast.

5. Używaj wszechstronnych obrazów, aby uchwycić i utrzymać zainteresowanie

Sztuka tworzenia obrazów (i innych elementów wizualnych, takich jak logo i wyróżniające się czcionki) w projektowaniu stron internetowych to nauka, dlatego warto dobrze zrozumieć, na czym polega dobry wybór obrazów — zwłaszcza jeśli tworzysz warstwy treści nad obrazem lub umieszczając krytyczny nagłówek lub wezwanie do działania. Większość rzeczywistych projektów internetowych odbywa się na komputerze stacjonarnym lub laptopie. W porównaniu ze wszystkimi ekranami w naszym życiu, te monitory komputerowe są przestronne, stosunkowo słabo oświetlone i najczęściej znajdują się w pomieszczeniach lub przynajmniej są osłonięte od bezpośredniego światła słonecznego lub innych oślepiania. Ale to nie jedyne środowisko, w którym obrazy są obecnie oglądane w sieci.

Obrazy, które świetnie wyglądają na ogromnym iMacu w twoim biurze, niekoniecznie będą wyglądać tak dobrze – a nawet będą się pojawiać – na ekranie wczesnego modelu smartfona niesionego jasno oświetloną ulicą. I żadne z nich nie będzie porównywalne z tym, jak poziomy mini tablet wyświetla obraz. Dzisiejszy charakter łączności i technologii wymaga, aby podczas tworzenia witryny brać pod uwagę wszelkiego rodzaju monitory i scenariusze wyświetlania.

Twoje obrazy muszą być uderzające i skalowalne, aby dostosować się do różnych rozmiarów monitora w różnych środowiskach: od 4 cali w jasnym świetle nad głową do 40 cali w pomieszczeniach z pośrednim filtrowaniem światła słonecznego. Jeśli obraz jest atrakcyjny ze względu na jego niuanse lub zawiłe szczegóły, prawdopodobnie nie jest to odpowiedni obraz do użycia. Dostosuj dowolne obrazy w razie potrzeby, jeśli poprawki mogą je umożliwić (lub jeśli klient wymaga ich użycia) i skup się na kontraście, aby zapewnić wysoką przejrzystość.

Klucze do kopiowania, które konwertują

Chociaż te pięć „tajemnic” wcale nie jest tajemnicami, łatwo przeoczyć lub całkowicie pominąć te kluczowe elementy tworzenia treści, które konwertują. Strony internetowe są wehikułem prezentacji treści, a użytkownicy muszą być uwzględnieni przy każdym projektowaniu stron internetowych. Jednak, jak pokazały te wskazówki, efektywne projektowanie stron internetowych nie polega tylko na tym, aby strona internetowa była ładna i łatwa w użyciu. Często jest inny cel: zwiększenie konwersji. Opanowanie i używanie wszystkich pięciu z tych obszarów przepływu pracy w projektowaniu stron internetowych znacznie poprawi Twoją zdolność do tworzenia witryn internetowych, które są naprawdę skuteczne w każdym tego słowa znaczeniu.