Retrospektywa trendów w projektowaniu UX 2019

"Kreatywność wymaga odwagi." – Henri Matisse

Bitwa o naszą uwagę jest większa niż kiedykolwiek, ponieważ bogate treści cyfrowe rywalizują o miliony gałek ocznych. Z szerzącymi się rozproszeniami możemy osiągnąć tak zwany „szczytowy kryzys poznawczy”. Obrazy, filmy, tekst, ilustracje, animacje i podcasty przeciążają nasze zmysły sponsorowanymi postami, fałszywymi wiadomościami, zdjęciami z wakacji naszych przyjaciół, płonącą Australią, powodzią Wenecji i zapowiedzią wojny, a wszystko to w krótszym czasie niż 10 sekund, gdy przewijamy kanał sieci społecznościowej.

Za pośrednictwem tej burzy — milionów rozproszeń, z których wszystkie konkurują o naszą uwagę — trendy projektowe wyłaniają się dzięki innowacjom i eksperymentom. Trendy zazwyczaj powstają, ponieważ kreatywny umysł coś wymyślił, stworzył, ludziom się to spodobało i to się rozprzestrzeniło. Niektóre trendy mają krótką żywotność, niektóre utrzymują się dłużej, a niektóre są poddawane recyklingowi w ciągu kilkudziesięciu lat – zobacz powrót mody i płyt winylowych z lat 60. z Generacją Z. Trendy pojawiają się w wielu dziedzinach i dyscyplinach: od mody po włosy, od jedzenia po samochody, od architektury po design, a nawet politykę.

Trendy rodzą się z kreatywności i odważnych eksperymentów. W 1960 roku, kiedy Margaret Vinci, mistrzyni fryzjerstwa, została zachęcona przez redaktora magazynu Modern Beauty Salon do zrobienia „czegoś naprawdę innego”, co określiłoby nadchodzącą dekadę, wymyśliła fryzurę w kształcie ula. Rozprzestrzenił się lotem błyskawicy i stał się gorącym trendem w latach 60-tych. Ul Audrey Hepburn, który pięknie pokazała w klasycznym filmie „Śniadanie u Tiffany'ego”, jest jednym z najbardziej kultowych przykładów, podobnie jak rozczochrane podejście Brigitte Bardot.

Podobnie jak w przypadku wielu innowacji, projektanci prezentują swoje nowo wybite i starannie wykonane kreacje w różnych mediach, aby je przetestować i pokazać. Niektóre projekty UX to autentyczne wysiłki, aby wszystko wyglądało i działało lepiej. Niektóre z nich to projekty próżności mające na celu wywyższenie projektanta i ogłoszenie go półbogami projektu z 10 000 polubień na Dribbble – nawet jeśli tylko na krótki moment na radarze.

W chaotycznej mnogości opcji, niektóre projekty są odrzucane, a niektóre są zachowywane i stają się trendem w projektowaniu UX – nie tylko wśród konsumentów, ale także wśród rówieśników. Koledzy odpowiadają kciukiem w górę lub w dół: Oooch, podoba mi się to. Wygląda świetnie. To sprawia, że ​​wszystko działa lepiej. Lubię ten styl. Albo meh, nie działa dla mnie… Czasami, ogarnięci objawami FOMO (Fear Of Missing Out), inni projektanci wskakują na modę, emitując: Słuchaj, jestem hip, nowoczesny i też współczesny! i jestem z duchem czasu, zobacz, to jest najnowsza rzecz.

Naśladownictwo jest najszczerszą formą pochlebstwa, jaką przeciętność może zapłacić wielkości. Oscar Wilde

Niektórzy projektanci UX mogą opierać się trendom projektowym, ponieważ nie chcą być postrzegani jako naśladowcy. Niektórzy wprost odrzucają trendy w projektowaniu, odrzucając je jako przelotne mody i trzymają się zasad dobrego projektowania. Weźmy „wiecznych minimalistów”, którzy są zaprzysięgłymi wrogami wszystkiego, co maksymalistyczne. Ale różni projektanci powinni zdać sobie sprawę, że każdy styl i trend ma swoje miejsce na świecie. Kiedy niewłaściwy trend jest używany w niewłaściwym czasie, w niewłaściwych mediach, w niewłaściwym kontekście, powstaje spustoszenie i ludzie się kulą.

