6 trendów w projektowaniu stron internetowych na sierpień 2022 r.

Opublikowany: 2022-08-25

Najczęściej ludzie myślą o trendach w projektowaniu stron internetowych jako o elementach wizualnych, ale trendy mogą również zawierać wiele funkcji. Najlepsze trendy mają prawdopodobnie po trochu obu.

Oto sześć wspaniałych trendów do rozważenia w tym miesiącu:

1. Dostosowane strony produktów

Jest to funkcjonalny trend w projektowaniu, który również wygląda tak dobrze: więcej projektantów wychodzi z tradycyjnych stron produktów WooCommerce, które pozornie są wszędzie, aby uzyskać bardziej spersonalizowane opcje. Ten przykład przychodzi do nas z Kadence WP.

Bardziej niestandardowa strona produktu pozwala korzystać ze wszystkich zaawansowanych funkcji WooCommerce z projektem, który wygląda i jest podobny do Ciebie. Nowa wersja Kadence Shop Kit 2.0 zapewnia możliwość dostosowania układu strony produktu w dowolny sposób, jaki możesz sobie wyobrazić.

Możesz stworzyć modny projekt za pomocą narzędzi Kadence, które już znasz, za pomocą narzędzia do przeciągania i upuszczania.

  • Dlaczego to działa: Nie każdy e-commerce jest taki sam. Różne rodzaje produktów mają różne elementy do wyświetlenia, które mogą ułatwić sprzedaż.
  • Jak z niego korzystać: Zacznij od Kadence Shop Kit 2.0. Nie jest potrzebne niestandardowe kodowanie, aby ten trend w projektowaniu był Twoim własnym.

2. Kasa bez rozpraszania uwagi

Uproszczenie stron kasowych jest poparte badaniami, które pokazują, że 17% potencjalnych klientów porzuca koszyki przy kasie, ponieważ proces kasy jest zbyt długi i skomplikowany . (Przeczytaj więcej o przyczynach porzucania koszyka WooCommerce i sposobach ich naprawy.)

Aby pomóc w stworzeniu niezakłóconego procesu realizacji transakcji, zastanów się, jak uprościć proces realizacji transakcji, tworząc krok po kroku, wielostronicowy proces realizacji transakcji. Flux Checkout dla WooCommerce wykonuje za Ciebie wiele pracy dzięki układowi, który jest łatwy do zrozumienia dla klientów i super szybki – ułatwiając im realizację transakcji.

Co więcej, Flux Checkout właśnie wydał nowy motyw o nazwie Nowoczesny. Nowy motyw Modern jest prosty i przejrzysty, ze stylowym klimatem. Modern jest wieloetapowy, szybki jak błyskawica i zaprojektowany tak, aby zapobiegać opuszczonym wózkom.

  • Dlaczego to działa: zniknęło menu, pasek boczny i stopka Twojego sklepu. Zamiast tego klientom zostanie zaprezentowana najważniejsza rzecz, jaką mogą zrobić w Twoim sklepie – kasa.
  • Jak z tego korzystać: Jeśli korzystasz już z wtyczki Flux Checkout, możesz dokonać aktualizacji z pulpitu WordPress jak zwykle, a następnie wykonać następujące kroki: 1. Z pulpitu WordPress przejdź do WooCommerce > Flux Checkout . 2. Kliknij kartę Style u góry strony. 3. Tutaj zobaczysz opcje motywu Fluxa. Kliknij przycisk radiowy pod Modern , aby przełączyć się na ten motyw.

3. Lepsze portale kariery

Wszyscy wiemy, że praca i zatrudnienie to teraz wielka sprawa. Było więc tylko kwestią czasu, kiedy firmy zaczną lepiej radzić sobie z projektowaniem i funkcjonalnością portali karier.

Witryny te tradycyjnie zawierały wiele słów, a nie wiele elementów wizualnych i funkcjonalnych. Przejrzyj listę i aplikuj. To było to.

Ten nowy rodzaj witryn poświęconych karierze jest bardziej angażujący dzięki filmom i świetnym treściom, jak w powyższym przykładzie z H&M. Zawierają zdjęcia i informacje, które sprawiają, że chcesz pracować dla firmy. Dodatkowe funkcje, takie jak wyszukiwanie lub łatwe aplikacje, są wisienką na torcie.

  • Dlaczego to działa: Ludzie nie skupiają tak dużej uwagi w internecie, jak kiedyś, a bardziej wizualny format jest niezbędny, aby przyciągnąć uwagę odbiorców.
  • Jak z tego korzystać: Zastanów się, co spodobałoby się komuś, kto szuka pracy w Twojej firmie i wykorzystaj to na swoją korzyść w bardzo wizualny sposób.

