top of page

Why use a frozen (sticky) header on my website?

Apr 15, 2020
2 min read

Updated: Jun 13, 2022

If you are looking for an optimal user experience on your website a frozen header works well...



People have short attentions spans as it is. We have been conditioned as web surfers to want things faster which may compromise our attention span even more. In order to find balance we at Blackthorn Publishing feel like a "department store" and "your website" should have a similar format. Here are a few reasons to "freeze your header"


* Keep in mind your header should never over power you web content or HERO image on your home page...


VERY SHORT LIST OF WHY FROZEN (STICKY) HEADERS ARE A GOOD THING !!


1. KEEPS OPTIONS AVAILABLE

If your wandering through a big name store in the electronics department and are thinking about buying shoes what would you do? (MULTIPLE CHOICE)

A. You can wander around aimlessly and hope you find the shoe department.

B. You can ask for directions and we know people simply do not like to ask for help

C. You can look up at the signs pointing to the departments available?

The obvious answer is "C".


IS there a chance that if you cannot find the shoe department right away you may leave the store? YES YES and YES!!


ITS THE SAME WITH WEBSITE NAVIGATION.

IF your on the home page of a website and scroll down and while looking at the site in some cases you may feel like you haven`t found what your looking for. What are the chances that you will scroll back up and take a look at the navigation menu. YOU WOULD BE SURPRISED AT HOW FEW.

Most people would leave the site right away. If you want to keep people on your site you should have a FROZEN HEADER.



2. A FROZEN HEADER GETS PEOPLE TO WHERE THEY WANT MUCH FASTER.

The normal behavior of someone on a website is as follows... They look at the homepage, scroll down a bit a make sure they are in the right place, they click something or they leave. Its that simple...

It only makes sense to have the option to view other areas or departments of your business readily available to them. This helps in increasing conversions and engagement. Your homepage may have a sale of a picture of something electronic but if i came for shoes I would hope to see a link to get me to the place where I can view what I want. Otherwise I am leaving!!!



3. BRAND BUILDING:

As well as providing advantages like quick and easy navigation, fixed headers also have brand building benefits. A website’s header will usually include their brand name and logo, so if you were to fix the header to the top of the screen, this would keep the branding of your website at the front and center of your users’ attention at all times. The more users see your branding (whether they are consciously looking at it or not) the more likely they are to remember it and recognize it in the future.



173 Comments


michaeladams254
3 days ago

Một sticky header rõ ràng có thể giúp người đọc luôn biết mình đang ở đâu, nhất là khi bài viết có nhiều mục hoặc các liên kết điều hướng dài. Tôi thấy điểm đáng chú ý là tác giả không đồng nhất “cố định” với “tốt cho mọi trường hợp”. Điều đó khá thực tế, vì thanh điều hướng chiếm không gian và có thể che mất nội dung trên màn hình nhỏ. Khi nghĩ đến các trang giải trí trực tuyến, tôi cũng từng nghe nhắc đến 77win trong những cuộc trò chuyện về giao diện website. Tuy vậy, điều tôi quan tâm nhất vẫn là khả năng giữ thanh điều hướng ổn định mà không làm giảm sự…

Like

jameshill498
3 days ago

Bài giải thích sticky header khá dễ hiểu, nhất là đoạn nói về việc giữ thanh điều hướng luôn hiện hữu. Mình từng vào một trang bán quần áo và mãi không tìm ra chỗ quay lại đầu trang, cuối cùng đành kéo chuột lên từng đoạn. Hôm qua ngồi nói chuyện với anh hàng xóm về mấy giao diện anh ấy thấy khó dùng, có nhắc qua 123b khi lấy ví dụ về trang nhiều mục, nhưng mình chưa tự mình xem xét chi tiết nào. Cách bài nhắc tới bố cục và trải nghiệm đọc làm mình muốn soát lại trang mình đang làm.

Like

nancyperez1680
3 days ago

Dobrze zaprojektowana edukacja zdalna może być równie skuteczna jak tradycyjna nauka, pod warunkiem że materiały są odpowiednio uporządkowane i angażujące. Krótkie lekcje, ćwiczenia, testy oraz materiały dodatkowe pomagają utrzymać regularność nauki. Ważne jest również umożliwienie uczniom samodzielnego kontrolowania postępów. Strona poświęcona metodom nauki online mogłaby być pomocna zarówno dla uczniów, jak i nauczycieli przygotowujących własne kursy.

Like

Współczesne technologie informatyczne rozwijają się bardzo szybko, dlatego materiały edukacyjne powinny koncentrować się nie tylko na konkretnych narzędziach, ale także na podstawowych zasadach działania systemów. Artykuły o programowaniu, sieciach, bazach danych, bezpieczeństwie oraz chmurze mogą tworzyć solidną bazę wiedzy. Szczególnie wartościowe są poradniki zawierające praktyczne przykłady, dzięki którym czytelnik może samodzielnie przetestować omawiane rozwiązania.

Like

Profesjonalne szkolenie pilotów wymaga połączenia wiedzy teoretycznej, praktyki oraz bardzo dobrego przygotowania do sytuacji nietypowych. Materiały edukacyjne dotyczące aerodynamiki, meteorologii, nawigacji oraz procedur lotniczych mogą być interesujące również dla osób, które dopiero rozważają rozpoczęcie nauki. Warto byłoby stworzyć przejrzystą bazę wiedzy przedstawiającą kolejne etapy szkolenia, wymagania oraz podstawowe pojęcia związane z lotnictwem cywilnym.

Like
bottom of page