Strona główna – 10 zaleceń i zakazów w zakresie projektowania

Każdego roku projektanci poszukują nowości, unikatowości i innowacyjności. I co roku nie są zawiedzeni. Projektowanie stron internetowych, zwłaszcza stron głównych, nadal odzwierciedla zmiany w wymaganiach konsumentów, a także to, co umożliwiają nowsze technologie.

Łatwo jest dać się ponieść najnowszym kreatywnym innowacjom i zagłębić się w nowe techniki, ale jest też ostrzeżenie. Projekt musi odpowiadać potrzebom emocjonalnym i standardom zaangażowania odwiedzających, którzy mogą stać się klientami/obserwatorami.

Zrób krok do tyłu

Cały projekt strony głównej to w zasadzie prezentacja sprzedaży. Czy chcesz, aby odwiedzający wszedł do lejka sprzedażowego przez jakiś rodzaj konwersji; czy chcesz, aby odwiedzający był na tyle zachwycony, aby sprawdzić inne strony; lub czy chcesz, aby odwiedzający zaangażował się emocjonalnie (np. cel charytatywny), musisz myśleć w kategoriach klienta, a nie preferencji projektowych lub tego, co uważasz za „fajne". Łatwo dać się ponieść emocjom takimi rzeczami jak paralaksa i przewijanie, ale bądź chętny do wycofania się i rozważenia, dla kogo projektujesz. Chociaż nowe przyjemne dla oka są ekscytujące, muszą pasować do marki i odbiorców, więc stąpaj ostrożnie. Oto kilka ważnych zaleceń i zakazów, które zawsze będzie dominować, bez względu na to, jakie nowe „trendy” projektowe mogą się pojawić.

1 Twórz bliskie relacje z marką i jej klientami

Niezależnie od tego, czy jest to firma zabawkarska, luksusowy jubiler, czy witryna charytatywna, każda organizacja ma swoją markę i wizerunek marki do przedstawienia. Wymaga to wielu studiów i badań, a nie tylko tego, co może powiedzieć dyrektor generalny lub dyrektor ds. marketingu. Jak firma jest przedstawiana w mediach społecznościowych i na aktualnej stronie internetowej? Jaka jest „kultura” w samej firmie? Gdzie znajduje się firma w swojej branży? KIA to nie Cadillac i vice versa. Tradycyjny bank nie jest nowym i innowacyjnym kredytodawcą. Każda organizacja ma osobowość, a każda strona główna musi pasować do tej osobowości.

Poznaj klientów — zbuduj profil:

Podobnie każda marka ma klientów lub potencjalne cele. Kiedy marketerzy treści planują swoje strategie, starają się tworzyć treści, które będą atrakcyjne dla ich klientów. Opracowują bardzo szczegółową osobowość klienta. Jeśli projektujesz dla organizacji, skontaktuj się z CMO i zdobądź tę osobowość klienta. Jeśli taki nie został opracowany, przed przystąpieniem do projektowania konieczne będzie wyszukanie danych demograficznych jego typowych klientów i/lub rynku docelowego. Twój projekt musi przemawiać do tego klienta, a nie do ciebie lub kogokolwiek w firmie.

To, co podoba się właścicielowi firmy, może nie podobać się jego klientom. Czasami trudno przekonać do tego właścicieli firm. W 1971 roku Carolyn Davidson, studentka sztuki i projektowania, zaprojektowała logo Nike. Phil Knight nie był tym zachwycony, ale zgodził się spróbować. Dobrze, że poszedł z projektantem, a nie z własnymi początkowymi przemyśleniami. Być może będziesz musiał być tutaj trochę asertywny i dyplomatyczny w tym twierdzeniu. Jeśli nie możesz dojść do porozumienia, zasugeruj przeprowadzenie testów A/B dwóch projektów. Dowodem na to są liczby tych, którzy zostają dłużej i którzy w jakiś sposób się nawracają.

2 Studiuj psychologię treści wizualnych i używaj jej podczas projektowania

Psychologia marketingu zawsze była związana z używanym tekstem – tworzeniem poczucia pilności, odwoływaniem się do pragnienia przynależności itp. Istnieje również określona psychologia treści wizualnych, a neuronauka dostarcza nam co roku więcej informacji na ten temat. Część z tego jest oczywiście omawiana w szkole projektowania, ale część nie. Psychologia projektowania odnosi się do tekstu, którego używasz, ale także do zasad neuropsychologii osadzonych w tworzonych przez Ciebie wizualizacjach.

• Reakcje wewnętrzne: Wszyscy mieliśmy takie doświadczenia. Patrzymy na stronę główną i absolutnie ją kochamy (lub nienawidzimy). Nie możemy dokładnie powiedzieć dlaczego, ale nasza podświadomość reaguje na pewne bodźce aktywowane przez wizualizację. Psychologia mówi nam, że tego typu reakcje są zwykle uruchamiane przez podstawowe pragnienia i potrzeby – bezpieczeństwo, zagrożenie, komfort, miłość, przetrwanie itp. Na przykład korzystanie z wiejskiego lub spokojnego otoczenia wodnego wywoła przyjemne uczucie, ale i otwarte i elegancki wygląd faktycznie sprzyja poczuciu bezpieczeństwa — coś, z czego możemy nie zdawać sobie sprawy.

