Przewodnik Ninja, jak lepiej projektować strony internetowe

Do tej pory strony internetowe były misternie projektowane, zaczynając od zera, bez wykonywania wcześniej zaplanowanych formatów lub stylów. W ten sposób zostały znacznie ulepszone.

Nawiązujcie więc do tego jako do ostrej prawdy lub mitu, ale witryny były kiedyś bardziej kreatywne i kapryśne, z odrobiną dzikich barw i eksperymentalnych projektów, a niektóre miały nawet wideo w tle. Pod każdym względem było to o wiele przyjemniejsze i fajniejsze niż to, czym jest obecnie.

W dzisiejszych czasach każda inna odwiedzana witryna internetowa przypomina w pewien sposób te, jakby były zbudowane w pakietach. Kilka typowych, najbardziej zauważalnych rzeczy to – obecność obrazów bohaterów lub suwaków w witrynie. Towarzyszy pasek nawigacji w górnej części ekranu. Niektóre powiększone wiersze napisane niektórymi niestandardowymi czcionkami wraz z przyciskami używanymi do przewijania strony. A przy tym wszystkim krótkie opisy produktu lub usługi oferowanej przez organizację.

Wydaje się oczywiste, że i w tym roku zwycięży podobnie, jednak żeby wymyślić coś nieszablonowego, trzeba pamiętać o kilku rzeczach io tym, co dziś dostaniesz.

Powód, dla którego projektowanie stron internetowych straciło kreatywność

Jako wątpliwą prawdę można bez większego naciągania wyrazić, że architektura stron internetowych w starych okolicznościach była nieco kiepska, czasami sprytny styl, ale posiadał ucieleśnienie twórczej energii i eksperymentowania. Równoważne z tymi, wygląda na to, że przeglądaliśmy coś porównawczego tylko z niewielką zmianą układu planów i cieniowania.

Aż do odwołania, nie da się nie zauważyć, że planowanie stron internetowych stało się wyjątkowo letargicznym pod względem wyjątkowości i pomysłowości. Czy to dlatego, że uczyniliśmy go stosunkowo mniej wymagającym? Istnieje najprawdopodobniej wygląd gotowych konstrukcji, każdy projektant mody może z łatwością założyć ozdobne miejsce w dowolnym momencie.

Na przykład w przypadku, gdy rozważamy wykorzystanie Bootstrap, w ciągu ostatnich kilku lat będzie on wyróżniał się wśród najczęściej wykorzystywanych w ramach warunków planowania witryny. Podobnie jak w ponad 25% witryn, które odwiedzamy praktycznie każdego dnia, wykorzystujemy Bootstrap.

Podstawowym celem jego podstawowego użycia jest to, że Bootstrap szybko dostarcza komponenty, których wymaga twórca, pamiętając o końcowym celu planowania witryny. W ten sposób wykorzystanie go w pewnym sensie ożywia procedurę.

W każdym razie może to spowodować, że inwencja i wyjątkowość zostaną utracone na zawsze, więc zbadamy pewne fundamentalne prawdy, które pozwolą twórcy nadać swojej twórczej energii inny kształt i zmienić miejsce w wyjątkowe, nawet przy użyciu szybko dostępnych składników.

Więc co tak naprawdę myślisz o swojej witrynie? Czy jest to tylko miejsce, które przechowuje i wyposaża ulepszone dane dotyczące Twojego stowarzyszenia, aplikacji lub przedmiotów? Rzeczywiście, jeśli szukasz perspektywy specjalisty, strona powinna być czymś, co przedstawia opowieść o Twoim wizerunku, przyciąga gości na wszelkie możliwe sposoby i urzeka ich.

Pomimo tego, że historia może zacząć się od odrobiny przemyśleń i nabazgrana na papierze długopisem. To właśnie kompozycja sieci tchnie w nią życie. Powinniśmy więc kontynuować sposoby, które przygotują Cię do nakreślenia niezwykłej witryny.

1. Użyj obrazów, aby zaangażować

Podstawowy cel, o którym każdy projektant musi pamiętać, że plan, którego używa, musi być zewnętrznie urzekający. Do tego stopnia, że ​​przykuwa uwagę gościa i skłania go do przejrzenia całej strony.

Dominujące zdjęcia, animujące zarysy lub mogące urzekać nagrania, które pomagają w zwróceniu na siebie uwagi obserwatora. Co więcej, wstępne wprowadzenie ma na celu, aby przetrwało wystarczająco dłużej, aby przekształcić obserwatora w potencjalnego klienta.

Jednak kluczową ideą jest pojawianie się, a nie opowiadanie i utrzymywanie porządku według potrzeb.

