Najlepszy układ strony głównej dla witryny lub bloga opartego na informacjach

Twoja strona główna powinna być przyjazną matą dla całej witryny. Sam jego projekt powinien dać znać ludziom, czym się zajmujesz i co dostarczysz. Powinna nadawać ton każdej kolejnej stronie i kojarzyć się z poziomem profesjonalizmu współmiernym do treści, które oferujesz. Przejrzysty układ jest niezbędny dla prawie każdej strony głównej, a każda witryna powinna być łatwa w nawigacji, ale istnieją konkretne koncepcje projektowe, które mają zastosowanie do określonych typów witryn.

Witryny informacyjne, te, które dostarczają informacji lub przyjmują bardziej edukacyjne podejście do tego, co oferują światu, muszą być zaprojektowane w sposób, który wzbudza zaufanie. Osoby, które odwiedzają witrynę w poszukiwaniu informacji, powinny mieć wrażenie, że praca jest profesjonalna, dokładna i godna zaufania. Postrzeganie zaczyna się od projektu, dlatego w kilku następnych rozdziałach omówiono układ strony internetowej opartej na informacjach.

Biała przestrzeń

Ważniejsza od samej treści, a przynajmniej równie ważna, jest zbyt często zapominana biała przestrzeń. Uważne planowanie pustych przestrzeni otaczających Twoje treści umożliwia odwiedzającym przetrawienie i zrozumienie informacji w łatwych do opanowania porcjach. Dobrze umieszczona biała przestrzeń może poprawić zrozumienie i zwiększyć „lepkość” materiału prezentu.

Zacznij optymalizować białe miejsca, patrząc najpierw na akapity i ich nagłówki. W razie potrzeby manipuluj marginesami, aby wyróżnić te kotwice. Aby naprawdę przyciągnąć uwagę czytelnika, zastosuj odstępy pod głównymi elementami tekstu, aby były łatwe do odczytania podczas przewijania. Musisz myśleć o białej przestrzeni jako aktywnej części witryny i składniku, który ułatwia czytelnikom czerpanie przyjemności z tego, co im prezentujesz.

Rozważ umieszczenie obrazu

Obrazy i wideo są niemal koniecznością dla każdej witryny internetowej, nawet takiej, która przede wszystkim przedstawia materiał w postaci tekstu. Przynajmniej Twoja witryna powinna mieć logo i kilka ilustracji. Należy je umieścić przed umieszczeniem jakichkolwiek informacji, aby można było zrozumieć, w jaki sposób zamierzasz je obejść. Obrazy powinny być używane do przyciągnięcia uwagi, aby odwiedzający mogli przeczytać, co je otacza. Pomyśl o nich jako o wizualnych magnesach, które przyciągają wzrok, a następnie umieszczają najważniejsze, atrakcyjne treści wokół obrazów w sposób, który trudno przeoczyć. Zrób to dobrze, a czytelnicy wciągną się w Twoje treści.

Brak suwaków

Suwaki były fajne przez krótki czas, ale nigdy nie były dobre dla witryn opartych na informacjach. Teraz projekt odchodzi od suwaków prawie całkowicie, ponieważ są one nieefektywne. Okazuje się, że suwaki rozpraszają uwagę i mogą w rzeczywistości wprowadzać w błąd użytkowników, prezentując mniej ważne informacje w sposób trudny do skonsumowania. W rzeczywistości badania sugerują, że suwaki mogą obniżać współczynniki konwersji. Nawet kształt suwaka może zaszkodzić Twojej witrynie w wyniku czegoś, co nazywa się „ślepotą na banery”. Ślepota banerowa odnosi się do faktu, że użytkownicy zwykle ignorują wszystko w kształcie banera, automatycznie, ponieważ kojarzą kształt z reklamami. Oznacza to, że suwaki są bezużyteczne i zajmują miejsce, które można wykorzystać do tysiąca innych rzeczy.

