Stwórz ładny projekt strony głównej: przewodnik w 10 krokach

Strony główne są cechą charakterystyczną każdej witryny; ich potencjał wywierania wrażenia na rynku docelowym jest nieograniczony. Niezależnie od tego, czy ma być kusząca i zachęcająca, czy też bezpośrednia, strona główna musi dostarczać.

Wyzwania pojawiają się, gdy zaczniesz myśleć o różnych sposobach ich zaprojektowania. Skąd możesz wiedzieć, który styl będzie najlepiej pasował do Twojej marki? Oto nasz kompletny podział projektu strony głównej.

Zasada 10 sekund

Strona główna to pierwsze wrażenie witryny. To jak wstęp do piosenki, pierwsza strona powieści lub pierwszy odcinek serialu. Szczerze mówiąc, jeśli to nie przyciąga uwagi odbiorców, nie ma znaczenia, czy reszta jest dobra. Możesz uważać, że reszta witryny jest znakomita i możesz mieć rację. Ale bez angażującego projektu strony głównej większość odbiorców nie będzie dalej szukać.

Możesz być skłonny po prostu upiększyć swoją stronę główną do nieba. (Zdecydowanie jestem tego winny.) Możesz być zaskoczony, gdy dowiesz się, że projektowanie strony głównej to coś więcej niż tylko estetyka. Chodzi o łączenie wyglądu ze wszystkim innym w swoim zestawie narzędzi, aby utrzymać uwagę widza.

Wprowadź regułę 10 sekund. Zasada 10 sekund opiera się na badaniu przeprowadzonym przez Chao Liu. I nie, nie chodzi o jedzenie jedzenia z podłogi (niestety).

Liu wykrył, że strony domowe mają 10-sekundowe okno na nawiązanie połączenia. Jeśli się powiedzie, ten krótki okres podświadomie przekona czytelnika do pozostania na stronie. Jeśli się nie powiedzie, użytkownik odejdzie, gdy tylko przyjdzie. Zwykle to drugie; albo strona główna jest nudna, niedostępna, apodyktyczna, albo po prostu nie jest tym, czego szuka użytkownik. Twoim celem jako właściciela jest stworzenie jednej z niewielu stron głównych, na których pozostaną ludzie.

Tak więc, na cześć zasady 10 sekund, czuję się zobowiązany do udzielenia Ci 10 przydatnych wskazówek, jak stworzyć stronę główną. Pamiętaj, że nie tylko stronę główną, ale stronę główną, która przyniesie trwały ruch.

10. Przekaż podstawy

Pomyśl o każdej witrynie, którą regularnie odwiedzasz. Czy poświęciłeś dużo czasu na sprawdzanie każdego najmniejszego fragmentu strony głównej, zanim zdecydowałeś się zostać? Czy początkowo planowałeś odwiedzać tę stronę? A może po prostu kliknąłeś link, przeskanowałeś stronę główną i zdecydowałeś, że ta witryna jest tym, czego szukasz?

90% osób, które po raz pierwszy natkną się na Twoją stronę główną, czegoś szuka. Zwykle coś konkretnego. Albo polecił im Twoją witrynę przez znajomego, kliknął jedną z Twoich reklam, albo wpisał słowo kluczowe w Google. Niezależnie od tego, większość użytkowników po raz pierwszy wchodzi w interakcję ze stroną główną jako środkiem do celu.

Dlatego chcesz mieć pewność, że użytkownik od razu dokładnie wie, co oferuje Twoja witryna. Kim jesteś i co robisz, powinno być głównym tematem rozmowy.

9. Pomyśl o gościu przede wszystkim

Pierwszą rzeczą, którą musisz wiedzieć o swoich potencjalnych odbiorcach, jest to, że ludzie są samolubni. To może zabrzmieć trochę szorstko, ale to prawda. Odwiedzając stronę główną, ludzie na ogół nie dbają o Twoją firmę ani o to, jak powstała. Dbają o to, co może im zapewnić Twoja witryna. Niezależnie od tego, czy sprzedajesz im rzeczy, dostarczasz zasoby, czy oferujesz usługę, ludzie chcą poznać korzyści.

Pomyśl o tych przekonujących esejach, które napisałeś w liceum. Jedynym celem było przekonanie czytelnika do czegoś ważnego. Taki jest cel Twojej strony głównej – przekonanie ich, krótkimi słowami lub frazami, że powinni zajrzeć do reszty Twojej witryny.