Opowieść powinna być przepełniona symboliką, zarówno na zewnątrz poprzez zarys, jak i słowa pojawiające się na ekranie. Zaprojektuj paletę cieni, która doskonale pasuje do historii, którą opowiadasz, z częściami, które prowadzą gości do ukończenia celu lub zadania w planie. Dobra historia pomoże poprowadzić gości. Ponadto kontur powinien być weryfikowalnym dopasowaniem wizualnym.

2. Skoncentruj się na rozwoju postaci na swojej stronie

Tworząc zarys strony, regularnie gadamy o personie klienta. Prawdę mówiąc, jest to jeden z kluczowych elementów procesu awansu. W ten sposób prezentacja postaci w Twojej historii, z którą klienci mogą się odnieść, pozytywnie przenosi ją na zupełnie nowy poziom.

Postać może być autentyczna i poruszać się od początku przez cały plan lub może być postrzegana jako głos bliski treści.

Na przykład możesz rozważyć dobrze znaną postać, która wykorzystała etap e-mailowy Mailchimp-Freddie. Ta maskotka z kreskówek, którą widzimy przez cały plan, postępy na blogu i wyskakujące okienka z logo, naprawdę robi kilka rzeczy dla organizacji.

1. Po pierwsze postać pomaga w doświetleniu nazwy organizacji. Jak podszywano się w całej krucjacie reklam wirusowych, pojawiła się skarga z nazwą organizacji „Mailchimp”. Jednak szympans pojawiający się obok słów w pewnym sensie legitymizuje nazwę.
2. Oprócz postaci dodatkowo nakreśla zabawny charakter, który organizacja chce przedstawić za pomocą jasnego tonu i podstawowych elementów wizualnych.
3. Freddie opowiada organizacji historię, gdy nie mają znacznej ilości różnych rzeczy do omówienia w specjalnych punktach widzenia. Jak powstał szympans? skąd wzięło się jego imię? i tak dalej. Postać pozostaje z fabułą wyraźną i posuwającą się do przodu.

3. Wywołaj uczestnictwo poprzez projekt

Zwiększ wartość planu dzięki intuicyjnym komponentom dopasowanym do regularnych czynności. Dodaj elementy aktywności do ujęć, które klienci muszą zauważyć, lub pomóż skierować wzrok na określone elementy za pomocą znaków kierunkowych, na przykład śrub lub obrazów, które „schylają się” w kierunku inteligentnego elementu.

Rozważ różne wpływy, które mogą sprawić, że klienci będą wciągać się w historię. Na przykład patrzenie paralaksy to wyjątkowo urzekające podejście, które pomaga wzmocnić rozwój na ekranie. To jeden z powodów, dla których ta metoda jest tak popularna.

Przyzwoita historia nie musi przyprawiać o zawrót głowy. Człowiek napędza swoją historię za pomocą podstawowych ruchów dryfu połączonych ze zdjęciami grupowymi, aby pomóc Ci poznać ogólną populację stojącą za organizacją. To proste i przekonujące. (Zwróć też uwagę na zdjęcia personelu. Zabawne postawy i wygląd zewnętrzny pozwalają promieniować charakterowi każdego współpracownika.)

4. Kontynuuj znaczące mikro-interakcje

Rozważ pomniejsze komponenty w konspekcie, z którymi klienci będą się komunikować. Internetowe serwisy społecznościowe w szczególności generują tak duże zaangażowanie, ponieważ nawiązują podstawowe kontakty z mikrointerakcjami.

Przypominam, że mikrointerakcje są drobnymi minutami, gdy klient korzysta z planu. Za każdym razem, gdy zmieniasz ustawienie, komunikujesz coś konkretnego, logujesz się lub lubisz status, widzisz mikrointerakcję. Od stukania w serce na Instagramie (i obserwowania, jak zmienia kolor na czerwony) po stukanie w celu retweetowania, te kręgi krytyki są tym, co sprawia, że ​​klienci wracają.

Kontur wzbudza zainteresowanie znaczącymi mikrooddziaływaniami. Obejmuje poziom pojemności dla klientów, który sprawia, że ​​ogólne wrażenia są korzystne.

Mikrointerakcje dodatkowo sprawiają, że plan jest wspierający lub poszukiwany. Połącz te minuty z kluczowymi celami swojej witryny. Może to być wszystko, od zezwolenia klientom na udostępnienie właśnie otrzymanego przedmiotu po dodanie czegoś do listy rzeczy, aby uzyskać zgodę na zaakceptowanie ostrzeżenia.

5) Niech Twoja historia będzie narracją

Każda historia ma początek, środek i koniec.

