Ще 5 ТОП-тенденцій у веб-дизайні у 2020 році: SVG, мальовані зображення, голосові інтерфейси, AI та бруталізм

Ми всі памятаємо якими були головні тренди у дизайні 2019 року. Але знання того як змінюються і розвиваються стилі веб-дизайну у 2020 році, зробить вашу роботу ще більш якісною та конкурентнішою. DesignTalk.club закінчує розповідь про топові тенденції цього року, знання яких точно допоможе вам.

Першу частину ТОП-тенденцій у веб-дизайні у 2020 році читайте ТУТ

Частина друга

Векторна графіка, яка маштабується 

Люди люблять мультимедіа, а сайти, на яких розміщується привабливий мультимедійний контент, цінуються вище, ніж прості текстові веб-сторінки, особливо, якщо мова йде про залучення і утримання відвідувачів.

Раніше за таке багате наповнення доводилося розплачуватися більш довготривалим завантаженням сторінок через поширені тоді “важкі” форматів файлів, на зразок GIF, PNG. Вони від початку не дуже підходили під мобільні екрани.

Але після того як Google оголосив що буде буде використовувати результати мобільного індексації для ранжирування веб-сайтів, все кардинально помінялося. Дизайнерам варто зробити мобільну пріоритезацію центром процесу розробки дизайну, не жертвуючи при цьому багатством візуального контенту, здатного зачарувати відвідувачів.

І тут саме час згадати про такий формат, як SVG.

Це векторні зображення, які здатні масштабуватися під різні екрани, зберігаючи при цьому оригінальну якість. У SVG немає пікселів, що і визначає здатність цього формату до зміни розміру зображення без зміни його чіткості.

За допомогою SVG-зображень можливо забезпечити постійну якість юзер-інтерфейсу для всіх мобільних відвідувачів, а це значить, що використання цього формату – це ще один критично важливий тренд адаптивного дизайну, який збереже свою актуальність в найближчі роки.

Намальовані від руки зображення

Оскільки сайти – це вже давно щось більше, ніж просто адреса в інтернеті, мальовані елементи, які роблять ці самі сайти унікальними і незвичайними, зустрічаються все частіше.

Особливої популярності такий стиль зображень зробили два інших тренди, про які ми розповідали у 1-й частині – “смілива типографіка” та  ілюстрації.

Але дивлячись них, не можна не задатися питанням – в чому полягає привабливість таких далеко не найдосконаліших малюнків? Чому б не робити акцент виключно на якісних фотографіях, які частенько асоціюються у більшості користувачів з класним і крутим дизайном?

Все просто – намальовані від руки картинки мають чарівність і теплоту.

Зрозуміло, ви завжди можете використовувати в своєму дизайні 4K-зображення і мотивуючі фото, але, тим не менш, важливо не випустити один ключовий факт: веб-дизайн 21-го століття часто виявляється занадто досконалим.

Все настільки “бездоганне” і дуже ідеально, щоб бути продуктом чогось іншого, крім бездушної машини. Тож якщо ви внесете в цей мікс що-небудь “недосконале”, ви тут же зробите свій дизайн трохи більш людяним, душевним. Особливо, якщо сам малюнок буде трохи грубим – для більшості користувачів, які не володіють художнім талантом, він викличе ще більше симпатій.

Будь-хто сьогодні може зняти купу гарних фотографій, а потім розмістити їх на веб-сайті. Однак коли ви щось малюєте від руки і з гордістю демонструєте ці ілюстрації на своєму сайті, робите їх частиною свого іміджу, це багато що розповідає про характер вашого бренду. Та й про вас самих.

Голосові інтерфейси

Увага швидкоплинна. Саме тому користувачі, які мають віртуальних смарт-помічників на кшталт Siri, Google Now, Cortana та Amazon Alexa вважають за краще взаємодіяти з ними, і шукати щось в інтернеті за допомогою голосу. А все тому, що говорити безпосередньо в пристрій набагато зручніше, ніж набирати запити вручну. І якщо ви адаптуєте свої інтерфейси під голосову взаємодію, то зможете привернути увагу більш зайнятої аудиторії (якої стає все більше).

Екрани пристроїв зменшуються в розмірі (якщо йти від десктопів), і на них залишається все менше вільного місця, а голосові моделі персоналізують доставку контента так, як не може жоден текст.

Так, з цією технологією все мтартувало дуже неспішно, але популярність голосового управління, нарешті, впевнено йде вгору. Наступна статистика показує, як і чому голосовий інтерфейс є одним з найбільш важливих трендів веб-дизайну в 2020 році і далі:

  • до 2022 року оборот голосового шопінгу подолає позначку в 40 мільярдів доларів;
  • до 2022 року 55% ​​всіх домогосподарств будуть мати смарт-колонки;
  • 65% користувачів голосових пристроїв від 25 до 49 років розмовляють з ними принаймні один раз на день;
  • 61% користувачів від 25 до 64 років без голосових пристроїв відзначають, що в недалекому майбутньому планують придбати їх

