Czy pasek boczny jest bliski wyginięcia?

Tworząc nową stronę internetową, zawsze napotkasz liczne przeszkody związane z układem i funkcjonalnością. Jednym z nich jest umieszczenie (lub nie) niesławnego paska bocznego.

Najczęstszym miejscem, w którym można znaleźć pasek boczny, jest obecnie blog. Albo na stronie internetowej opartej na blogu, albo w sekcji blogów na firmowej stronie internetowej. Strony docelowe i strony serwisowe prawie nigdy nie mają pasków bocznych; w rzeczywistości dość rzadko można znaleźć witrynę firmową z paskiem bocznym.

Czy pasek boczny jest na najlepszej drodze do wyginięcia?

Przyjrzyjmy się, dlaczego pasek boczny traci popularność w niektórych kręgach, podczas gdy wciąż żyje, a kopie w innych!

Tworzenie strony internetowej i wybieranie układów

Na początku 2000 roku dość powszechne było posiadanie strony internetowej z paskiem bocznym z każdej strony i treścią na środku. Oba paski boczne byłyby pełne reklam, ofert i innych rozpraszających uwagę grafik lub migających gifów. Trudno było skupić się na właściwej treści. Ale z biegiem czasu paski boczne zyskały złą reputację i ludzie zaczęli cierpieć na ślepotę paska bocznego.

Zwykły układ z dwoma paskami bocznymi został przeniesiony na pasek boczny po prawej stronie, a stamtąd w ogóle na pasek boczny. Najnowsze szablony WordPress nie mają teraz paska bocznego ani opcji bez paska bocznego.

Niektórzy twierdzą, że posiadanie paska bocznego jest świetne dla kliknięć, nawigacji i wygody użytkownika, podczas gdy inni twierdzą, że pasek boczny to prawie martwa przestrzeń.

Wraz ze wzrostem wykorzystania urządzeń mobilnych należy również pamiętać, że na małych urządzeniach pasek boczny zwykle pojawia się tylko na samym dole głównej treści.

Skąd więc wiesz, czy Twoja witryna potrzebuje paska bocznego (lub dwóch)?

Przechodząc do sedna strony internetowej, wszystko zależy od wrażeń użytkownika. Jeśli pasek boczny pomoże odwiedzającym poruszać się po witrynie w łatwy i nie wprowadzający w błąd sposób, dodaj go. Jeśli masz inne kreatywne sposoby na płynną nawigację, porzuć pasek boczny.

Najczęstszym rozwiązaniem jest posiadanie strony głównej lub landing page bez paska bocznego, a następnie paska bocznego w sekcji bloga. To, co umieścisz na pasku bocznym, będzie zależeć od konkretnej witryny, ale najważniejsze są:

• Opcja subskrypcji
• Powiązane posty
• Zgody
• Biografia autora
• Reklamy

Liczba reklam na pasku bocznym decyduje o tym, co zrobi lub zepsuje wrażenia. Jeśli wszystko jest pełne reklam, zostanie natychmiast zignorowane (lub przynajmniej skrzywione). Jeśli zawartość paska bocznego jest naprawdę dobra, jedna lub dwie reklamy nie będą problemem. Dodatkowe punkty, jeśli reklama dobrze pasuje wizualnie do reszty projektu!

Spójrzmy na kilka przykładów układów, więc następnym razem, gdy będziesz musiał przekroczyć przeszkodę na pasku bocznym, będziesz lepiej poinformowany i, miejmy nadzieję, bardziej zainspirowany!

Ewolucja od trzech kolumn do dwóch pasków bocznych iz powrotem

Wspomnieliśmy wcześniej, że układy stron internetowych z dwoma paskami bocznymi należą w większości do przeszłości. Nie wspomnieliśmy, że ten typ układu był tylko rozszerzeniem dobrze znanego układu „Trzy kolumny”. Oznacza to, że nadal istnieją strony internetowe korzystające z dwóch pasków bocznych i zabijające je w trakcie.

Różnicę między dwoma paskami bocznymi a trzema kolumnami można wywnioskować z samych nazw. Dwa paski boczne oznaczają, że istnieje jeden główny obszar zawartości i dwa paski towarzyszące. Układ z trzema kolumnami jest raczej mechanizmem projektowym służącym do organizowania treści. Nadal istnieje hierarchia, ale jest ona używana w sposób, który ma większy sens niż tylko dodatkowa zawartość na uboczu. Trzykolumnowy układ świetnie nadaje się do czasopism internetowych, takich jak magazyny lub duże blogi.

Zajrzyj na stronę Grain Edit. Mają układ z trzema kolumnami, który jest zasadniczo układem z dwoma paskami bocznymi, ale dobrze zrobiony. Główna zawartość znajduje się po lewej stronie, a dwa paski boczne po prawej. Te paski boczne nie zmieniają się w całej witrynie, zmienia się tylko zawartość po lewej stronie.

To, co działa tak dobrze na tych dwóch paskach bocznych, to to, że nie są one inwazyjne (ze względu na układ strony w ramkach) i jest tak dużo pustej przestrzeni po obu stronach. Puste miejsce po lewej stronie pomaga czytelnikowi pozostać na właściwej drodze podczas czytania tekstu bez rozpraszania uwagi na linii wzroku.

