Trzy trendy projektowania witryn WordPress, które musisz znać

Zastanów się, jak bardzo zmieniło się od 2011 roku. Ile trendów w projektowaniu stron internetowych i nowych technologii wypadło z łask? Ile nowych urządzeń pojawiło się na rynku? Ile nowych trendów pojawiło się i zyskało na popularności?

Nic dziwnego, że WordPress ewoluował wraz z Internetem. Dzisiejszy WordPress to zupełnie inna bestia od WordPressa sprzed pięciu lat i graniczy z nierozpoznawalnością w porównaniu z WordPressem z 2003 roku. Ale to dobrze.

W końcu jedyną stałą w sieci jest zmiana. Jako projektant wiesz to lepiej niż ktokolwiek inny – tak jak wiesz, że Twoim zadaniem jest być na bieżąco z tym, co się zmienia i co zmieni się w przyszłości. Na szczęście, jeśli wiesz, gdzie szukać, nie jest to trudne.

Szukałem Cię – oto niektóre z najważniejszych i najważniejszych trendów, które w tym roku pojawiły się w świecie projektowania WordPress (i większej sieci), z których wszystkie są ściśle związane z mobilnością.

Projekt bez stronicowy będzie nadal dominował

Po raz pierwszy pojawiły się w Internecie w 2014 r., jednostronicowe witryny internetowe zyskują popularność w tempie uciekającego pociągu towarowego. Szczególnie dobrze sprawdzają się w małych firmach, agencjach projektowych i witrynach produktowych, te „strony docelowe” są idealne zarówno do przechwytywania leadów, jak i opowiadania historii. Mając to na uwadze, nie jest szczególnie zaskakujące, że jednostronicowe motywy WordPress również zyskują na popularności.

Ale co dokładnie napędza ten trend? Dlaczego „strony bez stron” są teraz tak widoczne? A jak możesz stwierdzić, czy Twoja własna witryna powinna pójść w ich ślady?

„Tradycyjne strony internetowe mają całą listę równie obciążających problemów”, wyjaśnia Chuck Longanecker z Digital Telepathy. „Są poganiaczami na przyjęciu koktajlowym, bełkoczącym każdemu w zasięgu słuchu lawiną samopożytecznych informacji bez jakiegokolwiek zainteresowania słuchającą osobą… Dzięki szybkim połączeniom i publiczności przyzwyczajonej do długich przewijanych doświadczeń w aplikacjach mobilnych, projekt bez stronicowania schodzi z drogi odwiedzającym, aby mogli cieszyć się przepływem i zrealizować swój cel”.

Innymi słowy, urządzenia mobilne zmieniły nawyki przeglądania naszych odbiorców. Jako projektant musisz wziąć pod uwagę ich nowe nawyki – oczekiwanie prostej, usprawnionej strony internetowej, skłonność do przeglądania na telefonach lub tabletach oraz pragnienie łatwego przyswajania treści.

Ta zmiana rynku miała inny, bardziej nieoczekiwany efekt uboczny: wielozadaniowe motywy eksplodowały w ciągu ostatnich kilku lat. Te bogate w funkcje i łatwe w instalacji motywy umożliwiają właścicielom witryn łatwe dostosowywanie swoich stron do urządzeń mobilnych, komputerów stacjonarnych i wszystkiego innego. Są przyszłościowe i umożliwiają tworzenie dobrze zaprojektowanych stron internetowych, które nadal są wysoce funkcjonalne.

Więcej obrazów, więcej typografii, więcej paralaksy

Strony internetowe, ściśle związane z przejściem na projektowanie bez stron, coraz bardziej skupiają się na typografii, obrazowaniu i przewijaniu paralaksy. Tutaj króluje minimalizm, a im mniej elementów wizualnych strona może rzucić na użytkownika, jednocześnie przekazując swój przekaz, tym lepiej. Nie tylko pomaga to stronie wyglądać ostrzej, ale także znacznie skraca czas ładowania.