Wzrost popularności przeglądania mobilnego zepchnął również banery na śmietnik Internetu. Biorąc pod uwagę, że 55% korzystania z Internetu odbywa się z urządzeń mobilnych (liczba, która ma wzrosnąć), nie ma sensu marnować miejsca na widżety, które nie wyglądają dobrze i często w ogóle nie działają na urządzeniach mobilnych . Kiedy dodasz ten fakt do powyższych wyników badań dotyczących preferencji i weźmiesz pod uwagę ranking wyszukiwania uszkodzeń suwaków, staje się całkowicie jasne, że suwaki są nie do odejścia.

Użyj rozwijanych menu

Rozwijane menu mogą zaszkodzić SEO, więc nie są odpowiednie dla każdej witryny. To powiedziawszy, rozwijane menu mogą naprawdę pomóc w oczyszczeniu witryny i uporządkowaniu jej, gdy zawiera dużo informacji. Będziesz musiał dokonać oceny, jeśli chodzi o korzystanie z menu rozwijanych, ale pamiętaj, że są one wygodne, poręczne i intuicyjne dla wielu użytkowników. Te rozwijane menu CSS są możliwe, JavaScript (poprzez jQuery, MooTools itp.) jest nadal najlepszym sposobem.

Widoki treści

Pomyśl o widokach zawartości jako oknach do informacji, które chcesz zaprezentować. Musisz zaplanować te okna, ponieważ to, jak jasne są, jak duże są i jak działają, będzie miało wpływ na to, jak łatwy jest dostęp do Twoich treści. W niektórych przypadkach wyświetlenia mogą zajmować całą stronę, a w innych mogą po prostu zajmować niewielką część strony. Zaplanuj widoki, aby wyświetlać treści w jak najlepszym świetle.

Planując widoki, pamiętaj o urządzeniach mobilnych. Jeśli masz oddzielną witrynę mobilną, zoptymalizuj ją pod kątem małych ekranów dostępnych na większości urządzeń. Jeśli nie masz mobilnej wersji swojej witryny, rozważ rozbudowę. Nie ma dobrego sposobu na wyświetlenie pełnowymiarowej strony internetowej na urządzeniu mobilnym, a użytkownicy nie będą tolerować prób.

Łatwość nawigacji

Jeśli informacje w Twojej witrynie nie są łatwe do znalezienia, możesz być pewien, że ludzie nie będą ich szukać. Musisz sprawić, by wszystko było dostępne, a to oznacza spędzanie dużej ilości czasu na nawigacji w witrynie. Im więcej masz treści, tym bardziej niezawodna, przejrzysta i nadmiarowa musi być Twoja nawigacja. Na przykład, jeśli masz sześć lub siedem poziomów informacji, ale nawigacja pozwala tylko na proste ruchy w przód i w tył, użytkownicy mogą potrzebować kliknąć wstecz „w górę” przez kilka poziomów, zanim będą mogli kliknąć z powrotem „w dół” do szukanych informacji dla. Taka nawigacja jest uciążliwa. Przynajmniej zapewnij użytkownikom nawigację ściśle powiązaną z logiczną strukturą folderów. Następnie mogą śledzić, gdzie się znajdują i skakać w razie potrzeby.

Dolna linia

Im więcej informacji umieszczasz w swojej witrynie, tym więcej musisz w nią włożyć planowania. Zacznij od zaprojektowania większych aspektów swojej witryny na papierze lub tablicy i unikaj siadania do kodowania, dopóki nie będziesz mieć solidnego planu głównego. Podczas kodowania łatwo jest ugrzęznąć w szczegółach dotyczących koloru łącza lub obramowania obrazu i zapomnieć o ogólnym projekcie witryny. Mówiąc najprościej, potrzebujesz planu, do którego możesz się odwoływać podczas tworzenia strony głównej, aby projekt pozostał łatwy w zarządzaniu i był atrakcyjny dla użytkowników.