Czerpanie inspiracji z trendów projektowych może być przydatne w inny sposób. Kiedy przerażający blok twórczy paraliżuje projektantów, czerpanie inspiracji z trendów projektowych może pomóc go przezwyciężyć. Nie ma nic złego w szukaniu nowych źródeł inspiracji, o ile nie prowadzi to do bezmyślnego naśladownictwa. Inspirowanie się określonym trendem projektowym jest ukłonem w stronę jego twórcy, uznaniem, że to działa, a to, co działa, wkrótce stanie się najlepszą praktyką, konwencją i ugruntowanym wzorcem projektowym.

Spójrzmy wstecz na trendy w projektowaniu UX 2019 i podkreślmy tuzin ważnych.

Trend UX roku 2019: ilustracje wszędzie

Przez ostatnie kilka lat kapryśne ilustracje przenikały do ​​cyfrowego świata projektowania, ale w 2019 roku zostały wysunięte na pierwszy plan. Trend jest napędzany pragnieniem uzyskania organicznej wrażliwości w wizualizacjach i odejścia od zimnego, cyfrowego, „ techniczny wygląd.” Ruch łączy siły z niedawnym powrotem mediów analogowych – płyt winylowych, ubrań w stylu vintage, druku typograficznego – rzeczy wykonanych z rzeczywistych surowców. Ludzie tęsknią za namacalnością — rzeczami naturalnymi, organicznymi i rozsądnymi.

Obrazy i ilustracje stockowe są już niedostępne . Od dziwacznych ilustracji cyfrowych po czarno-białe szkice węglem — wszystko, co ma organiczny charakter, jest dostępne. Izometryczne ilustracje są bardzo modne i żaden skeuomorfizm nie jest dozwolony. Wszystko sprowadza się do organicznych, niestandardowych ilustracji na stronach internetowych i w aplikacjach, nawet przycisków i ikon.

Jeszcze lepiej, jeśli projektanci mogą wprowadzić do ilustracji odrobinę ruchu. Powolna, subtelna animacja dodaje ciekawy element do statycznej ilustracji, ożywiając ją.

Ilustracje, zwłaszcza do sekwencji onboardingowych, również przyczyniły się do rozwoju mobilnego projektowania UX.

Mieszanie trendów nie jest rzadkością. Pomysłowe strony docelowe prezentują animacje multimedialne uruchamiane przewijaniem, paralaksą, które czasami łączą animowane ilustracje z ruchomym tłem, typografią, zdjęciami i wideo.

Chodźmy w ciemno: tryb ciemny/ciemne motywy

Ze względu na rosnącą popularność ciemnych motywów coraz więcej projektów cyfrowych przechodzi na „ciemną stronę”. Fajny nowy tryb ciemny zaatakował różne platformy: systemy operacyjne, telewizory, urządzenia mobilne i sieć. Apple podsyciło szał trybu ciemnego za pomocą interfejsu użytkownika telewizora, następnie systemu Mac OS Mojave, a wreszcie systemu iOS 13 i nowego iPadOS. Interfejsy użytkownika z ciemnym motywem mają kilka zalet: są przyjemne dla oka, mogą być bardziej stylowe i eleganckie oraz oszczędzają baterię.

Jednak projektanci powinni stąpać ostrożnie, jeśli zdecydują się chodzić po ciemnej stronie. Użyteczna paleta kolorów może być ograniczona, a niewłaściwa kombinacja kolorów może być torturą dla oczu. Poza tym pojawiają się wszelkiego rodzaju problemy z użytecznością — głównie związane ze skanowalnością, czytelnością i kontrastem. Projektanci UX muszą zapewnić wystarczający kontrast między elementami interfejsu użytkownika, takimi jak przyciski, tekst i tło. Należy wziąć pod uwagę kontekst użytkowania, tj. środowisko oglądania, a także urządzenie, na którym prawdopodobnie będzie wyświetlany interfejs użytkownika z ciemnym motywem.

Minimalizm/Maksymalizm