Jeśli chodzi o typografię, wraz z przejściem na minimalizm, właściciele witryn, wydawcy i użytkownicy zaczęli oczekiwać czystszych projektów w odwiedzanych witrynach. Kluczem do tego jest zapewnienie lepiej wyglądającego, lepiej prezentowanego tekstu. Narzędzia takie jak Google Fonts i Adobe Typekit również bardzo się pomogły, ułatwiając tworzenie stron internetowych z lepszym, bardziej profesjonalnie wyglądającym tekstem.

Wreszcie przewijanie paralaksy – które zawsze bardzo mi się podobało – zyskało ostatnio wiele popularności. Dla niewtajemniczonych sposób działania jest dość prosty: po prostu konfigurujesz swoją witrynę tak, aby tło poruszało się wolniej niż pierwszy plan (jeśli w ogóle). To nie tylko tworzy iluzję głębi ostrości, ale jest również świetnym sposobem na nadanie stronom jednostronicowym dodatkowego rozbłysku.

Wiele hałasu o mikrointerakcje

Aplikacje mobilne trochę zepsuły użytkownikowi końcowemu, jeśli się zatrzymasz i pomyślisz. Te najlepiej zaprojektowane są wypełnione funkcjami znanymi jako mikrointerakcje: małe fragmenty i fragmenty opinii, które są przekazywane odwiedzającym na podstawie ich interakcji z Twoją witryną. To prawda, ta koncepcja nie jest specjalnie nowa. W 2013 roku Foster z tajemniczych spodni określił je jako interakcje z folią bąbelkową. Dzieje się tak, ponieważ są satysfakcjonujące i znacznie poprawiają wrażenia użytkownika, czyniąc rzeczy bardziej instynktownymi.

Dla Ciebie oznacza to, że – zwłaszcza biorąc pod uwagę hurtowe przejście na mobilność – musisz dowiedzieć się o mikrointerakcjach i jak włączyć je do swojej witryny.

„W UX liczy się to, jak radzisz sobie z użytkownikami i jak się czują podczas korzystania z produktu [w tym przypadku z Twojej witryny]”, pisze Dmytro Svarytsevych z Web Designer Depot. „Mikrointerakcje zapewniają użytkownikom potrzebne informacje zwrotne i zrozumienie trwających procesów, dzięki czemu interfejs jest przystępny bez względu na to, jak skomplikowana może być logika, która za nim stoi”.
Oto jak możesz dodać mikrointerakcję do swojej witryny, według Creative Bloq:

• Poznaj wyzwalacz: oto, co dzieje się, aby rozpocząć mikrointerakcję. Może to być wszystko, od użytkownika logującego się po raz pierwszy do Twojej witryny po pozostawienie komentarza do artykułu lub zakup produktu. Najlepsze wyzwalacze to takie, w których system obserwuje zachowanie użytkownika i używa go do kontekstu – tj. udostępnianie im strony, którą często odwiedzają, gdy trafiają do Twojej witryny.
• Ustal zasady: „Zasady” mogą być tutaj trochę mylące. Zasadniczo są to wytyczne, które określają, jak działa dana mikrointerakcja – co może się wydarzyć, co powinno się wydarzyć, a co nie może się zdarzyć lub nie. Na przykład witryna e-commerce może ostrzec Cię, jeśli przypadkowo dodasz ten sam produkt do koszyka dwukrotnie.
• Określ opinię: jaką opinię przekażesz użytkownikowi? Jak poprawisz ich wrażenia z korzystania z Twojej witryny?
• Sprawdź, jak długo trwa mikrointerakcja: Czy Twoja mikrointerakcja kończy się automatycznie bez udziału użytkownika? Jak zmienia się za każdym razem, gdy jest używany?

„Informacje zwrotne to miejsce, w którym można dodać warstwę osobowości do mikrointerakcji” — czytamy w Creative Bloq. „Czasami odrobina humoru lub przewagi może działać bardzo dobrze i jest doceniana – szczególnie w sytuacjach, które mogą być frustrujące, takich jak komunikat o błędzie lub gdy ładowanie trwa długo”.

Utrzymywanie się na szczycie trendów w projektowaniu stron internetowych

WordPress nieustannie ewoluuje wraz z siecią. Nie musisz być zaskoczony tą ewolucją. Obserwując najnowsze trendy, możesz mieć pewność, że wyprzedzisz krzywą, gdy te trendy w końcu staną się rzeczywistością.