Trendy interfejsu użytkownika 2020: co jest w sklepie?

Nadszedł rok 2020, a wraz z nim nadchodzi szansa na sprawdzenie, które trendy w interfejsie użytkownika sprawdziły się w zeszłym roku, a które prawdopodobnie utrzymają się w tym roku. Początek nowego roku jest doskonałą okazją do przyjrzenia się pojawiającym się trendom w projektowaniu interfejsu użytkownika, które będą nadal zyskiwać na popularności.

Bycie na bieżąco z nowościami w branży projektowej, przydatnymi (lub nie) i wypadającymi z łask ma kluczowe znaczenie dla projektantów UI, którzy chcą oferować swoim klientom innowacyjne pomysły. Przeglądanie trendów i przyglądanie się, jak mogą ewoluować w przyszłości, jest niezbędne do tego przedsięwzięcia.

Trendy UI 2020 będą obejmować opowiadanie historii w projektowaniu UI (zamiast myślenia o projekcie wyłącznie w kategoriach UX), grafikę i animację 3D, unikalne mikrointerakcje, ciemne motywy, prostotę, interakcję głosową i wiele innych.

Opowiadanie historii

O opowiadaniu historii często myśli się wyłącznie w kategoriach UX. Jednak projektanci interfejsu użytkownika mogą również odgrywać istotną rolę w procesie opowiadania historii.

Dzięki wykorzystaniu kolorów, typografii, animacji i projektowania interakcji, projektanci interfejsu użytkownika mogą zaimplementować historie niezbędne do dobrego UX.

Strona docelowa Google Pixel Earbuds to przekonujący przykład opowiadania historii interfejsu użytkownika. Prowadzi zwiedzającego przez zalety produktu poprzez przemyślane animacje, powiązane obrazy i gwiezdną typografię, aby wywołać pozytywną reakcję emocjonalną.

Grafika 3D i animacja

Grafika 3D i animacja nie są nowością w projektowaniu interfejsu użytkownika. Ich częstotliwość wzrosła w ostatnich latach w wielu kategoriach produktów. W szczególności aplikacje VR i AR wykorzystują te elementy do takich rzeczy, jak oglądanie mebli w rzeczywistym pokoju. Innym częstym przykładem jest widok produktu 360 stopni, który stał się popularny w witrynach eCommerce.

Jeśli projekt interfejsu użytkownika ma szczególnie przyciągać wzrok, grafika 3D jest doskonałym sposobem na osiągnięcie tego. Animacja zwiększa atrakcyjność wizualną. Chociaż te efekty są bardziej czasochłonne niż wersje 2D i wymagają specjalistycznego zestawu umiejętności, są warte dodatkowych zasobów w przypadkach, gdy zwiększają ogólne wrażenia użytkownika.

Unikalne mikrointerakcje

Mikrointerakcje są niezbędnym elementem każdego dobrego projektu produktu cyfrowego. Jednak wciąż są pomijane przez wielu projektantów interfejsu użytkownika i interesariuszy.

Mikrointerakcje zapewniają użytkownikom dodatkowe informacje i informacje zwrotne. Mogą obejmować takie rzeczy, jak animacje interakcji, zmiany kolorów w celu pokazania różnych stanów oraz informacje zwrotne w aplikacjach mobilnych. Mikrointerakcje mogą podnieść projekt z funkcjonalnego do wyjątkowego.

Ciemne motywy

Ciemne motywy istnieją od kilku lat, ale wystartowały w 2019 roku. Apple zrobił wiele, aby pomóc temu trendowi, gdy wydali aktualizację Mojave z możliwością automatycznego domyślnego ustawienia ciemnego motywu w aplikacjach, które go obsługują. Wydali również aktualizację dla iOS, która oferuje tę samą funkcjonalność trybu ciemnego.

Ciemne motywy interfejsu użytkownika będą nadal rosły w 2020 roku. Jedną z najważniejszych korzyści — poza atrakcyjnością wizualną — jest to, że dla niektórych osób ciemne motywy z odpowiednim kontrastem mogą pomóc w zmęczeniu oczu.

Jedną z najnowszych znaczących aplikacji do obsługi ciemnego motywu jest Gmail, który zaczął wprowadzać tę opcję we wrześniu. Teraz, gdy wszyscy trzej główni giganci technologiczni (Apple, Google, a nawet aplikacja mobilna Facebooka) wskoczyli na modę na ciemny motyw, jest mało prawdopodobne, aby ten trend zniknął w najbliższej przyszłości.

Prostota

Prostota i minimalizm pojawiają się i wychodzą z mody w projektowaniu interfejsu użytkownika co kilka lat. W tej chwili są w środku.

Funkcjonalność jest na pierwszym planie przy prostych projektach. Prostota to bardziej zbiór zasad projektowania niż jeden trend. Proste projekty często zawierają zasady Gestalt, odważną typografię, minimalistyczne palety kolorów i mnóstwo białych przestrzeni.

Prostota projektowania nie jest łatwa do stworzenia. Wymaga to pewności ze strony projektanta, a każdy element musi być doskonały, ponieważ nie ma nic do ukrycia wątpliwych wyborów projektowych. Dobrze zrobione, tworzy eleganckie, wysokiej jakości wrażenie, które ludzie uwielbiają używać.