Świetne produkty osiągają więcej mniejszym kosztem. Minimalizm jako trend w projektowaniu UX jest popularny, na co wskazują najnowsze trendy w projektowaniu aplikacji internetowych i mobilnych. Apple, dziecko z plakatu minimalizmu, było jego najbardziej wpływowym i potężnym orędownikiem. Dając ukłon w stronę ikony designu, ideologii Dietera Ramsa i mocy „istotnego projektu”, oparte na minimalizmie projekty sprzętu i oprogramowania Apple są niczym wyjątkowym. Biorąc jedną stronę z podręcznika Apple, projektanci UX od dawna podkreślają znaczenie ograniczenia projektowania cyfrowego do absolutnego minimum, dając ludziom tylko absolutnie niezbędne do wykonania zadania.

Miłośnicy minimalizmu zdają sobie sprawę, że ludzkie zasoby poznawcze są ograniczone, podobnie jak ich zdolność do przetwarzania i rozumienia złożoności informacji. Ludzie nie są w stanie uchwycić każdego niuansu bodźców wymaganych do nadania jego pełnego znaczenia. Istotna informacja to to, co najprawdopodobniej przyciągnie uwagę w danej sytuacji i będzie miało największy wpływ na to, jak odbierane będą bodźce.

„Kreatywność to umiejętność podejmowania ryzyka. Postawić się na szali i zaryzykować ośmieszenie, bycie pod pręgierzem, krytykowanie, cokolwiek. Ale… musisz podjąć to ryzyko. - Żądło

Antyteza rzadkiego, zimnego minimalizmu, maksymalizmu to ruch projektowy o wysokim ryzyku i wysokich nagrodach, który wymaga zaangażowania i skoku wiary. Przewrotni, zbuntowani projektanci UX — kontrkulturowi „hipisi projektowi” — zwracają się ku maksymalizmowi, by stać się wielkimi, głośnymi i wywierać wpływ. Ale dążenie do wyróżnienia się z pejzażu konformistycznych minimalistów nie jest pozbawione ryzyka. Maksymalizm może zadać cios, ale może też odbić się na wodzy. To tylko dla odważnych, którzy są gotowi zaryzykować wszystko i od czasu do czasu spłonąć.

Maksymaliści wierzą, że umysł kocha bodźce. Niekiedy o uwagę wołają warstwy kolorów, faktur i wzorów, graniczące z dziwacznością maksymalizmu, którego manifest głosi: „nie będziemy ignorowani!” Maksymalistyczny design dotyka wielu aspektów projektowania: projektowania graficznego, projektowania stron internetowych, projektowania mobilnego, projektowania wnętrz, mody, architektury i nie tylko — jest to sposób dla projektantów na stymulowanie i fascynowanie.

Neumorfizm

Projektanci wymyślili neumorfizm z chęci pozostania z minimalistyczną wrażliwością, ale łącząc to, co najlepsze w skeuomorfizmie i projektowaniu materiałów. Skeuomorfizm to trochę za dużo — próba naśladowania obiektów w prawdziwym świecie — a projektowanie materiałów było zbyt płaskie. Neumorfizm jest gdzieś pośrodku. Jednak, jakkolwiek ekscytująco może wyglądać na powierzchni, ten trend projektowania UX może być krótkotrwały, według niektórych krytyków.

Neumorfizm pozwala na „czyste projekty”, pozbawione koloru — co jest zwykle używane do oznaczania elementów w interfejsie użytkownika — a zamiast tego technika wykorzystuje lekko podniesiony lub wcięty miękki cień do oddzielenia składników interfejsu użytkownika. Podobnie jak w przypadku wielu trendów, trendy w projektowaniu można również mieszać, a projektanci mogą tworzyć „gumbos trendów w projektowaniu”, ekscytującą mieszankę najnowszych smaków. Na przykład neumorfizm można łączyć z innymi trendami, takimi jak interfejsy z ciemnym motywem.

Znaczące mikrointerakcje

„Szczegóły nie są szczegółami. To oni tworzą projekt”. – Charles Eames.

To wszystkie drobne szczegóły, które zmieniają dobry produkt cyfrowy w świetny. Dan Saffer, autor książki Microinteractions, definiuje mikrointerakcje jako „zawarte momenty produktu, które obracają się wokół pojedynczego przypadku użycia — mają jedno główne zadanie”. Poza estetyką, dobrze wykonane, płynne mikrointerakcje mogą wzbudzać u ludzi zachwyt w momentach interakcji. Mikrointerakcje dotyczą krytycznych szczegółów, które decydują o różnicy między przyjaznym a frustrującym doświadczeniem.

