Web Design to ważny aspekt przy tworzeniu witryn internetowych. W końcu ludzie uwielbiają to co ładne i przejrzyste, ten artykuł opisuje istniejące trendy w Web Designie.
Smartfony są bardzo istotne
Wraz ze wzrostem ruchu mobilnego każdego dnia, responsywne strony internetowe stały się obowiązkowe w ostatnich latach. Nadszedł czas, aby naprawdę opanować projektowanie mobilne. Nie ma już pytania: czy nasza strona działa na urządzeniach mobilnych? To jest: w jaki sposób nasze treści są najlepiej prezentowane na urządzeniach mobilnych?
80% internautów ma smartfona i korzysta z niego. W rzeczywistości, średni czas spędzany na urządzeniach mobilnych stale rośnie i wzrósł do ponad 5 godzin dziennie.
Niektóre kluczowe wyzwania związane z projektowaniem mobilnym to:
- możesz chcieć wyświetlać reklamy, które stanowią wyzwanie dla urządzeń mobilnych
- chcesz zachować podobną funkcjonalność i nawigację treści
- nie chcesz, żeby twój ekran był zagracony
- nie chcesz, aby użytkownicy znajdowali tę samą treść na swoim urządzeniu mobilnym i na komputerze
Użytkownicy muszą uwielbiać mobilne wrażenia, w przeciwnym razie po prostu sobie pójdą. Ostatnie badanie przeprowadzone przez Google wykazało, że zasadniczo żadne pytanie nie jest zbyt małe, aby użytkownicy mogli wyjąć smartfon i przeprowadzić badania. Chodzi o szczoteczki do zębów, butelki z wodą lub sól.
Jednym z kluczowych elementów umożliwiających osiągnięcie priorytetu mobilnego jest łatwość poruszania się po treści jedną ręką. Pomyśl o tym, jak korzystasz ze smartfona. Możesz czytać artykuły, stojąc w autobusie lub metrze, a podczas pisania przez supermarkety możesz pisać SMS-y, możesz szukać „najlepszego czerwonego wina”, gdy jesteś w drodze do przyjaciela. Możliwe, że robisz niektóre z tych rzeczy jedną ręką.
Grubość fontów
Pogrubione kroje są tutaj. Duże litery przyciągają nas do potężnych nagłówków otoczonych dużą ilością białych znaków. Odważne kroje pisma są nie tylko estetyczne. Mają także wpływ na szybkość czytania, rozumienie tekstu i percepcję użytkownika. Chociaż istnieją badania, które pokazują, jak ludzie uważają, że lepiej rozumieją tekst za pomocą czcionek z serifem, w rzeczywistości było odwrotnie. Testerzy uzyskali wyższe wyniki w zakresie szybkości czytania i rozumienia przy użyciu czcionek bezszeryfowych, takich jak Helvetica.
Pogrubione kroje pisma stanowią oświadczenie. Są łatwe do odczytania i łatwe do zrozumienia. Cieszymy się, że zobaczymy ich więcej.
SVG
Mówiąc prościej: SVG rośnie, a jego użycie prawdopodobnie wzrośnie. Wraz z rosnącą popularnością animacji i możliwościami SVG do przekształcania grafiki i stron internetowych, SVG zyskał stałą popularność w ciągu ostatnich miesięcy. 4,9 procent wszystkich witryn korzysta z SVG, w tym popularnych witryn WhatsApp, GitHub, Espn, Dropbox i New York Times.
Popularnymi przypadkami użycia dynamicznych plików SVG są menu nawigacyjne i nagłówki stron internetowych. SVG oznacza możliwość ulepszenia interfejsu bez utraty funkcjonalności. Elementy nawigacyjne lub tekst to przypadki użycia SVG.
Dynamiczne kolory!
Wpływ kolorów na nasz nastrój jest przedmiotem wielu badań. Kolor ma istotny wpływ na nasz mózg, postrzeganie i zachowanie. Według infografiki Kissmetrics 92% klientów twierdzi, że język wizualny jest najważniejszym czynnikiem wpływającym na ich decyzję zakupową. Kolory sprawiają, że czujemy się w określony sposób, a jasne, żywe kolory sprawiają, że czujemy się obudzeni, podekscytowani i żywi. Podobnie jak zapach, kolor jest tak potężnym czynnikiem, ponieważ sprawia, że czujemy się w określony sposób.
Zanim opuścimy stronę internetową, moglibyśmy zapomnieć o tym, co mówi, ale będziemy pamiętać, jak się do tego czuliśmy.
Mikro-interakcje
Mikrointerakcje mogą zasilać całą aplikację lub urządzenie lub (częściej) istnieją obok lub wewnątrz większego produktu. Są to małe chwile, które mogą być nudne i zapomniane lub przyjemne i wciągające. Za każdym razem, gdy zmieniasz ustawienie, synchronizujesz dane lub urządzenia, ustawiasz alarm, wybierasz hasło, włączasz urządzenie, logujesz się, ustawiasz status lub ulubione lub coś podobnego, angażujesz się w mikrointerakcje. Mikro-interakcje stają się bardziej subtelne i przyjemniejsze. Facebook Messenger pozwala zwiększyć rozmiar kciuka w zależności od tego, jak długo naciskasz przycisk Like.
Mikro-interakcje są bardzo uzależniające i dają dużo zabawy. Dodają – co projektant i autor UX Nick Babich – nazywa „ludzkim dotykiem”, dzięki czemu zadania stają się bardziej interesujące i angażujące. Mikro-interakcje zachęcają użytkowników do interakcji z oprogramowaniem i dobrej zabawy!
Konkluzja
Podstawowym pytaniem związanym z tymi wszystkimi trendami projektowymi jest: Jak zdobyć (i utrzymać) uwagę i skupienie moich użytkowników? Odpowiedź brzmi: z żywymi kolorami, animacjami (svg), wideo i pogrubionymi nagłówkami. Ze względu na to, że te trendy są tak popularne wiele stron internetowych ich używa i nie zamierza przestać!