Trendy web design 2016: prosta nawigacja, minimalizm, personalizacja

Torben Simon Meier Ostatnia aktualizacja 15.01.2020
5 Min.
trendy w projektowaniu stron internetowych 2016

Innowacyjne projekty stron internetowych są piękne do oglądania, ale strasznie niepraktyczne dla większości stron. Dziś powiem Ci, które trendy w projektowaniu staną się ważne w 2016 roku, a także obiecują więcej i łatwiejsze konwersje.

Na przełomie roku regularnie analizuje się trendy w projektowaniu stron internetowych na nadchodzący rok. Minimalizm - jak w przypadku flat design czy material design - odgrywa ważną rolę również w 2016 roku. Dzisiaj pokażę Ci, jak możesz tak zaprojektować swoją nawigację, obszar konwersji i treści, że będziesz w pełni zgodny z trendem w 2016 roku, a także będziesz mógł zoptymalizować swój współczynnik konwersji. I to bez konieczności zagłębiania się w specyfikacje niektórych kierunków projektowania.

Trend 1 w projektowaniu stron internetowych: nawigacja zorientowana na cele

Jeśli dasz użytkownikowi zbyt wiele możliwości wyboru, szybko zostanie on przytłoczony. Chociaż ludzie mogą bez problemu przechowywać średnio 5-7 obiektów w pamięci krótkotrwałej, wszystko powyżej tego poziomu jest trudne do zapamiętania dla przeciętnego użytkownika. Tak więc więcej niż 7 punktów nawigacyjnych jest niepotrzebnych i zmniejsza interakcję z Twoją stroną. Przez zbędne rozumiem w tym przypadku wszystkie punkty nawigacyjne, za którymi nie kryje się konwersja lub które od niej odwracają uwagę. Takie pozycje menu można zatem usunąć z nawigacji i połączyć np. w tzw. burgera. Użytkownik może wtedy wybrać tylko kilka opcji, z których wszystkie mają znaczenie dla konwersji. Odwiedzający może przechodzić do wszystkich innych podstron tak jak dotychczas, ale musi w tym celu kliknąć na hamburgera.

Trendy web design 2016: prosta nawigacja, minimalizm, personalizacja

UBER posiada wzorcową, minimalistyczną nawigację: użytkownik ma jedynie możliwość zarejestrowania się lub otwarcia dalszych punktów nawigacji.

Ważne jest, aby naprawdę tylko umieścić te strony w hamburgerze, które nie są istotne dla konwersji. Ponieważ wszystkie punkty nawigacyjne w tym menu - pierwotnie stworzonym dla małych ekranów - ryzykują, że nie będą widoczne, a tym samym będą rzadziej odwiedzane.

Projektowanie kart - wizualizacja i kompresja

Projekt karty może również usprawnić pasek nawigacyjny i poprowadzić odwiedzających szybko i celowo do tych obszarów witryny, w których następuje konwersja. Projekt ten oferuje również możliwość łączenia elementów tekstowych i graficznych. Podczas wdrażania tego projektu należy uważać, aby nie przytłoczyć użytkownika zbyt dużą ilością informacji. Design kart został w znaczący sposób zaimplementowany na przykład przez Pinterest.

Trendy web design 2016: prosta nawigacja, minimalizm, personalizacja

Pinterest to klasyczny przypadek użycia dla projektu karty.

Trendy w projektowaniu stron internetowych 2: Minimalizm

Wiem, że to duże słowo i szerokie pole do popisu. Twoja strona najprawdopodobniej ma już minimalistyczny design, ponieważ dwa z najbardziej znaczących trendów w projektowaniu stron internetowych w ostatnich latach opierają się na tej zasadzie: Flat Design i Material Design. Style te stanowią również ważny wkład w projektowanie obszaru konwersji. Powinna być ona możliwie jak najcieńsza wizualnie.

Dobry nagłówek, kilka korzyści i przekonujące pytanie o konwersję.

Z jednej strony przycisk konwersji powinien być połączony z dobrą treścią, czyli zrozumiałym i wciągającym nagłówkiem oraz krótkim opisem głównych korzyści. Z drugiej strony, biała przestrzeń i przejrzysty układ zapewniają niezbędną uwagę i łatwiejsze zrozumienie treści. Sam przycisk konwersji powinien zawierać odpowiednie tematycznie, krótkie pytanie lub podpowiedź.

