Nie wdawajmy się w liczby i obliczenia, ponieważ nie da się określić, ile witryn już istnieje w Internecie. Każdego dnia tysiące, jeśli nie setki tysięcy stron zawodzą, a na ich miejsce pojawiają się nowe. Jaki jest powód niepowodzeń? Dlaczego ludzie wchodzą na stronę i natychmiast ją opuszczają? Odpowiedź jest prosta i tuż przed Twoimi oczami - taki jest projekt strony.
Efekt przyciągania
Zgadzam się, każdy ma zestaw określonych witryn, które są odwiedzane dzień po dniu. Jestem pewien, że większość zakładek to ulubione strony z filmami, książkami, wiadomościami, grami itp. Dlaczego po znalezieniu jednej strony nie próbujemy znaleźć innej podobnej, która może być nawet lepsza? Odpowiedź jest prosta! Strony, które umieszczamy w zakładkach są wygodne w obsłudze – takie strony mają zazwyczaj wygodny układ elementów, kategorii oraz przyjemny, nie irytujący oka design. To jest „efekt przyciągania”, odwiedzenie odpowiednio zaprojektowanej strony raz – wyjście z niejjuż nie chcę.
Spójrzmy na przykład dwóch witryn platformy handlowej:
Niewątpliwie i bezdyskusyjnie stanowisko numer 1 chce zostać zamknięte tak szybko, jak to możliwe, a stanowisko numer 2, przeciwnie, chce pozostać. Dlaczego to się dzieje? Na pierwszej stronie oprócz losowo umieszczonego produktu występuje również przesycenie koloru, czego nie można powiedzieć o drugiej stronie. Jest takie cudowne przysłowie: „Spotykają się po ubraniach, ale odpędzają myślami”, dotyczy to również witryn, tylko zamiast ubrań jest projekt, a zamiast umysłu struktura nawigacyjna. Odwiedzający po wejściu na stronę pierwszą rzeczą, którą widzi, jest kolorystyka, a dopiero potem zwraca uwagę na wewnętrzną nawigację i strukturę strony.
Postrzeganie kolorów
Główną zasadą przy wyborze kolorów jest nie przesadzać. Czasami nawet dwa lub trzy poprawnie dobrane kolory to więcej niż wystarczające, czego żywym przykładem jest strona fb.ru. Wielu projektantów stron internetowych używa tabeli „bezpiecznych” kolorów do projektowania swojej witryny html.
Bezpieczny jest wywoływany z tego powodu, że wszystkie wyświetlane tutaj kolory będą transmitowane przez absolutnie wszystkich użytkowników w ten sam sposób. Te kolory można uznać za standard przy tworzeniu projektu na stronie.
Kompatybilność kolorów
Każdy kolor ma swój własny „przyjazny” kolor - jest to kolor, z którym najlepiej się komponuje. Nie ma potrzeby odkrywania koła na nowo i eksperymentowania z selekcją, wszystko już dawno zostało wymyślone i jest w domenie publicznej. Koła kolorów służą do wybierania kolorów. Itten. Poniższy obrazek pokazuje koło kolorów do dopasowania 2 pasujących kolorów.
T. tj. przeciwny kolor wewnątrz koła jest uważany za najbardziej zgodny. Jeśli musisz wybrać 3 pasujące kolory, używane jest również koło kolorów, tylko linia rozmieszczenia kolorów zostanie już zmieniona.
I jest wiele takich kółek, możesz wybrać więcej pasujących kolorów. Na przykład cztery.
Wybierając kolory w ten sposób poprzez koła Itten, uzyskamy maksymalną kombinację kolorów i uzyskamy przyjemny wizualnie projekt witryny. Więcej kółek kolorów można znaleźć w Internecie. Odejdźmy trochę od głównego tematu, bo pragnę poinformować, że te koła kolorów Itten są używane nawet przez profesjonalnych projektantów ze świata mody, czyli przy tworzeniu markowych ubrań stosuje się tę metodę dopasowywania kolorów.
Wewnętrzna struktura witryny
Jeśli mniej więcej wszystko stało się jasne dzięki percepcji kolorów, pozostaje jeszcze jeden ważny wskaźnik, jak wewnętrzna struktura strony lub innymi słowy - "użyteczność". Nie wystarczy tylko wybrać odpowiednie kolory na stronie, jak pokazuje praktyka - na pięknym projekcie strony nie zajdziesz daleko. Prawidłowa struktura witryny jest jak rama domu, jeśli nie jest prawidłowo zaplanowana, poruszanie się po niej będzie niewygodne.
Wszystkie elementy nawigacyjne muszą być wcześniej przemyślane, a jeszcze lepiej – spisane. StrukturaStrona powinna być przede wszystkim zrozumiała i wygodna dla odwiedzających. Wiele witryn traci odwiedzających tylko dlatego, że ci ostatni, wchodząc na witrynę, nie rozumieją, gdzie i co się znajduje. Nie ma potrzeby zaśmiecania masą przycisków i zawieszania mnóstwa funkcjonalności. Zawsze musisz patrzeć oczami gościa, jeśli użytkownik nie potrzebuje jakiejś funkcji, lepiej ją usunąć. Ponownie, jasnym i poprawnym przykładem projektu strony internetowej jest strona Fb.ru, na której wszystkie sekcje są umieszczone w sposób zrozumiały i wygodny dla odwiedzającego.
Największy błąd
Według średniej analizy, użytkownik, który nie może znaleźć potrzebnej sekcji lub informacji w witrynie w ciągu 15-30 sekund, uważa, że tej sekcji lub informacji nie ma w witrynie i opuszcza zasób. W większości przypadków na zawsze. Doskonały przykład strony ze straszną nawigacją:
Czy uważasz, że możliwe jest znalezienie niezbędnych informacji o takim zasobie, przechodząc nie z wyszukiwania, ale po prostu do strony głównej? Myśle że nie. Znowu nasycenie kolorów i obfitość niezrozumiałej nawigacji, która wprawi każdego odwiedzającego w osłupienie i oszołomienie. Aby uniknąć takich błędów, konieczne jest pogrupowanie wszystkich sekcji i umieszczenie ich w osobnym menu nawigacyjnym, które będzie zrozumiałe dla każdego odwiedzającego.
Formularz rejestracyjny
Kolejnym ważnym i przerażającym czynnikiem na stronie jest formularz rejestracyjny. Niektórzy próbują zebrać dane prawie praprababci w oknie rejestracji.
Takie formularze rejestracyjnebyły modne wcześniej, kiedy Internet zaczął pojawiać się dopiero w domach. Dziś internauta chce jak najszybciej znaleźć potrzebne mu informacje, a długie formularze rejestracyjne, mimo doskonałego projektu strony, będą w 99% odpychać. Idealny formularz rejestracyjny według dzisiejszych standardów pokazano poniżej.
Nawet jeśli te informacje nie są wystarczające, nikt nie zadaje sobie trudu, aby poprosić o nie później odwiedzającego, po zakończeniu procesu rejestracji. Takie podejście jest uważane za bardziej lojalne i przyjazne niż formularz rejestracyjny, który bardziej przypomina formularz podania o pracę.
Szablony stron internetowych
Wiele witryn jest obecnie tworzonych w nowoczesnych systemach CMS, które zapewniają bezpłatne projektowanie witryn. Ale darmowy projekt (szablony) nie zawiera żadnego projektu wizualnego, więc jeśli właściciel witryny nie spróbuje go w żaden sposób zmienić, to taka witryna zniknie z wyszukiwania.
Warto również wspomnieć o całych portalach internetowych, które oferują na ich podstawie wdrożenie własnej strony internetowej. W tym przypadku są zarówno plusy, jak i minusy:
- Pierwszym i być może jedynym plusem jest prostota. Rama witryny jest już z reguły wzorowana na takich zasobach przez doświadczonych projektantów, projekt witryny jest podporządkowany pewnym wymaganiom i zasadom. Pozostaje tylko wypełnić go materiałem tematycznym i czekać na pierwszych zwiedzających. Dlatego prostota i wygoda takich usług przyciąga początkujących. Ale jeśli strona jest przygotowana do poważnego rozwoju i rywalizacji otop-1 w wyszukiwarkach, lepiej odmówić takiej usługi.
- Z minusów - dostarczonych szablonów w większości przypadków nie można edytować ani zmieniać, przez cały czas będziesz musiał korzystać z tego udostępnionego. Monotonia to główna wada, o której mówiliśmy na samym początku, ponieważ każda strona musi być indywidualna i różnić się wyglądem od innych. Wiele ograniczeń, których nie da się opisać, ponieważ każda taka usługa ma swoją własną.
Część końcowa
Wszystko opisane w tym materiale nie udaje "głównej instrukcji", zawsze możesz, a nawet musisz zrobić wszystko po swojemu - to tylko zbiór najczęstszych zasad i błędów. Ale najważniejsze punkty, opisane tutaj w postaci percepcji kolorów i wewnętrznej struktury witryny, są standardem projektowania witryny. Źle dobrane kolory odstraszą każdego odwiedzającego, który właśnie wszedł na stronę, a niepiśmienne projektowanie kategorii i elementów strony nie pozwoli mu na nawigację i znalezienie potrzebnych informacji. Tym punktom należy poświęcić maksymalną uwagę i, jak wspomniano powyżej, zawsze należy patrzeć na dowolną witrynę oczami odwiedzającego, a nie oczami programisty.
