Najnowsze trendy w UX/UI

Opublikowano: 2020-10-30
Autor: Rados艂aw Drwal

Najnowsze trendy w UX/UI

UI (User Interface) polega na stworzeniu j臋zyka, dzi臋ki kt贸remu oprogramowanie jak najefektywniej b臋dzie potrafi艂o komunikowa膰 si臋 z u偶ytkownikiem. Sk艂adowymi UI s膮 wszystkie elementy wizualne typu menu, galeria, rozk艂ad tekstu, kolorystyka, a wi臋c wszystko co dotyczy warstwy estetycznej u艂atwiaj膮cej komunikacj臋 z programem, stron膮 lub aplikacj膮. UI mo偶e te偶 odpowiada膰 za fizyczne elementy pomagaj膮ce w komunikacji takie jak r贸偶nego rodzaju klawiatury, panele sterowania b膮d藕 te偶 urz膮dzenia peryferyjne. Obecnie panele dotykowe zdaj膮 si臋 wypiera膰 du偶膮 cz臋艣膰 fizycznych klawiatur na korzy艣膰 ekran贸w dotykowych. Je艣li za艣 chodzi o UX (User eXperience) to nie tworzy on j臋zyka do komunikacji pomi臋dzy programem, a u偶ytkownikiem 鈥 jest znacznie bardziej obszerniejszy. Jego funkcje skupiaj膮 si臋 na tym, aby maksymalnie usprawni膰 funkcjonowanie wszystkich proces贸w. G艂贸wnym jego celem jest okre艣lenie oraz odkrycie indywidualnych cech osobowych dla danej grupy, do kt贸rej dany produkt lub us艂uga b臋d膮 skierowane. W nast臋pstwie tych dzia艂a艅 i na podstawie zebranych informacji pr贸buje si臋 w taki spos贸b dopasowa膰 produkt czy us艂ug臋, aby u艂atwi膰 i usprawni膰 komunikacj臋, a tym samym sprawi膰, by dany produkt by艂 jak bardziej intuicyjny i przyjemny w odbiorze dla przeci臋tnego u偶ytkownika. W jaki spos贸b kszta艂tuj膮 si臋 trendy w tej bran偶y na 2020 rok?


Animacje oraz drobne (mikro) interakcje

W ubieg艂ych latach na stronach internetowych przewa偶a艂y zdj臋cia lub te偶 ilustracje w formie statycznych obrazk贸w. Z biegiem czasu coraz cz臋艣ciej pojawia艂y si臋 ilustracje tr贸jwymiarowe albo video, jednak nie dotar艂y one jeszcze do powszechnego nurtu. W obecnym roku silnym trendem staje si臋 wykorzystanie animacji, ruchomych obraz贸w oraz animowanych element贸w na stronach internetowych. Bardzo subtelnych, prostych, wr臋cz minimalistycznych 鈥 nieodci膮gaj膮cych zbytnio uwagi u偶ytkownik贸w od najwa偶niejszych informacji. Animacje urozmaicaj膮 wygl膮d witryn i stanowi膮 wyr贸偶nik tych najbardziej nowoczesnych. Jest to trend powi膮zany z coraz cz臋stszym korzystaniem z animowanej wersji loga danej marki.


Skrajny minimalizm

Forma ta pozwala na skupienie si臋 na samej esencji przekazu, je偶eli chodzi o elementy stron internetowych, bez 偶adnych dodatkowych element贸w. Powoduje to widoczne zastosowanie bardzo surowej formy graficznej. Obecnie popularne staj膮 si臋 ascetyczne strony internetowe, uproszczone do granic mo偶liwo艣ci z zastosowaniem podstawowych kszta艂t贸w i ograniczonego zbioru element贸w. Na stronach mo偶na dostrzec wi臋cej przestrzeni i 艣wiat艂a. Pomimo, 偶e tradycyjny minimalizm powoli schodzi na drugi plan, jednak jego surowa cz臋艣膰, to przysz艂o艣膰 webdesignu. Taki minimalizm mo偶e by膰 szczeg贸lnie kusz膮cy dla start-up贸w, firm zajmuj膮cych si臋 designem oraz fotograf贸w, projektant贸w wn臋trz czy artyst贸w.