• Ruch oczu: Jeśli nie czytałeś o programowaniu neurolingwistycznym, powinieneś to zrobić. Ta gałąź neuronauki dotyczy w szczególności ruchu gałek ocznych na stronie. Niektóre z tych badań zaowocowały „zasadą trójpodziału”. Dużo czytałeś, ćwiczyłeś i używałeś projektów siatek. Zasada trójpodziału odnosi się jednak do tego, dokąd zmierza oko, gdy po raz pierwszy trafia na stronę – są 4 miejsca utworzone przez przecięcia podziału stron w kółko i krzyżyk. Spójrz na tę stronę:

  Najważniejszy element strony umieszczamy w jednym z tych 4 przecięć. Dolne skrzyżowania znajdują się poniżej fałdy, co może być sprzeczne z tradycyjnymi „zasadami” projektowania, ale neuronaukowcy się z tym nie zgadzają. Jeśli chcesz zobaczyć więcej informacji, możesz użyć karuzeli i umieścić ją w obszarze dwóch górnych skrzyżowań. Jest to bardzo powszechna metoda i obecnie szeroko stosowana.

• Nastrój i ton/kolor: projekt musi pasować do nastroju i tonu oferowanego produktu lub usługi. Większość projektantów oczywiście o tym wie, ale psychologia kolorów odgrywa główną rolę w ustalaniu tego nastroju, tonu i emocji:

3 Eksperymentuj z wzorami; Nie przesadzaj ze wzorami

Istnieją trzy rodzaje wzorców, z których możesz skorzystać, ale ponownie, wybierając wzór, bądź ostrożny – musi on odpowiadać misji organizacji i nie może być przesadzony. Na szczęście jest tak wiele zasobów i aplikacji do wzorców, że możesz znajdzie taki, który będzie pasował. Oto kilka przykładów wzorców, które mówią o celu i osobowości firmy.

• Wzór generatywny: Są to powtarzające się wzory – wzory geometryczne, cząsteczki itp. Niektóre mogą być dość subtelne; inne mogą być odważne i przekonujące. Oto przykłady każdego z nich:

  Ten wzór jest subtelny i miękki – jak na francuską witrynę z kompozycjami muzycznymi.

  Ten wzór jest dla włoskiej firmy zajmującej się współczesnymi meblami. Na tle tego poruszającego się wzoru obrazy mebli przelatują przez stronę.
  Oba te wzorce pomagają wzmocnić tożsamość organizacji i przyciągnąć uwagę jej klientów/obserwatorów.

• Wzorce danych: wiele firm sprzedaje bardziej abstrakcyjne usługi, a nie konkretne produkty. Zastosowane wzory tła powinny to odzwierciedlać. Wzory te mogą być inspirowane matematyką lub zaawansowaną technologią i mogą dawać poczucie „poza światowością”. Oto przykład bardzo subtelnego i minimalistycznego wzorca danych dla Optimizely:

• Paralaksa: Wielu projektantów eksperymentuje z paralaksą, a efekt może być oszałamiający. Chociaż oczywiście nie możesz zobaczyć ruchu, oto strona internetowa, która robi to doskonale.

  Maaemo to ekskluzywna norweska restauracja. Chmury przesuwają się po niebie, podczas gdy nazwa pozostaje nieruchoma. Paralaksa może być niesamowita, ale tylko wtedy, gdy jest dobrze zrobiona. Reszta elementów wizualnych i tekstu nie może być zbyt zajęta, w przeciwnym razie cały efekt zostanie utracony, a odwiedzający pozostanie zdezorientowany i zbombardowany.

• Wzory animacji: Ruchome części mogą być świetną atrakcją, a nowsza technologia sprawia, że ​​są całkiem zabawne i atrakcyjne. Co więcej, łatwość, z jaką projektanci mogą teraz dodawać animacje, spowodowała, że ​​niektórzy trochę przesadzali. Ponownie rozważ odbiorców i osobowość firmy przed dodaniem animacji. Oto przykład z Manchester Masters Fieldwork, brytyjskiej firmy zajmującej się projektowaniem stron internetowych, pokazujący rodzaj animacji, którą mogą stworzyć. Nie możesz doświadczyć animacji wszystkich zapętleń i ruchu. Jest to oczywiście przesada i byłoby odpowiednie dla witryny sprzedającej produkty dla dzieci.

• Wzory siatki: Tradycyjny projekt siatki może być używany do umieszczania obiektów w tle w symetryczny wzór. Rozważ ten wzór siatki tła dla Aark Collective, sprzedawcy zegarków – idealny.