Na początek chcesz zebrać informacje o tym, co chcieliby zobaczyć Twoi goście. Pomyśl, jakich ludzi przyciągną Twoje linki lub reklamy. Być może masz już ludzi śledzących Twoją markę w mediach społecznościowych. Upewnij się, że monitorujesz ich zainteresowania, potrzeby i zachowanie.

Ponadto zastanów się, kogo chcesz, aby Twoja strona internetowa przyciągała w przyszłości. Na przykład strona główna skierowana do kobiet w średnim wieku wyglądałaby zupełnie inaczej niż strona skierowana do nastoletnich chłopców. Twój schemat kolorów, układ i obrazy mogą w dużej mierze zależeć od docelowej grupy demograficznej.

Teraz, gdy już wiesz, kim są Twoi potencjalni goście, nadszedł czas, aby ich zaspokoić. Powstrzymaj się od mówienia o sobie jako o marce lub firmie. Pamiętaj, ludzie troszczą się o Ciebie tylko wtedy, gdy wiedzą, co możesz im zapewnić. Poinformuj, jaką wartość posiada Twoja firma. Bądź szybki i prosty. Hasła i kalambury mogą pomóc, ale nie są konieczne. Naprawdę ważna jest czytelność.

Poprawna gramatyka i pełne zdania nie zawsze są konieczne. W rzeczywistości może czasami zabrać ze strony głównej. Pomyśl o tym, jak ludzie wchodzą ze sobą w interakcję w prawdziwym świecie. Nie używają długich zdań z rozbudowanym słownictwem. Nie, chyba że są przesłuchiwani lub w środku gorącej debaty.

Ogólnie rzecz biorąc, ludzie doceniają pisanie, z którym można się utożsamiać. Krótkie, niepełne zdania są w porządku, o ile są zrozumiałe.

8. Wybierz swój układ

Oczywiście projektowanie strony głównej to nie tylko słowa, których używasz. Jako właściciel witryny musisz także uporządkować swoją stronę główną w sposób, który jest łatwy do znalezienia i nauczenia.

Co to dokładnie oznacza?

• Findability opisuje, jak łatwo użytkownicy mogą znaleźć coś w Twojej witrynie.
• Umiejętność uczenia się to szybkość, z jaką użytkownik może dowiedzieć się, jak poruszać się po witrynie.

Projektowanie interfejsu użytkownika odgrywa ogromną rolę w osiąganiu zarówno łatwości uczenia się, jak i znajdowania. Oto kilka ogólnych wskazówek, których należy przestrzegać podczas tworzenia interfejsu użytkownika:

• Upewnij się, że główne strony Twojej witryny są wymienione bezpośrednio na Twojej stronie głównej.
• Rozważ dodanie paska wyszukiwania, aby użytkownicy mogli łatwo przejść do dowolnej strony, której szukają.
• Jeśli masz ogłoszenie o wyprzedaży lub inne ogłoszenie, które chcesz promować, umieść je na pierwszej stronie swojej strony głównej.

Najważniejszą rzeczą do zapamiętania jest to, że oryginalność nie zawsze jest korzyścią. Jako nowy projektant stron internetowych możesz odczuwać potrzebę uczynienia swojego interfejsu użytkownika wyjątkowym i złożonym, aby wyróżnić się na tle konkurencji. Oryginalność jest świetna, ale całkowicie obcy layout z pewnością zdezorientuje ludzi. Tak więc radzę używać go oszczędnie.

W przypadku projektu strony głównej można powiedzieć, że często lepiej jest, aby była nieoryginalna. O ile Twoi użytkownicy nigdy wcześniej nie odwiedzali witryny, łatwiej będzie im poruszać się po układzie zgodnym z podstawowymi standardami, do których są przyzwyczajeni.

Oto przykład tego, o czym mówię:

Chociaż osobiście uwielbiam ten układ, musisz przyznać, że nowym użytkownikom będzie trudno się poruszać. Być może celem tej witryny jest zdezorientowanie użytkowników, a także zwiększenie mocy dla nich.

Ale jeśli Twoim celem jest zapewnienie łatwości wyszukiwania i uczenia się, lepiej wybrać taki układ:

7. Pomyśl o swojej typografii

