Nowości w projektowaniu UI

Jak to mówią, piękno jest w minimalizmie. Strona internetowa nie musi posiadać mnóstwa gradientów, kolorowych obrazków czy ozdobnej typografii, aby zainteresować odbiorcę. Skromna, przejrzysta, czasem nawet “sterylna” witryna bywa bardziej przyjazna odbiorcy, zatem budzi pozytywne odczucia w trakcie użytkowania.

Obecnie minimalizm jest numerem jeden w projektowaniu UI. Na stronach króluje biel, krótkie bloki tekstowe, ograniczana jest ilość ozdobników. W czasach, kiedy przeciętny użytkownik internetu jest codziennie zasypywany mnóstwem bodźców, tak zaprojektowane witryny wyróżniają się w pozytywny sposób. Użytkownik może się skupić na konsumowaniu treści i wykonywaniu pożądanych przez projektanta działań.

Perfekcja artystów renesansu opierała się na geometrii. Leonardo zaprezentował idealne proporcje ciała “Człowieka Witruwiańskiego” na podstawie obliczeń i figur płaskich. Były one bowiem bazą każdego dzieła.

Obecnie w webdesignie obserwujemy powrót do konserwatywnych podziałów. Zgeometryzowane elementy layoutu porządkują strukturę witryny. Taki układ ułatwia poruszanie się po stronie i przeglądanie jej zawartości, dlatego projektanci chętnie się do niego odwołują.

Wiadomo nie od dziś, że typografia odgrywa bardzo istotną rolę w komunikacji. Stanowi podstawę projektowania graficznego i user interface. To najczęściej litera gra pierwsze skrzypce w każdym projekcie.

Skład tekstu, siatki czy kroje pisma są równie ważne co grafiki i ilustracje. Warto też wspomnieć, że ostatnio obserwujemy coraz więcej projektów w całości opartych na liternictwie. Duża, wyrazista litera jest bazą niektórych interfejsów.

W wielu projektach na ilustracjach i grafikach pojawia się efekt rozmytego tła oraz tzw. glassmorfizm. Czym różnią się te dwa rozwiązania? 

Pierwsze, jak sama nazwa wskazuje, to rozmycie elementów składających się na tło witryny. Glassmorfizm zaś jest nałożeniem na siebie dwóch elementów, w którym pierwszy z nich jest półprzezroczysty, co tworzy efekt tafli szkła. Nie jest jednak niczym nowym, gdyż już od kilku lat niektóre marki telefonów komórkowych wykorzystują go do projektowania menu głównego.

Użytkownik lepiej zapamiętuje produkty, które wyróżnione są wyrazistymi barwami. Zastosowanie rozmytych plam i kolorowych elementów pozytywnie wpływa na UX. Należy jednak pamiętać o estetycznym minimalizmie i nie pozwolić na nieporządek.

Niezmiennie od kilku lat ilustracje 3D wiodą prym w projektowaniu UI. Wszystko wskazuje na to, że w niedalekiej przyszłości projektanci będą mieli jeszcze większe pole do popisu przy ich tworzeniu. Umożliwi im to technologia 5G, dzięki której można renderować ilustracje 3D na stronie bez spadku jej wydajności.

Poza nowościami w projektowaniu UI nie można zapomnieć o standardach UX. Jednym z najważniejszych jest dostępność. Witryna stworzona na podstawie standardów WCAG stała się priorytetem (w szczególności dla serwisów rządowych i publicznych). 

Interfejs musi być dostosowany do osób starszych i niepełnosprawnych oraz sprawdzać się w każdych warunkach. Strona internetowa powinna być łatwa do odczytania na ekranie smartfona również na zewnątrz, w słoneczny dzień. 

Dobra komunikacja to nie tylko kolory, przejrzystość i przyjazne ilustracje. Nie zapominajmy o UX writing i micro copy. Każdy tekst w internecie musi być napisany w przystępny sposób. Treści na stronie powinny być zrozumiałe zarówno dla zwykłego użytkownika, jak i specjalisty w danej branży.

Dobry copywriter zredaguje treści do CTA, informacje o błędach i inne krótkie komunikaty (micro copy), bazując głównie na emocjach.

Ostatnią, lecz równie ważną kwestią przy tworzeniu serwisu internetowego są testy A/B. Webdeveloper jak również jego zleceniodawca, nie są docelowym klientem powstającej witryny, dlatego niezbędne jest przeprowadzanie badań z udziałem użytkowników. Dzięki nim można dowiedzieć się na jakie propozycje grafik, ilustracji, szablonów czy tekstów odbiorcy reagują najlepiej.

Podsumowując, trendów w projektowaniu UI jest wiele. Zależnie od charakteru marki, dla której budowana jest witryna, należy dobrać odpowiednie rozwiązania. Nowości mogą się czasem nie sprawdzić, dlatego tak ważne jest indywidualne podejście do każdego projektu. Z tego względu istotnym etapem procesu projektowego jest testowanie. Nigdy nie pomijaj tego w pracy nad produktami.