Mikrointerakcje nie są przeznaczone wyłącznie dla aplikacji mobilnych; mogą być również zaprojektowane dla stron internetowych, aplikacji komputerowych i aplikacji internetowych (SaaS). Projektanci jednak strzeżcie się, podobnie jak w przypadku trendu na ciemny motyw, stąpajcie ostrożnie. Zbyt dużo w niewłaściwym miejscu może odwrócić się i zrujnować wrażenia użytkownika; dlatego niezbędne jest rozważne rozważenie, ile z nich i w jakim kontekście należy je dostarczyć.

Więcej interakcji gestami na urządzeniach mobilnych

Szukanie wskazówek dotyczących interfejsu i stukanie w ikony stało się niedopuszczalne na urządzeniach mobilnych. Ludzie coraz częściej oczekują, że różne elementy interfejsu użytkownika na urządzeniach mobilnych można przesuwać, co staje się najlepszą praktyką w projektowaniu urządzeń mobilnych. Zapewnia lepszy UX, ponieważ ludzie mogą wykonywać gesty w nieprecyzyjny sposób. Na przykład przesuwanie jest szybsze i łatwiejsze niż znajdowanie i stukanie ikony w celu zamknięcia karty. W większości przypadków dostępne są obie opcje interakcji.

W przypadku drobnych interakcji mobilnych, takich jak udostępnianie, zapisywanie, preferencje, powiększanie obrazu lub oglądanie wideo w kanale społecznościowym, coraz częściej używa się warstwowych kart przesuwanych. W najnowszym systemie iOS 13 firmy Apple tryb kart warstwowych jest szeroko stosowany w ich natywnych aplikacjach. Inne aplikacje również wykorzystują tę naturalną i szybką technikę interakcji mobilnej.

Wizualizacja 3D nadaje produktom wrażenie świata rzeczywistego

Zaawansowana, wyrafinowana fotografia jest droga, a zdjęcia stockowe są już niedostępne . Wizualizacje 3D są w . Kiedy obiekty są renderowane w 3D, można sobie wyobrazić, że można ich dotknąć. Wszystko, od cyfrowych wersji produktów dla handlu elektronicznego i koncepcji opakowań produktów po wizualizacje wnętrz i izometryczne plany pięter biur, 3D pomaga ludziom wizualizować, jak coś by wyglądało i wyglądało. W przeciwieństwie do fotografii, renderowane obrazy 3D można natychmiast zmienić na alternatywny schemat kolorów, przeskalować i umieścić w innym środowisku.

Interakcje głosowe

Poziom komfortu ludzi z interakcjami głosowymi rośnie. Rozmawiamy z przedmiotami nieożywionymi, a one nam odpowiadają. Nie tylko wtedy, gdy mamy zajęte ręce, brudne czy prowadzimy samochód, używamy interakcji głosowych w naszych telefonach komórkowych. Coraz więcej osób wyszukuje za pomocą głosu, dyktuje wiadomości tekstowe i odtwarza muzykę za pomocą poleceń głosowych.

Zdobywając większą akceptację w głównym nurcie, rozmawiamy z cyfrowymi asystentami głosowymi Alexa, Cortana, Google Assistant i Siri, aby uzyskać informacje o podróży i pogodzie, zrobić zakupy i zamówić przejazd. Oprócz popularnych asystentów głosowych, możliwość korzystania z interakcji głosowych jest coraz częściej wbudowana w różne urządzenia i aplikacje. Niedawna ankieta wykazała, że ​​powodem, dla którego ludzie lubią używać głosu do interakcji, jest to, że jest on szybki, dokładny i nie wymaga pisania na klawiaturze; innymi słowy, zmniejsza tarcie i zapewnia lepszy UX.

Konwersacyjne interfejsy użytkownika i chatboty

Tradycyjne strony docelowe z dużymi obrazami bohaterów, przyciskami, linkami i formularzami stopniowo ustępują miejsca jednemu z najbardziej intuicyjnych i naturalnych wzorców interakcji — rozmowie. Konwersacyjne interfejsy użytkownika zapewniają wspaniałe wrażenia, bardziej spersonalizowane i bezproblemowe.

Zazwyczaj chatboty to platformy sztucznej inteligencji, które wykorzystują komunikatory internetowe jako interfejs aplikacji. Zamiast obciążać użytkowników, prosząc ich o wypełnienie formularzy, chatboty łagodzą to obciążenie, czyniąc interakcję bardziej naturalną i konwersacyjną. Niektóre boty nie są sztuczną inteligencją, ale prawdziwymi ludźmi, którzy wchodzą w interakcje za pośrednictwem czatu, aby zapewnić bardziej atrakcyjne wrażenia użytkownika.

