Przewodnik ninja, jak lepiej projektować strony internetowe

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

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

W dzisiejszych czasach każda inna odwiedzana witryna przypomina którąkolwiek z nich w jakiś sposób, jakby były zbudowane w pakietach. Kilka typowych, najczęściej zauważalnych rzeczy to – obecność obrazów bohaterów lub suwaków na stronie internetowej. Towarzyszy mu pasek nawigacyjny w górnej części ekranu. Niektóre rozbudowane wiersze napisane niestandardowymi czcionkami wraz z przyciskami służącymi do przewijania strony. A przy tym wszystkim krótkie opisy produktu lub usługi oferowanej przez organizację.

Wydaje się oczywiste, że w tym roku podobnie będzie panować, jednak aby wymyślić coś nieszablonowego, jest kilka rzeczy, o których należy pamiętać i to, co otrzymasz dzisiaj.

Powód, dla którego projektowanie stron internetowych traci swój kreatywny charakter

Jako wątpliwą prawdę można bez większego naciągania stwierdzić, że architektury stron internetowych w dawnych czasach były nieco kiepskie, czasami sprytne, ale posiadały samo ucieleśnienie twórczej energii i eksperymentów. Równie dobrze wygląda na to, że przeglądaliśmy coś porównawczego, tylko z niewielką zmianą planu i cieniowania.

Aż do odwołania, jest bardzo niewątpliwe, że planowanie stron internetowych stało się wyjątkowo letargiczne pod względem wyjątkowości i pomysłowości. Czy to dlatego, że uczyniliśmy go stosunkowo mniej wymagającym? Najprawdopodobniej wraz z pojawieniem się gotowych konstrukcji każdy projektant może łatwo założyć witrynę ozdobną w dowolnym momencie.

Na przykład, jeśli weźmiemy pod uwagę wykorzystanie Bootstrap w ciągu ostatnich kilku lat, będzie to jeden z najczęściej używanych elementów planowania witryny. Bo ponad 25% stron, które odwiedzamy praktycznie każdego dnia, jest nakreślonych z wykorzystaniem Bootstrapa.

Podstawowym celem jego podstawowego użycia jest to, że Bootstrap szybko dostarcza komponenty, których twórca potrzebuje, pamiętając o końcowym celu zaplanowania witryny. W ten sposób użycie go niejako ożywia procedurę.

W każdym razie może to spowodować bezpowrotną utratę pomysłowości i wyjątkowości, dlatego zbadamy pewne fundamentalne prawdy, które pozwolą twórcy nadać inny kształt swojej twórczej energii i zmienić witrynę w wyjątkową, nawet przy użyciu szybko dostępnych komponentów.

Co tak naprawdę myślisz o swojej stronie? Czy jest to tylko miejsce, które przechowuje i wyposaża ulepszone dane o twoim powiązaniu, aplikacji lub przedmiotach? Rzeczywiście, jeśli szukasz punktu widzenia specjalisty, strona powinna być czymś, co przedstawia opowieść o twoim wizerunku i przyciąga gości wszelkimi możliwymi sposobami i utrzymuje ich w zachwycie.

Pomimo faktu, że historia może zacząć się od odrobiny zastanowienia i zapisania długopisem na kartce. To 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ć

Podstawowym celem, o którym każdy projektant mody musi pamiętać, jest to, że plan, z którego korzysta, musi być zniewalający na zewnątrz. Do tego stopnia, że ​​przykuwa uwagę gościa i zachęca go do przejrzenia całej strony.

Momentalne zdjęcia, animowane kontury lub może urzekające nagrania, które pomagają w zwróceniu uwagi widza. A ponadto dokonanie wstępnego wprowadzenia z celem końcowym, aby trwało wystarczająco dłużej, aby przekształcić obserwatora w potencjalnego klienta.

Jednak kluczową ideą jest pojawienie się, a nie mówienie i utrzymywanie porządku zgodnie z potrzebami.

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 opowiadanej historii, z częściami, które kierują gości do osiągnięcia celu lub zadania w planie. Dobra historia pomoże wskazać gościom drogę. Ponadto zarys powinien być weryfikowalnym dopasowaniem wizualnym.

2 Skoncentruj się na rozwoju postaci w swojej witrynie

Opracowując witrynę, regularnie gadamy o osobowości klienta. Prawdę mówiąc, jest to jeden z kluczowych elementów procesu awansu. W ten sposób przedstawienie postaci w Twojej historii, z którą klienci mogą się pozytywnie utożsamić, przenosi ją na zupełnie nowy poziom.

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

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

1. Po pierwsze postać pomaga w oświetleniu nazwy organizacji. Ponieważ podszyto się pod inne osoby w krucjacie reklam wirusowych, pojawiła się skarga na nazwę organizacji „Mailchimp". Jednak szympans pojawiający się obok słów w pewnym sensie legitymizuje tę nazwę.
2. Poza postacią dodatkowo określa zabawną naturę, którą organizacja chce przedstawić za pomocą jasnego tonu i podstawowych elementów wizualnych.
3. Freddie przedstawia organizacji historię, kiedy nie ma ona znacznej ilości różnych rzeczy do przedyskutowania ze specjalnymi punktami widzenia. Jak powstał szympans? skąd się wzięło jego imię? i tak dalej. Postać pozostaje z fabułą ostrą i pcha do przodu.

3 Odwołaj się do uczestnictwa poprzez projektowanie

Zwiększ wartość planu dzięki intuicyjnym komponentom dopasowanym do regularnych działań. Dodaj elementy aktywności do zaczepów, które klienci muszą zauważyć, lub pomóż skierować wzrok na określone komponenty ze znakami kierunkowymi, na przykład śruby lub obrazy, które „przechylają się” w kierunku tego inteligentnego komponentu.