4. Piękne strony zakupowe

Sklepy internetowe cały czas wyglądają coraz lepiej. Dotyczy to zarówno zdjęć, jak i funkcjonalności. Bardziej prawdopodobne jest, że kupisz coś w sklepie internetowym, jeśli wygląda świetnie i jest łatwe w użyciu. Można to zobaczyć w akcji w Atelier Camille.

Coraz więcej witryn sklepowych przechodzi na większe obrazy z większą ilością szczegółów i elementów środowiskowych, dzięki czemu możesz wyobrazić sobie siebie w sprzedawanych produktach – od ubrań po gadżety i meble.

  • Dlaczego to działa: Im łatwiej jest sobie wyobrazić siebie w czymś, tym większe prawdopodobieństwo, że poczujesz się z tym związany. To solidna taktyka sprzedaży.
  • Jak z tego korzystać: Zainwestuj w niestandardową fotografię, aby zaprezentować swoje produkty w niesamowity sposób. Pamiętaj, aby dołączyć obrazy szerokokątne i szczegółowe.

5. Lekka grywalizacja

Kiedyś silna grywalizacja była głównym motorem tworzenia interakcji online. Podczas gdy grywalizacja – tworzenie doświadczeń przypominających grę w celu wytworzenia trwałego zaangażowania – nie zniknęła, jest o wiele mniej zaangażowana i lżejsza.

Lekka grywalizacja obejmuje projekty stron internetowych i interakcje, których ukończenie zajmuje tylko kilka minut, a nie dłuższy czas. Użytkownicy otrzymują natychmiastową satysfakcję z ukończenia wyzwania lub interakcji z nagrodą na końcu.

Funkcjonalność, jak w przykładzie J-Crew, jest często połączona z lżejszymi, nawet kreskówkowymi obrazami, aby stworzyć bardziej dziecinne wrażenia, które mogą na chwilę wyrwać użytkowników z „rzeczywistego świata”, aby zaangażować się online.

  • Dlaczego to działa: Mała przerwa od ciężaru świata jest teraz mile widzianą rozrywką dla wielu użytkowników. Lekka gra, która trwa zaledwie kilka minut, może wywołać poczucie sukcesu i pozytywne emocje w stosunku do reszty witryny lub marki.
  • Jak z tego korzystać: Pamiętaj, aby elementy związane z grą były krótkie i zabawne. Powinny być dość łatwe do wykonania, a jednocześnie oferować przynajmniej mały element wyzwania.

6. Bardziej dostępne wideo

Zapomnij o tym całym automatycznie odtwarzanym wideo. Dostępny jest bardziej przystępny film.

Co to znaczy?

Rozpoczęty film został zatrzymany i ma przycisk odtwarzania, który kontroluje użytkownik. Odtwarzanie wideo z ułatwieniami dostępu to tylko jeden z elementów bardziej dostępnych treści wideo online. Inne elementy obejmują używanie podpisów wideo (niezbędne dla użytkowników z czytnikami ekranu), używanie transkrypcji wideo oraz tworzenie opisów audio i tagów alt dla treści audio. Po prostu sprawdź ten przykład z The Arc North Carolina.

Użycie dowolnego z tych elementów w projekcie może sprawić, że Twoje treści będą bardziej dostępne dla większej liczby osób. To więcej niż trend, to staje się koniecznością.

  • Dlaczego to działa: nawet użytkownicy, którzy nie potrzebują ułatwień dostępu, takich jak sterowanie przyciskiem odtwarzania wideo. (Prawie każdy wylądował na stronie ze zbyt dużym ruchem lub dźwiękiem, które na początku były irytujące).
  • Jak z tego korzystać: użyj wspólnych elementów jako zapisów interakcji z filmem. Przyciski odtwarzania i pauzy są standardowe i łatwe do zrozumienia dla użytkowników. Upewnij się, że miejsca docelowe są wystarczająco widoczne, aby można je było łatwo zobaczyć i wchodzić z nimi w interakcję.

Kładąc wszystko razem

Trendy w projektowaniu stron internetowych WordPress są zabawnym elementem, ale nie musisz próbować każdego nowego trendu, który się pojawia. Wybierz te, które są odpowiednie dla Twojej witryny i marki, aby zachować świeżość i nowoczesność.