Strona główna nie jest stroną główną bez tekstu. W ten sposób strona internetowa komunikuje się z odwiedzającym, a bez niej trudno byłoby znaleźć działającą witrynę.

Tworząc po raz pierwszy stronę internetową, możesz mieć skłonność do używania najwymyślniejszych czcionek o najjaśniejszych kolorach. Kiedy byłem dzieckiem, lubiłem wchodzić na wix.com, aby stworzyć stronę główną wypełnioną wszystkimi dostępnymi wymyślnymi skryptami kursywy. Oto rzecz: nikt nie chce, aby ich witryna wyglądała tak, jakby została zaprojektowana przez dziecko. Jeśli przesadzisz z typografią, dokładnie tak pomyślą użytkownicy.

Strategiczna typografia ma kluczowe znaczenie dla utrzymania ludzi na Twojej stronie głównej. Nie tylko dostarcza użytkownikom informacji, ale jest rozszerzeniem całej Twojej marki. Ogólnie rzecz biorąc, najlepiej jest używać czcionek, które są proste i/lub mają różną wagę. Arial jest tego doskonałym przykładem. Jest to nie tylko bezpieczna, dobrze znana czcionka, ale jest również dostępna w wersjach Arial Bold i Arial Black.

Teraz możesz się zastanawiać: „A co, jeśli nie chcę być bezpieczny?” Być może chcesz, aby typografia Twojej witryny była złożona lub niepowtarzalna, a jednocześnie wyglądała profesjonalnie. Cóż, mam dla ciebie dobrą wiadomość: to całkowicie możliwe. Będzie to jednak wymagało znacznie większej strategii.

Radzę wybrać dwie lub trzy czcionki, które możesz mieszać i dopasowywać w całej witrynie. Jeśli chcesz bardziej abstrakcyjną lub odważną czcionkę, użyj jej do nagłówków i połącz ją z bardziej stonowaną. Ogólnie rzecz biorąc, chodzi o tworzenie hierarchii i łączenie elementów, które się uzupełniają.

Polecam przeczytanie tego artykułu na temat technicznych aspektów parowania czcionek.

6. Pomyśl o swoich wyobrażeniach

Zdjęcia mają kluczowe znaczenie podczas projektowania strony głównej. Podobnie jak typografia, strona główna nie jest stroną główną bez żadnych elementów wizualnych. Zdjęcia wpływają na ogólne wyczucie i oczekiwania użytkownika dotyczące Twojej witryny. To jak okładka bestsellerowej powieści; może być tak samo ważny jak sam tytuł.

Mogę się założyć, że większość ludzi przyciąga bardziej obrazy niż słowa. Powodem, dla którego w ogóle piszemy słowa, jest to, że uwielbiamy komunikować się za pomocą rysunków. Tak więc, aby nadać ton swojej witrynie, musisz mieć obrazy, które odpowiadają wszelkim odczuciom, które chcesz wywołać.

Upewnij się, że każdy obraz jest wysokiej jakości. Rozsądne jest również optymalizowanie obrazów w taki sposób, aby można je było łatwo ładować. Użytkownicy online mają bardzo mało cierpliwości i odejdą, jeśli zdjęcia będą wyświetlane zbyt długo.

5. Pomyśl o kompozycji

W przypadku projektu strony głównej kompozycja odnosi się do płynnego połączenia obrazów i typografii. Krótko mówiąc, chcesz się upewnić, że wybrana typografia pasuje do wybranych zdjęć. To dość trudne do zbalansowania, zwłaszcza że kompozycja jest nieco subiektywna.

Ogólnie rzecz biorąc, chcesz, aby kompozycja zachęcała ludzi do interakcji. Twoja strona główna powinna być zaprojektowana tak, aby ludzie przewijali w dół, wchodzili w interakcję z paskiem menu lub klikali określone linki.

Zwróć uwagę na przeznaczenie tych funkcji strony głównej. Zdjęcia i tekst powinny mieć takie same cele. Na przykład wiele stron internetowych używa zdjęć, aby opowiedzieć historię. Odpowiednia typografia pomaga przekazać punkt podczas przesuwania historii.

Marki luksusowe wykonują bardzo dobrą robotę. Oferując produkty na swojej stronie głównej, wyświetlają wysokiej jakości obrazy z tekstem szczegółowo opisującym to, na co patrzy widz.

4. Pomyśl o kolorze