Innym doskonałym przykładem dobrze zaprojektowanego układu z trzema kolumnami jest witryna Mashable. Ich strona główna ma trzy sekcje: „Co nowego”, „Co rośnie” i „Co jest na topie”. Kolumny są dobrze zorganizowane, a zawartość ma różne rozmiary, od najmniejszych po lewej stronie do największych po prawej stronie.

W przypadku strony głównej Mashable prawie w ogóle nie można nazwać żadnego z nich paskiem bocznym! Wszystkie trzy kolumny są pełne świetnych treści. Po kliknięciu dowolnego artykułu układ zmienia się na klasyczną treść główną po lewej stronie i pasek boczny po prawej stronie.

Właściwie jest to układ koncepcyjny. Gdy treść jest nowa, trafia do lewej kolumny. Jeśli zaczyna się trendować, przesuwa się do środkowej kolumny. A jeśli stanie się wirusowy, trafia do największej kolumny po prawej stronie.

Klasyczny układ bloga nadal króluje, ale w jakim stopniu?

Układ bloga, do którego wszyscy jesteśmy przyzwyczajeni, to ten z treścią po lewej stronie i paskiem bocznym po prawej. Niektóre blogi radzą sobie z tym dobrze, podczas gdy inne nadal polegają na miejscu na pasku bocznym do umieszczania wszystkich reklam, które mogą się zmieścić. jesteśmy pewni, że widziałeś je w pobliżu.

Nowi blogerzy, którzy chcą zarabiać na swoich blogach, zwykle wypełniają pasek boczny różnymi rzeczami, znacznie bardziej niż to, co jest potrzebne do dobrego doświadczenia użytkownika.

Spójrz na ten blog, ThinkSEM, ma minimalny pasek boczny z tylko dwiema sekcjami zawierającymi cztery proste rzeczy: kategorie, archiwa, pole subskrypcji i ofertę ich usług. Otóż ​​to. Gdy tylko przewiniesz obok tych pól, wszystko zależy od treści artykułu.

„Brak ruchu paska bocznego” i sposoby obejścia go

Kilka lat temu twórca stron internetowych i bloger, Brian Gardner, zapoczątkował minimalistyczny ruch o nazwie The No Sidebar Movement. Nie był pierwszym, który stworzył blogi i strony internetowe bez paska bocznego, ale był pierwszym, który naprawdę powiedział, jak to zrobić dobrze. Jego manifest dotyczy życia w stylu minimalistycznym, bez zbędnych rozpraszaczy. Zwizualizował ten sposób życia, pozbywając się paska bocznego.

Jego blog i społeczność, No Sidebar, rozrosły się wykładniczo w ciągu ostatnich kilku lat. Brian i jego zespół inspirują minimalistyczny styl życia, a także nową generację blogerów bez paska bocznego. Następnie stworzył własny szablon WordPress bez paska bocznego, dostępny dla każdego, kto chce stworzyć funkcjonalnego i pięknego bloga bez paska bocznego.

Blog No Sidebar jest najlepszym przykładem tego, jak nie mieć paska bocznego. Po obu stronach treści nie ma dosłownie nic, nawet przycisków udostępniania w mediach społecznościowych. Ale nie wszystkie blogi mogą być tak ekstremalne, nawet bez paska bocznego.

Jak więc udaje ci się mieć bloga bez paska bocznego, a jednocześnie umieszczać ważne informacje na stronie? Jednym z najlepszych przykładów jest układ Medium. Wewnątrz artykułów nie ma prawdziwego paska bocznego; tylko malutka sekcja na oklaski i udostępnienia. Wiele blogów, które zrezygnowały z paska bocznego, ma taki układ: treść na środku i przyciski udostępniania z boku. Czasami mają mały wizerunek autora.

Paski boczne, konwersje i testy A/B

Jeśli nadal wahasz się, czy zachować lub usunąć pasek boczny, prawdopodobnie martwisz się kliknięciami. Być może wiele konwersji pochodzi z ofert na pasku bocznym. Brian Harris z firmy Video Fruit przeprowadził testy A/B na swojej stronie, aby sprawdzić, czy było więcej kliknięć z paskiem bocznym czy bez niego. Wyniki były pozytywne dla wersji bez paska bocznego. Na dobre pozbył się paska bocznego na swoim blogu.

Neil Patel z Crazy Egg jest cheerleaderką paska bocznego, ale używa go tylko na swoim własnym blogu Neila Patel. Blog Crazy Egg nie ma takiego. Prawdopodobnie stale przeprowadza testy A/B na swoich paskach bocznych.

Testy A/B polegają na utworzeniu testu dla dwóch różnych rzeczy w witrynie. Niektóre motywy WordPress, takie jak DIVI, pozwolą ci to zrobić. W przypadku innych motywów może być konieczne zajrzenie do zaplecza w celu znalezienia rozwiązania. Ten artykuł z Crazy Egg może być w stanie pomóc.

Wniosek

Więc co o tym myślisz? Czy pasek boczny jest na drodze do wyginięcia? Nie sądzimy, ale prawdą jest, że coraz więcej osób znajdzie sposób na pozbycie się go na swoich stronach, podczas gdy inni będą je wypełniać reklamami.

Wybór paska bocznego dotyczącego Twojej własnej witryny lub witryny Twojego klienta tak naprawdę zależy od ich stylu wizualnego i przekazu marki. Teraz, gdy przyjrzałeś się różnym opcjom, podjęcie decyzji w przyszłości może być łatwiejsze.