Mimo że czas może być taki sam – na przykład dokończenie rezerwacji podróży – ponieważ interakcja jest konwersacyjna i podzielona na kawałki, obciążenie poznawcze jest zmniejszone, a wrażenia użytkownika są lepsze.

Animacje uruchamiane przewijaniem opowiadają historie, sprzedają produkty i usługi

Super zbliżenia, wysokiej jakości renderowanie 3D produktów staje się modne, jeśli chodzi o sprzedaż produktów w Internecie. Skoncentrowane na marketingu stylu życia animacje uruchamiane przewijaniem opowiadają fascynujące, kinowe historie z efektowną grafiką. Często łączą animację poklatkową, fotografię i wideo z elegancką typografią, są zaprojektowane tak, aby angażować i przyciągać ludzi.

Koncentrując się na unikalnych wrażeniach odwiedzających, które są bardziej urzekające niż statyczne strony internetowe, które ludzie przeglądają w staromodny sposób, różne firmy usługowe wykorzystują również trend UX animacji uruchamianej przewijaniem, aby sprzedawać wszystko, od usług kreatywnych po projektowanie cyfrowe i branding.

Witryny mieszane z silną typografią

W ciągu ostatnich kilku lat sieć ożyła dzięki stronom multimedialnym pełnym samoodtwarzających się filmów, animowanych GIF-ów, animacji 3D i animowanych ilustracji uruchamianych przewijaniem. Wraz z głośną typografią i przewijaniem paralaksy, wydaje się, że wrzucono wszystko poza zlewem kuchennym – ale jeśli zostaną wykonane dobrze z pewną powściągliwością i wyrafinowanym stylem, z pewnością przyciągną uwagę odwiedzających. Doświadczenia nie są już zaprojektowane tak, aby były liniowe, ale bogate i wciągające.

eCommerce ożywa dzięki 3D, AR i Motion

Zakupy w świecie fizycznym to doświadczenie dotykowe. Badania wykazały, że animacje wideo lub 3D na stronach produktów w witrynie eCommerce mają tendencję do sprzedawania większej liczby produktów, ponieważ ludzie mogą je lepiej zrozumieć. Produkty wprowadzane do rzeczywistości za pośrednictwem rozszerzonej rzeczywistości (AR) również działają lepiej, ponieważ ludzie mogą je „przymierzyć” lub umieścić produkty w rzeczywistych środowiskach. Wraz ze wzrostem szybkości połączeń internetowych i coraz lepszymi przeglądarkami w renderowaniu wszelkiego rodzaju treści multimedialnych, te trendy eCommerce UX z pewnością będą kontynuowane.

Wybierz trendy w projektowaniu UX

Chociaż nadążanie za najnowszymi trendami UX może być pułapką, jeśli nie jest prowadzone rozsądnie, kluczowe jest bycie na bieżąco z aktualnymi trendami. Może to pomóc projektantowi UX stać się lub pozostać w czołówce. Trendy w projektowaniu UX mogą zwiększyć wysiłki projektantów UX, aby spełnić wysokie oczekiwania ludzi, ponieważ w większości przypadków zostały one przefiltrowane przez eksperymenty projektowania UX i okazały się skuteczne.

Każdego roku pojawiają się nowe, gorące trendy w projektowaniu UX. Niektóre staną się popularne, inne znikną i ostatecznie znikną. Dzięki procesowi bezlitosnej eliminacji przetrwają tylko najbardziej użyteczne i trwałe, co jest świetne dla postępu w sztuce i nauce projektowania wyjątkowych doświadczeń użytkownika.

• • •

Dalsza lektura na blogu Toptal Design:

• Patrząc w przyszłość – trendy projektowe roku 2020
• Sprawdzone i prawdziwe prawa UX (z infografiką)
• Opanuj gorące trendy w projektowaniu dzięki tym samouczkom Photoshop
• Wybitne trendy w handlu elektronicznym i ich wpływ na projektowanie (z infografiką)
• Czy wszystkie trendy są tego warte? 5 najczęstszych błędów UX, które popełniają projektanci stron internetowych