Jak poprawić nawigację w witrynie

Przyjrzymy się bliżej 13 prostym sposobom na zaprojektowanie doskonałej nawigacji na swojej stronie internetowej. Tilda oferuje wiele gotowych bloków z elementami nawigacyjnymi, które można wybrać, aby ułatwić korzystanie z witryny.

Podczas tworzenia paska nawigacyjnego staraj się używać nie więcej niż 4-5 elementów i nie przeciążaj go dużą ilością linków i elementów. Jeśli nie masz wyboru i musisz dodać wiele elementów menu, możesz użyć menu "hamburger", aby wyglądało schludnie.

W ostatnich latach wiele osób nauczyło się, że kliknięcie logo witryny prowadzi do strony głównej. Możesz usunąć przycisk "Strona główna" ze swojego menu i nie zapomnij przypisać linku do logo.

Jeśli masz długą stronę z dużą ilością informacji, dodaj menu z linkami do sekcji strony - dzięki temu nawigacja będzie intuicyjna i zaoszczędzi czas odwiedzających.

Aby utworzyć menu dla jednostronicowej witryny na Tildzie, wklej odpowiednie numery bloków do pól linków każdego elementu menu w panelu Zawartość bloku (znajdź numer bloku na dole panelu Ustawienia) lub użyj linków zakotwiczonych.

Aby dodać stałe menu do strony internetowej Tilda, kliknij przycisk "Ustawienia" w bloku menu, a następnie przejdź do "Ustawienia główne" i wybierz "Stałe" w sekcji ZACHOWANIE POZYCJI MENU.

W Tilda można dostosować sposób podświetlania aktywnej pozycji menu: można zmienić grubość czcionki, krycie i kolor. Możesz także podkreślić lub przekreślić.

Te same ustawienia można zastosować do pozycji menu po najechaniu kursorem. Nie przesadzaj! Jedna lub dwie opcje wystarczą do wyróżnienia pozycji menu.

W Tilda kropki nawigacyjne są wyposażone w podpowiedzi z nazwami sekcji, które pomagają użytkownikom przeglądać witrynę. Blok "Dot Navigation" (ME604) można znaleźć w kategorii "Menu".

Blok "Animacja ładowania strony" znajduje się w kategorii "Inne" (kod wyszukiwania T228). Aby włączyć pasek ładowania, umieść blok na samej górze strony.

Kolor wskaźnika ładowania można ustawić w panelu Ustawienia bloku. Należy wybrać kontrastowy kolor paska, aby wyróżniał się, nie zlewając się z okładką strony i menu nawigacyjnym.

Pasek postępu przewijania strony jest wąskim narzędziem nawigacyjnym, które wizualizuje, jak bardzo użytkownik przewinął stronę w dół. Pomaga również czytelnikom oszacować długość strony i łatwo określić ich bieżącą lokalizację. Używanie paska przewijania ma sens, gdy strona jest dłuższa niż 3-4 ekrany.

Aby dodać wskaźnik przewijania na Tildzie, użyj bloku T333 "Pasek postępu czytania strony" z kategorii "Inne". Kolor i grubość paska postępu można modyfikować w ustawieniach bloku.

Najprostszym sposobem na wizualne podkreślenie przycisku jest użycie jasnego koloru tła. Powinien on wyraźnie kontrastować z mniej znaczącym przyciskiem obok. Rozważ dodanie cienkiej ramki i uczynienie tła przezroczystym lub dodanie neutralnego koloru tła dla drugiego przycisku.

W Tilda, oprócz standardowych ustawień stylu przycisku, możesz zmienić wygląd przycisku, gdy użytkownik najedzie na niego kursorem. Dostosuj kolor tła lub obramowania, wybierz kolor i grubość czcionki, dodaj cień i zmodyfikuj szybkość efektów animacji po najechaniu.

Dobrym pomysłem jest określenie liczby elementów ukrytych za przyciskiem.

Istnieje kilka sposobów ukrywania treści:

Przydaje się, gdy użytkownicy muszą poruszać się po długich artykułach lub stronach docelowych z wieloma sekcjami i pozwala im uniknąć długiego i żmudnego przewijania.

Znajdź blok "Przycisk powrotu do góry" w kategorii "Formularze i przyciski" lub wyszukaj go według kodu BF702.

Dół strony docelowej to właściwe miejsce na powtórzenie wezwania do działania. Jeśli strona zawiera artykuł lub wpis na blogu, możesz dodać linki do podobnych artykułów na końcu. Bloki z kategorii "Kafelki i linki" oraz "Indeks" na Tildzie pomogą ci uniknąć frustrujących ślepych zaułków.

Tytuły sekcji pomagają użytkownikowi poruszać się po witrynie, patrząc na pasek adresu i mają pozytywny wpływ na trafność strony.

Przyjazne dla użytkownika i znaczące adresy URL są również znane jako "czyste" lub "ładne" adresy URL. "Czysty" adres URL składa się ze słów, które są łatwe do zrozumienia, w przeciwieństwie do mylącego adresu systemowego (na przykład na Tildzie adres systemowy wygląda następująco: /page4652188.html).

Pierwsza część (https://) nazywana jest protokołem i wskazuje metodę dostępu do zasobów internetowych. Najczęściej używany jest protokół HTTP (Hypertext Transfer Protocol).

Druga część adresu URL to nazwa domeny, adres, który pozwala użytkownikom znaleźć witrynę w Internecie. Jeśli masz witrynę składającą się z wielu stron, www.mysite.com będzie adresem strony głównej. Wszystkie inne sekcje i podsekcje zostaną dodane do tego adresu za pomocą ukośnika.

Jeśli masz jednostronicową witrynę - na przykład stronę docelową zawierającą sekcje - lepiej jest używać linków kotwicy z wyraźnymi nazwami, takimi jak #about lub #contacts, ponieważ są one również wyświetlane na pasku adresu.

W Tilda możesz zmodyfikować adres URL strony w Ustawieniach strony. Jeśli chcesz użyć więcej niż jednego słowa w adresie strony, oddziel słowa myślnikiem "-". Na przykład, /about-us.

Okruszki zwykle znajdują się na górze strony i wizualizują ścieżkę od strony głównej do innych sekcji witryny. Każdy element (węzeł) w łańcuchu nawigacyjnym jest klikalną poprzednią sekcją.

Jeśli użytkownik dotrze do końca łańcucha, może użyć bułki tartej, aby wrócić bezpośrednio do strony głównej lub dowolnej innej sekcji za pomocą jednego kliknięcia. Jeśli odwiedzający wyląduje w określonej sekcji witryny (omijając stronę główną), może szybko zrozumieć jej strukturę, patrząc na bułkę tartą.

Breadcrumbs są najczęściej używane w dużych witrynach internetowych o złożonej strukturze i wielu stronach. Na przykład w sklepach internetowych, które oferują wiele kategorii produktów.

Aby stworzyć nawigację okruszkową na Tildzie, możesz po prostu dodać do swojej strony dedykowany blok z kategorii "Menu" - ME605 "Bread crumbs". Umieść go bezpośrednio pod okładką strony, a następnie określ nazwę każdego elementu (węzła) i dodaj odpowiedni link. Możesz powielać blok z jednej strony na drugą, dodając węzły jeden po drugim, aby utworzyć ścieżki okruszków chleba.