Поки що великий бізнес не поспішає впроваджувати голосові інтерфейси. Але, судячи з наведеної вище статистики, та цифрових наслідків епідемії ковіду, це лише питання часу. Вже зовсім поруч час, коли саме голос буде основним варіантом введення/керування для рядового користувача.

Штучний інтелект та технології машинного навчання ()

Ще позаминулого року Facebook назвав актуальні тенденції на наступні роки, серед яких були доповнена реальність, штучний інтелект і машинне навчання.

Більшості дизайнерів все ще складно у це повірити, але в недалекому майбутньому (5+ років) головна сторінка сайту перетвориться на такий собі анахронізм, а юзер-інтерфейси будуть чудово обходитися без неї. Її місце займуть таргетовані та персоналізовані лендинги.

Просунуте машинне навчання допоможе отримувати інформацію про користувача на основі, наприклад, його історії браузера та розташування. А вже ця інформація допоможе розробити релевантні інтересам цих користувачів веб-сторінки, які будуть зустрічати людей пропозиціями тих продуктів або послуг, які відвідувачі могли б захотіти шукати.

Середньостатичний користувач скоро почне чекати (і вимагати) набагато більш багатовимірної персоналізації свого онлайн-досвіду. Це такий онлайн-досвід, при якому веб-сайти/додатки, які вони відвідують і з якими взаємодіють, дізнаються про те, чого вони хочуть, перш, ніж вони навіть самі користувачі усвідомлюють це.

Бруталізм у веб-дизайні

Перш ніж на сцену вийшли матеріальний дизайн (Material Design) та та плаский дизайн (Flat Design), “балом правили” суворі сітки і блоки з гострими краями 🙂

А великі компанії старанно доповнювали органічні дизайни своїх сайтів плавними вигнутими лініями і формами, які заокруглювалися, часом творячи справжні витвори мистецтва. Завдання таких дизайнів – зробити бренди, які стоять за ними, більш людяними, вдихнути в них душу і, таким чином, привернути увагу цільової аудиторії і заслужити її довіру.

В якості гарного прикладу можна ще згадати округлі дизайни Google.

До кінця 2017 сформувалася нова когорта дизайнерів, яка прагнула переосмислити традиційну верстку. У своїх роботах вони намагалися підкреслити зв’язок з дизайном старих-добрих статичних сайтів з чітко структурованим макетом. Мета цього в тому, щоб за рахунок оригінальності та індивідуальності показати близькість бренду до цільової аудиторії.

Сайти з такою “обгорткою” не пройдуть повз вас: поєднання кольорових блоків горизонтальних і вертикальних напрямків, контрастні відтінки поруч – зовнішній вигляд таких веб-ресурсів буде відрізнятися наявністю асиметричних візуальних ефектів, які діаметрально протилежні тому, що всі ми звикли бачити в більш консервативних дизайнах.

Іншими словами, такий дизайн сайтів є по-брутальному оригінальним. А ви можете звернутися до цього стилю, якщо вам знадобитися створити простий і функціональний сайт, який переслідує виключно бізнес-цілі.

Замість висновку

Варто памятати, що смаки, уподобання та очікування вашої цільової аудиторії можуть радикально змінитися з плином часу. А це означає, що багато  практик/правил веб-дизайну, які раніше вважалися чудовими і обов’язковими, такими бути перестануть. Якщо, до прикладу, споживачі раптом почнуть проявляти негативну реакцію на асиметричні макети, від них дуже швидко відмовляться і дизайнери.

Просто подумайте: стрімкий прогрес у розвитку мобільних технологій за якісь 5 років КАРДИНАЛЬНО змінив те, як сьогодні світ отримує доступ до веб-сайтів і як з ними взаємодіє. Голосові інтерфейси будуть наступними на цьому шляху еволюції – і вже починають впливати на неї. При цьому цілком ймовірно, що з ними сплетуться технології віртуальної та доповненої реальності – і це все однозначно буде початком нової ери веб-дизайну.

Першу частину ТОП-тенденцій у веб-дизайні у 2020 році читайте ТУТ

ДУЖЕ РАДИМО ПОЧИТАТИ:

9 ТОПОВИХ тенденцій у графічному дизайні

5 дизайнерських професій, які скоро зникнуть

Гучний скандал через плагіат логотипів: на “Сбербанк” подали в суд, на 1 млрд

Залишити відповідь