Trendy web design 2016: prosta nawigacja, minimalizm, personalizacja

Doskonały przykład minimalistycznie zaprojektowanego i sprytnie zilustrowanego obszaru konwersji. Jeśli użytkownik przewija stronę w dół, otrzymuje bardziej szczegółowe informacje. Konwersja jest możliwa za pomocą zaledwie trzech kliknięć.

Umieść przycisk konwersji w widocznym miejscu

Należy również upewnić się, aby umieścić przycisk rzeczywistej konwersji w jak najbardziej widocznym miejscu. Przykładowo, jeśli mamy stronę z kilkoma kolumnami tekstu, to warto wyświetlić przycisk konwersji w pełnej szerokości i bez paska bocznego czy innych zbędnych elementów. Wystarczy przycisk, nagłówek zachęty i kilka kluczowych faktów, jeśli to konieczne, a obszar konwersji wyskakuje prosto na użytkownika. Z dużą ilością białej przestrzeni wokół tego obszaru i odpowiednim doborem kolorów, możesz nawet wzmocnić ten efekt.

Trendy web design 2016: prosta nawigacja, minimalizm, personalizacja

Nasz przycisk konwersji przyciąga wzrok, ponieważ wyraźnie odróżnia się od reszty strony: Zamiast czterech rzędów, w konwersji widoczna jest tylko jedna kolumna, która jest dodatkowo wyróżniona wizualnie.

Trendy w projektowaniu stron internetowych 3: Personalizacja

Personalizacja w tym kontekście oznacza dwie rzeczy. Po pierwsze, emocjonalne, ludzkie przedstawienie własnej firmy, zespołu, bloga etc. Powinno to wywołać u odwiedzającego pozytywny afekt, czyli niejasne, dobre uczucie podczas interakcji ze stroną. Tutaj, w większości przypadków, nie chcę jeszcze wywoływać konkretnych emocji, ale po prostu sprawić, by marka (blogera, firmy, strony) stała się bardziej ludzka, a przez to łatwiejsza do uchwycenia. Po drugie, personalizacja oznacza dostosowanie doświadczenia użytkownika (UX) do jego preferencji.

Ponieważ personalizacja UX to specjalny temat, który wymaga również specjalnej wiedzy i umiejętności - a przynajmniej pewnego budżetu - nie będę tutaj omawiał kreatywnych i projektowych aspektów UX. Ten temat musiałby zostać rozpatrzony oddzielnie.

Z drugiej strony, personalizowanie obecności własnej marki jest stosunkowo proste - przynajmniej w teorii. Jeśli wybierzesz odpowiednie motywy, na przykład własnych pracowników, własne pomieszczenia lub przynajmniej obrazy, które dobrze odzwierciedlają osobowość Twojej marki, to zrobiłeś pierwszy krok. Jeśli masz możliwość i zasoby, dobrym pomysłem jest również zamieszczenie materiałów wideo. Za pomocą ruchomych obrazów można szybciej zdobyć zaufanie potencjalnych klientów oraz w prostszy i bardziej zrównoważony sposób zilustrować własną firmę. Na przykład na stronie WordPress integracja wideo jest możliwa w prosty sposób poprzez tła wideo.

Wniosek: Duży potencjał dla testów konwersji

To były moje trendy 2016 w projektowaniu stron internetowych, które nie tylko sprawią, że Twoja witryna będzie bardziej stylowa i nowoczesna, ale także zwiększą Twoje konwersje: usprawnienie nawigacji i dostosowanie jej do konwersji, minimalizm nie tylko w obszarach treści witryny, ale przede wszystkim w obszarach konwersji, i wreszcie personalizacja witryny za pomocą wideo i obrazów.
Te dość ogólne wytyczne projektowe dają Ci możliwość w 2016 roku, aby bawić się dużo z obszarów konwersji i stale je ulepszać. Ważne jest, abyś od samego początku podszedł do wdrożenia profesjonalnie i autentycznie. Wymaga to pracy, ale Twoi klienci będą Ci za to wdzięczni.

Powiązane artykuły

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola obowiązkowe oznaczone są *.