Interakcje głosowe

Interakcje głosowe były kiedyś zarezerwowane dla świata science fiction. Zmieniły to smartfony i aplikacje mobilne, dzięki czemu interakcja głosowa stała się nie tylko możliwa, ale stała się popularna. Umożliwienie ludziom interakcji z aplikacjami za pomocą poleceń głosowych otwiera świat możliwości interakcji z produktem. Gdy konsument może wydawać polecenia głosowe, może korzystać z aplikacji w sytuacjach, w których interfejsy dotykowe nie są bezpieczne lub praktyczne — na przykład podczas prowadzenia pojazdu, stosowania się do przepisu lub samouczka.

Interakcja głosowa nie jest nowa, ale wczesne iteracje były niezgrabne i często nie działały dobrze. W ciągu ostatnich kilku lat interakcja głosowa ewoluowała (zwykle z pomocą wspomaganą sztuczną inteligencją) i stała się praktyczną metodą komunikacji z aplikacją. Ponieważ sterowanie głosowe poprawia się jeszcze bardziej, jest to trend, który prawdopodobnie nie zniknie. Na I/O 2019 firma Google ogłosiła znaczące aktualizacje funkcji Asystenta Google, że niektórzy spekulują, że mogą być początkiem interakcji głosowych niemal całkowicie zastępujących interakcje dotykowe.

Projektanci UI skorzystają na zapoznaniu się z tym, jak działają interakcje głosowe i jak najlepiej zintegrować je ze swoimi produktami, zwłaszcza aplikacjami mobilnymi. W końcu interakcje głosowe mogą wyprzedzić inne rodzaje interakcji, w tym w sieci.

Trendy projektowania interfejsu użytkownika w typografii

Co roku pojawiają się nowe trendy typograficzne i nie inaczej było w zeszłym roku. Niektóre z bardziej widocznych trendów w interfejsie użytkownika, które prawdopodobnie utrzymają się w 2020 roku, obejmują powrót do czcionek szeryfowych, niezbyt duży tekst bohatera i pisanie warstw z innymi elementami.

Kiedy po raz pierwszy zaczęły pojawiać się projekty graficznego interfejsu użytkownika, szeryfy były ogólnie postrzegane jako trudne do odczytania na ekranie. Niskie rozdzielczości ekranu oznaczały utratę drobniejszych szczegółów liter (i ogólnie małych szczegółów wizualnych), przez co wiele czcionek, które tradycyjnie dobrze sprawdzały się w druku, wyglądało okropnie na ekranie komputera.

Wraz ze wzrostem rozdzielczości ekranu idea szeryfów była trudna do odczytania na ekranie. Zmieniło się to w ostatnich latach, a szeryfy pojawiały się w każdym miejscu, w tym w nagłówku i tekście bohatera, gdzie zazwyczaj były mniej powszechne niż ich odpowiedniki bezszeryfowe i wyświetlane z czcionką.

Wygląda na to, że tekst bohatera z roku na rok staje się coraz większy, często zajmując całą przestrzeń „nad zakładką” na stronie internetowej. Zmieniło się to w 2019 r., Kiedy nad obrazami bohatera i nagłówka zastosowano mniejszy (choć nadal widoczny) tekst. To mile widziana zmiana, która ponownie wprowadza białe znaki jako cenną część projektu bohatera.

Innym rosnącym trendem jest nakładanie warstw z elementami graficznymi pod lub na górze obrazów (a czasem na obu). Czasami tekst jest nakładany lub podklejany obrazami lub kolorami w ramkach, a innym razem jest w pełni zintegrowany z innymi elementami wizualnymi.

Patrząc w przyszłość na trendy UI 2020

Najlepsze trendy w interfejsie użytkownika są atrakcyjne wizualnie, jednocześnie poprawiając ogólne wrażenia i użyteczność produktu cyfrowego. Omówione powyżej trendy będą nadal ewoluować, a nowe prawdopodobnie pojawią się w 2020 roku.

Gdy większe marki przyjmują trendy i stają się coraz bardziej wszechobecne, ewoluują w standardy i stają się częścią cyfrowego krajobrazu. Ta ewolucja już się dzieje z trendami, takimi jak ciemne motywy.

W innych przypadkach trendy utrzymują się przez kilka lat, a następnie znikają, gdy pojawiają się lepsze pomysły i metody. Jednym z przykładów jest interfejs przewijania paralaksy, który był niezwykle popularny kilka lat temu, ale nie jest tak widoczny w 2020 roku.

Nowe trendy pojawią się w 2020 roku, a niektóre z przedstawionych tutaj mogą zniknąć do końca roku. Doświadczeni projektanci UI zawsze szukają lepszych sposobów prezentowania treści, co oznacza, że ​​niektóre trendy UI w 2020 roku praktycznie znikną z cyfrowego ducha czasu do 2021 roku.

• • •

Dalsza lektura na blogu Toptal Design:

• Patrząc w przyszłość – trendy projektowe roku 2020
• Toptal Design Blog Kolor Roku 2020
• Retrospektywa trendów w projektowaniu UX 2019
• Czy wszystkie trendy są tego warte? 5 najczęstszych błędów UX, które popełniają projektanci stron internetowych
• Śledzenie trendów: hołd kontra plagiat designu