Naturalistyczne strony internetowe

Potrzeba posiadania brzydkiej, dziwnej, naturalistycznej wr臋cz strony internetowej mo偶e wydawa膰 si臋 dziwna. Taki jednak jest design stron utrzymanych w tym stylu. Maj膮ce wygl膮da膰 na amatorskie, nawi膮zuj膮ce do klimatu mody, sztuki i popkultury lat ubieg艂ych, asymetryczne, 鈥瀗iezdarne鈥. S膮 manifestacj膮 naturalizmu i brutalizmu w UX designie witryn internetowych. Trend zyskuje na popularno艣ci tak偶e w tym roku. Warto zaznaczy膰, 偶e zaprojektowanie i stworzenie tego w konwencji brutalizmu jest sporym wyzwaniem dla webdesignera.聽


艢mia艂a typografia

Dotychczasowe zastosowanie standardowych czcionek odchodzi w zapomnienie. W designie webowym znajdziemy tw贸rcze rozwi膮zania typograficzne. Napisy, fonty i tre艣ci pojawiaj膮 si臋 cz臋艣ciej jako pierwszoplanowe elementy witryn, stanowi膮c meritum projektu. Popularne staje si臋 nanoszenie tekstu na zdj臋cia w odwa偶ny spos贸b oraz nak艂adanie tekst贸w na siebie, ich 艂膮czenie i przenikanie w r贸偶norakich kompozycjach. Zastosowanie typografii w odmienny spos贸b wymaga od projektant贸w przemy艣lenia koncepcji projektu, zw艂aszcza w hierarchii informacji system贸w UI/UX. Efektem s膮 bardzo dynamiczne, oryginalne i 艣mia艂e strony internetowe.


Asymetria w WebDesignie

Wyj艣cie poza utarte schematy, brak zachowania stylu blokowego, symetrii, harmonii i porz膮dku. Wszystko to stanowi kierunek, zwracaj膮cy uwag臋, je偶eli chodzi o webdesign i UX/UI design w tym roku. Zastosowanie asymetrii w projektach graficznych stron internetowych wynika z ch臋ci przyci膮gni臋cia uwagi i odr贸偶nienia z po艣r贸d miliard贸w klasycznych i symetrycznych, poprawnych i u艂o偶onych stron internetowych. To forma przejawu buntu, ale te偶 spos贸b na tw贸rcze wyra偶enie swobody designer贸w.

Wy艣wietle艅: 109
Warto przeczyta膰:
J臋zyk Perl 鈥 struktura i zastosowanie

J臋zyk Perl 鈥 struktura i zastosowanie

J臋zyk Perl 鈥 zastosowanie i budowaPerl to przedstawiciel zbioru j臋zyk贸w kompilowanych, co w praktyce oznacza, 偶e cz臋艣ci kodu s膮 ze sob膮 wi膮zane przy[...]
Epic vs Apple 鈥 o co chodzi w tym sporze?

Epic vs Apple 鈥 o co chodzi w tym sporze?

Idea konfliktu pomi臋dzy korporacjami Epic Games oraz Apple skupi艂a na sobie istotn膮 cz臋艣膰 uwagi bran偶owych medi贸w. Zarzewiem okaza艂a si臋, bij膮ca od[...]
Python vs Java - w kt贸rym j臋zyku programowa膰 ?

Python vs Java - w kt贸rym j臋zyku programowa膰 ?

Sektor nowych technologii oferuje przysz艂ym programistom kilkaset r贸偶nych j臋zyk贸w do kompilowania przer贸偶nej ma艣ci kodu. Wyb贸r jednego, szczeg贸lnego[...]