Rozważ różne czynniki, które mogą sprawić, że historia przyciągnie klientów. Na przykład patrzenie w paralaksę jest wyjątkowo wciągającym podejściem, 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 być zdumiewająca. Human napędza ich historię za pomocą podstawowych ruchów dryfujących 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 pozy i wygląd zewnętrzny pozwalają promieniować charakterem każdego współpracownika).

4 Kontynuuj znaczące mikrointerakcje

Rozważ pomniejsze komponenty w konspekcie, z którymi klienci będą się łączyć. Oparte na sieci społecznościowej serwisy społecznościowe powodują tak duże zaangażowanie, ponieważ dokonują podstawowych spotkań z mikrointerakcjami.

Dla odświeżenia, mikrointerakcje to drobne minuty, kiedy klient przychodzi z planem. Za każdym razem, gdy zmieniasz ustawienie, przekazujesz coś konkretnego, logujesz się lub oceniasz status, widzisz mikrointerakcję. Od dotknięcia serca na Instagramie (i obserwowania, jak zmienia kolor na czerwony) po dotknięcie w celu przesłania dalej, te kręgi krytyki są tym, co sprawia, że ​​klienci wracają.

Istotne mikrointerakcje wzbudzają zainteresowanie w zarysie. Obejmuje poziom zdolności dla klientów, który sprawia, że ​​ogólne doświadczenie jest korzystne.

Mikrointerakcje dodatkowo sprawiają, że plan jest wspierający lub poszukiwany. Połącz te minuty z kluczowymi celami Twojej witryny. Może to być wszystko, od pozwolenia klientom na udostępnienie właśnie otrzymanego przedmiotu, dodanie czegoś do listy rzeczy, które należy uzyskać, aż po zgodę na przyjęcie ostrzeżenia.

5) Niech Twoja historia będzie narracyjna

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

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

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

Centrum: cała historia drugoplanowa, która sprawia, że ​​jesteś wyjątkowy. Co możesz osiągnąć dla osób, które są na Twojej stronie? Co byłoby dla nich dobrym pomysłem do przewidzenia?

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

6) Trzymaj się podstawowej, prostej fabuły

Może to zabrzmieć sprzecznie z powyższym punktem, ale historia powinna być podstawowa. To nie jest 1500-stronicowy tom. Prosta fabuła to taka, którą można wyjaśnić w maksymalnie 5 sekund.

Historia powinna od razu zdobyć klientów, pozostawić wrażenie i sprawić, że będą chcieli wracać. 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 „centrum” historii, ale na stronie docelowej znajdują się wszystkie trzy sekcje. Wizualizacje i treść opowiadają o potrzebach i ludziach z Upstream, którzy oferują pomoc. Na ekranie jest haczyk „dołącz się”, a obraz jest tak uderzający, że musisz zaoferować pomoc.

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

7) PRZYJAZNE DLA URZĄDZEŃ MOBILNYCH

Obecnie dostęp do witryn jest normalny z wielu gadżetów o różnych rozmiarach ekranu, dlatego konieczne jest rozważenie, czy Twoja witryna jest dostosowana do urządzeń mobilnych. Jeśli Twoja witryna nie jest dostosowana do urządzeń mobilnych, możesz zmodyfikować ją w wersji responsywnej (oznacza to, że witryna będzie się zmieniać zgodnie z różnymi szerokościami ekranu) lub zbudować dedykowaną witrynę mobilną (oddzielną witrynę zoptymalizowaną specjalnie dla użytkowników mobilnych).

Stworzenie ładnej i użytecznej witryny nie jest wcale trudne, wystarczy zapamiętać te elementy konspektu. Czy masz kompozycję internetową, która wymaga zbadania lub ulepszenia? A może z drugiej strony urządzasz witrynę i liczysz na uzyskanie idealnego planu już od najwcześniejszego etapu. W każdym razie te standardy potężnej architektury witryny mogą sprawić, że Twoja witryna będzie jeszcze bardziej wciągają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 dotrzymać mu kroku, specjalista ds. stron internetowych powinien w innowacyjny sposób dostosowywać się do zmian zachodzących w biznesie. Wytnij fragment swojego dnia lub tygodnia pracy i poświęć go na adaptację nowych rzeczy w swojej dziedzinie. Odkryj, co nowego, co jest skośne, a co schodzi na dalszy plan. Jeśli nie chcesz, aby rywale zabierali Ci firmę, mając wszystkie oznaki bycia bardziej aktualnym i świeższym niż Ty, zwróć uwagę na tę wskazówkę.

Dobrym sposobem na pozostanie wyjątkowym jest obserwacja tego, co dzieje się w centrum handlowym takim jak Envato Market. Sprawdzając najlepsze tematy, możesz dostrzec różnice w tym, czego szukają klienci i co oferują różni planiści.

Do Ciebie

Planowanie stron internetowych to pole testowe. Osiągnięcia w tej dziedzinie naprawdę wymagają odporności i afirmacji, aby dostosować się do każdych warunków, które się pojawiają, i nigdy nie zostać okaleczonym w punkcie, w którym sprawy nie idą dokładnie, co nie jest zaskakujące. To, czego będziesz potrzebować z konkretnym celem końcowym, aby osiągnąć swój zawód w tworzeniu stron internetowych, to pracowitość i postawa „nigdy się nie poddawaj”. Znaczna liczba z was powinna teraz dobrze ćwiczyć jedną lub znaczną część tych wskazówek w swoim profesjonalnym życiu; Chodzi mi jednak o to, by pokierować tymi, którzy do tej pory nie są świadomi tych wyliczeń i przypomnieć tym, którzy na pewno dobrze ich znają.