Tak, nawet kolor jest czynnikiem, o którym warto mówić. Przede wszystkim kolor odgrywa rolę w zapewnieniu czytelności typografii. Na przykład żółty tekst z białym tłem jest nie do przyjęcia. To samo dotyczy czarnego tekstu na granatowym tle. Niewystarczający kontrast jest częstym, ale szkodliwym błędem przy projektowaniu strony głównej. Konieczność zmrużenia oczu, aby przeczytać tekst, jest natychmiastowym rozwiązaniem dla większości użytkowników.

Oczywiście nie wszystko dotyczy funkcji. Kolorystyka odgrywa ważną rolę w tworzeniu atrakcyjnej estetyki. Niektóre kombinacje kolorów przyciągną ludzkie oko, podczas gdy inne spowodują, że ludzie wewnętrznie się skurczą. Jest powód, dla którego nie zobaczysz wielu witryn składających się z zielonego tekstu i pomarańczowego tła. (Fuj!)

Podczas gdy zderzające się kolory mogą przyciągnąć wzrok widza, najlepiej jest użyć trochę teorii kolorów podczas projektowania strony głównej. Dzięki internetowi istnieje wiele zasobów, które pomogą Ci się z tym uporać.

3. Rozważ platformę użytkowników

Ludzie nie tylko zobaczą Twoją witrynę na zwykłym pulpicie. W wielu przypadkach zyskasz odwiedzających, którzy przeglądają Twoją stronę główną na urządzeniu mobilnym. Ludzie mają iPhone'y, tablety, konsole i dowolną liczbę innych inteligentnych urządzeń. Od Ciebie zależy, czy chcesz zoptymalizować swoją witrynę pod kątem tych produktów. (Odpowiedź brzmi: tak. Ty.)

Rozważając platformę, pamiętaj, że wiele urządzeń mobilnych jest mniejszych niż przeciętny laptop. Smartfony i tablety mają różne rozdzielczości. Coś, co świetnie wygląda na twoim pulpicie, może być niechlujne lub trudne do odczytania na czyimś Samsungu.

Dlatego wiele stron internetowych ma alternatywny układ mobilny. Jeśli zdecydujesz się to zaimplementować, upewnij się, że dajesz ludziom możliwość przełączenia się na Twoją zwykłą stronę główną. Możesz także sformatować zdjęcia, typografię i kompozycję, aby wyglądały świetnie zarówno na komputerze, jak i na urządzeniach mobilnych. Chociaż jest to wyzwanie, zostało to zrobione.

Niezależnie od wybranej trasy, należy pamiętać o użytkownikach mobilnych.

2. Dodaj wezwanie do działania

Oczywiście każda strona główna potrzebuje przynajmniej jednego wezwania do działania. Spójrz na swoją stronę główną jako rozszerzoną reklamę. Kiedy ktoś odwiedza Twoją witrynę, Twoim głównym zadaniem jest powiązanie go ze wszystkimi wymienionymi powyżej czynnikami.

Po zakończeniu perswazji Twoim następnym celem jest poprowadzenie użytkowników dokładnie tam, gdzie chcesz, zwykle z podświetlonym linkiem. Często zobaczysz to w witrynach e-commerce. Na swojej stronie głównej wymienią popularne kategorie z pogrubionym przyciskiem „Kup teraz”.

1. W razie wątpliwości zatrudnij profesjonalistę

Myślisz, że nie masz tego, czego potrzeba, aby zaprojektować stronę główną? Cóż, nie musisz się martwić. Po to są profesjonaliści.

Teraz możesz przejść przez żmudny proces tworzenia ogłoszenia o pracę, przeprowadzania rozmów kwalifikacyjnych i negocjowania warunków. Ale jeśli potrzebujesz szybko profesjonalnej strony głównej, możesz po prostu pracować z Penji. Dzięki setkom projektantów z całego świata oferujemy usługi projektowania graficznego, w tym strony internetowe, układy mobilne i wiele innych.

Jeśli masz inne projekty graficzne, które wymagają dopracowania, my również się nimi zajmiemy. Za stałą miesięczną stawkę możesz poprosić o tyle projektów, ile chcesz. Oznacza to, że można zakryć wszystkie obrazy, typografię i inne części Twojej strony głównej.

Projektowanie strony głównej może być trudne do opanowania. Ale przy odpowiedniej ilości pasji i strategii Twoja marka będzie miała znakomitą stronę główną i nie będzie czasu.