• Krwawienie: Jest to stosunkowo nowy, ale godny uwagi element projektu, odpowiedni dla niektórych rodzajów firm. Zasadniczo wzór zaczyna się na stronie z treścią, a następnie przechodzi w jednokolorowe tło. Oto sposób, w jaki Web Designer Depot miał go dla swojej własnej witryny.

4 Poszukaj unikalnego sposobu projektowania przycisków

Korzystanie z tradycyjnych przycisków nawigacyjnych może być nieco nudne. Nie muszą być, jeśli można je włączyć bezpośrednio do projektu strony głównej. Oto kilka sposobów, w jakie projektanci wprowadzili trochę zabawy w stronę i jej przyciski.

Zajrzyj na stronę główną Small Stone – sprzedają filmy i muzykę. Menu zostało zaprojektowane jako staromodna płyta dźwiękowa, a pokrętła są przyciskami nawigacyjnymi – dość wyjątkowymi.

Custom Tshirts to brytyjska firma, która umożliwia klientom projektowanie własnych koszulek. Przyciski nawigacyjne są umieszczone na koszulce, podobnie jak inne pozycje menu poniżej.

5 Eksperymentuj z menu

Podobnie jak przyciski, menu również może być dość nudne. Ponadto mogą zepsuć ładny projekt. Ukrywanie menu stało się teraz dość zrozumiałe dla odwiedzających, o ile znajduje się w lewym górnym lub prawym rogu z elementem hamburgera z trzema paskami. Spowoduje to wyczyszczenie witryny. Istnieją pewne wady, więc przeprowadź badania i sprawdź, czy jest to odpowiednie dla organizacji.

Jeszcze inni projektanci eksperymentowali z ustawieniem całej strony głównej jako menu, jak pokazano poniżej:

6 Spraw, by formularze były przyjemne lub zabawne:

Formularz zwykle nie znajduje się na stronie głównej witryny, ale w przypadku niektórych firm sprawdza się, jeśli projekt jest przyjemny lub zapewnia odrobinę zabawy odwiedzającemu. Kiedy forma pasuje do motywu, możesz sobie z tym poradzić. Oto dwa przykłady formularzy umieszczonych bezpośrednio na stronie głównej:

Może to być dobry pomysł na stronę turystyczną.

Oto próbka dla brytyjskiej agencji projektowej i brandingowej.

7 Często dodawaj nowe rzeczy do strony głównej; Nie pozwól, żeby się zestarzało

Ludzie lubią różnorodność i miło jest, gdy wracają na stronę internetową, aby zobaczyć nowe obrazy i tekst. Zachowanie tego samego logo, motywu, kolorów i elementów nawigacyjnych da im znać, że są na właściwej stronie, ale warto robić nowe rzeczy.

Portuondo to witryna poświęcona urządzaniu wnętrz, która regularnie oferuje nowy obraz na swojej stronie głównej i może sprawiać, że odwiedzający i klienci wracają tylko po to, by zobaczyć, jaki nowy pomysł na projekt jest prezentowany.

8 Nie przesadzaj z tekstem

Oczywiście musisz mieć tekst. Odwiedzający musi wiedzieć, gdzie wylądował, a to jest pierwsze zadanie każdego tekstu. Poza tym jednak bądź minimalny. Niektóre z najbardziej efektownych stron głównych prawie nie zawierają tekstu, co pozwala odwiedzającym zapoznać się z projektem i cieszyć się nim przez chwilę, zanim zaczną nawigować. I oczywiście jest rzeczą oczywistą, że fantazyjny skrypt nadaje się tylko do dużych nagłówków i tylko wtedy, gdy jest zgodny z nastrojem i tonem firmy.

9 Wypróbuj projekt strony internetowej z jedną stroną

Wszystko jest na stronie głównej, a odwiedzający po prostu przewija. Witryny te ładują się tylko raz, a u góry można umieścić przyciski, które przeniosą użytkownika do miejsca na stronie w celu uzyskania określonych informacji. Są one szczególnie popularne wśród osób takich jak Ty i innych artystów.

10 Nie używaj karuzeli pierwszej strony

Prawdopodobnie nie jest miło kończyć z negatywem, ale chociaż są one popularne, wiąże się z nimi wiele problemów. Mogą zwiększyć atrakcyjność wizualną i z pewnością zmniejszają bałagan na stronie głównej, ale mają wyraźne wady. Są szkodliwe dla SEO, mogą powodować problemy z wydajnością (czas ładowania, rozdzielczość obrazu itp.), a ważne inne treści mogą wymagać umieszczenia pod zakładką.

Wniosek

Z pewnością istnieje wiele innych nakazów i zakazów dotyczących projektowania stron internetowych. Prawdopodobnie masz już swoje zwierzaki i irytujące zwierzęta. Jest naprawdę tylko jeden klucz na wynos. Celem projektowania stron internetowych jest połączenie Ciebie, projektanta i artysty, z organizacją i jej konsumentami. A najważniejszym z tych trzech jest zawsze konsument. Jeśli pamiętasz, aby projektować z myślą o tej grupie docelowej, zrealizujesz misję świetnego projektu strony głównej.