Jeśli Twoja architektura internetowa nie przemawia do tego strumienia historii, klienci mogą się zdezorientować lub zgubić. Oto najmniej złożone równania:

Początek : Logo i funkcja. Poinformuj klientów o swojej tożsamości i dlaczego są w Twojej witrynie.

Środek : cała historia drugoplanowa, która czyni cię wyjątkowym. Co możesz osiągnąć dla osób znajdujących się w Twojej witrynie? Jaki byłby dla nich dobry pomysł, aby przewidzieć?

Koniec : niezaprzeczalna sugestia podjęcia działania, na przykład ramka, możliwość dokonania zakupu lub połączenie z czymś innym.

6) Trzymaj się podstawowej, prostej fabuły

Może to zabrzmieć wbrew powyższemu punktowi, ale historia powinna być podstawowa. To nie jest tom na 1500 stron. Prosta fabuła to taka, którą możesz wyjaśnić w 5 sekund lub mniej.

Historia powinna od razu przyciągnąć klientów, pozostawić wrażenie i sprawić, że będą musieli wrócić. Tak, możesz to zrobić z początkiem, środkiem i końcem.

Upstream robi to wszystko na stronie docelowej – klienci mogą szukać większej części „środka” historii, ale na stronie docelowej można spojrzeć na wszystkie trzy sekcje. Wizualizacje i treść opowiadają o potrzebach i ludziach z Upstream, aby zaoferować pomoc. Na ekranie znajduje się haczyk „dołącz”, a efekt wizualny jest tak uderzający, że musisz zaoferować pomoc.

Historia jest prosta i mocna. Klienci zapewne będą pamiętać, że to… i ty.

7) PRZYJAZNY DLA MOBILNYCH

Obecnie normalne jest przechodzenie do witryn z wielu gadżetów o różnych rozmiarach ekranu, dlatego należy koniecznie zastanowić się, czy Twoja witryna jest przyjazna dla urządzeń mobilnych. Jeśli Twoja witryna nie jest przyjazna dla urządzeń mobilnych, możesz ją zmodyfikować w stylu responsywnym (to oznacza, że ​​Twoja witryna będzie się zmieniać w zależności od różnych szerokości ekranu) lub zbudować dedykowaną witrynę mobilną (oddzielna witryna zoptymalizowana specjalnie dla użytkowników mobilnych).

Nie jest trudno stworzyć ładną i użyteczną witrynę, po prostu pamiętając o tych elementach zarysu. Czy masz kompozycję internetową, która wymaga zbadania lub ulepszenia? Z drugiej strony może aranżujesz witrynę i masz nadzieję, że plan będzie idealny, zaczynając od najwcześniejszego etapu. W każdym razie te standardy potężnej architektury witryny mogą sprawić, że Twoja witryna będzie jeszcze bardziej urzekająca, wartościowa i znacząca dla gości.

8) Zaktualizuj się dzięki nowej technologii

Świat technologii komputerowych zmienia się niemal każdego dnia i aby nadążyć za nim, specjalista od stron internetowych powinien być innowacyjnie dostrojony do zmian w biznesie. Wytnij fragment swojego dnia lub tygodnia pracy i poświęć go na dostosowanie nowych rzeczy w swojej dziedzinie. Odkryj, co nowego, co jest ukośne, a co spada na pobocze. Jeśli nie chcesz, aby Twoi rywale odbierali Ci biznes, mając na uwadze bycie bardziej aktualnym i świeższym niż Ty, zwróć uwagę na tę wskazówkę.

Przyzwoitą metodą na pozostanie wyjątkowym jest obserwowanie tego, co jest powszechne w temacie lub układzie centrum handlowego, takiego jak Envato Market. Sprawdzając tematy z topowej oferty, możesz zauważyć odchylenia w tym, czego szukają klienci i co dają różni planiści.

Do Ciebie

Planowanie sieci to pole testowe. Osiągnięcia w tej dziedzinie naprawdę wymagają odporności i afirmacji, aby dostosować się do każdej sytuacji, która się pojawia, i nigdy nie zostać kaleką w dowolnym momencie, co nie idzie dokładnie, co nie jest zaskakujące. To, czego będziesz potrzebować do osiągnięcia określonego celu końcowego, aby osiągnąć swój zawód w kompozycji strony internetowej, to staranność i postawa „nigdy się nie poddawaj”. Wielu z was powinno już teraz dobrze ćwiczyć jedną lub większą część tych wskazówek w swoim eksperckim życiu; Jednak moim celem jest zarządzanie tymi, którzy nie są świadomi tych osiągnięć, kalkuluje do tej pory i przypominanie osobom, które na pewno dobrze je znają.