Тренди веб-дизайну 2016
Ніщо так не привертає нашу увагу, як дизайн з креативним підходом. Великі зображення, незвичайне використання стандартних елементів або порожнього простору, інтерактивні елементи... Кожен з цих методів створює сильне перше враження, і заохочує користувача довше взаємодіяти з сайтом.
Цього року з'явилися нові тренди в веб-дизайні. А саме…
Одне велике фото
У той час, коли веб-сайти в стилі колажу, з великою кількістю фотографій або відео - один з популярних варіантів, одна велика фотографія повертається в дизайн головної сторінки. Використовується одне, велике, вражаюче зображення без інших ефектів. Така велика фотографія може залучити користувачів досліджувати контент сайту.
Але фотографія повинна бути найвищої якості і дуже цікавою, щоб спонукати користувачів продовжити взаємодію зі сторінкою.
Це може по-справжньому крутим рішенням.
Ось як можна використовувати цей прийом:
Почніть з вибору фото. Воно повинно бути цікавим і нестандартним. Уникайте рук, які тримають телефон або людини на простому фоні - від таких фотографій вже оскома.
Обріжте фото.
Відредагуйте, пограйте з настройками кольору. Спробуйте щось екстремальне.
Розмістіть ваш продукт або бренд.
Зведіть інші елементи до мінімуму. Використовуйте тільки логотип і короткий заголовок.
Перемістіть навігацію в сторону.
Залишіть підказку для користувачів, щоб вони знали, які дії слід зробити далі - стрілки, індикатор скролінгу.
Зробіть знімок різким за допомогою освітлення, цікавих фонів. Для цього може знадобитися професійний фотограф.
«Пограйте зі шрифтами» - виберіть великий, маленький шрифт, або рукописний. Але використовуйте тільки один з цих методів, не всі разом.
Обріжте фото.
Відредагуйте, пограйте з настройками кольору. Спробуйте щось екстремальне.
Розмістіть ваш продукт або бренд.
Зведіть інші елементи до мінімуму. Використовуйте тільки логотип і короткий заголовок.
Перемістіть навігацію в сторону.
Залишіть підказку для користувачів, щоб вони знали, які дії слід зробити далі - стрілки, індикатор скролінгу.
Зробіть знімок різким за допомогою освітлення, цікавих фонів. Для цього може знадобитися професійний фотограф.
«Пограйте зі шрифтами» - виберіть великий, маленький шрифт, або рукописний. Але використовуйте тільки один з цих методів, не всі разом.
Навігація в бічній панелі
Найбільш поширене розташування для навігаційних елементів - у верхній частині веб-сайту. Але це не обов'язкова вимога.
До тих пір, поки користувачам зрозуміло, як використовувати сайт, навігація може жити в декількох різних місцях.
Бічна панель з елементами навігації, часто на лівій стороні екрану - один з таких варіантів, який набирає популярність.
Це тенденція, яка з'являється на сайтах все частіше. Це має сенс, тому що користувачі читають зліва направо. Таким чином, ліві навігаційні елементи потрапляють на очі відразу після того, як відвідувач прочитає основний заголовок або іншу яскраву велику кнопку.
Поява тенденції пов'язана з особливостями мобільного навігації, які поступово втілюються і на звичайних сайтах. Навігація «збоку» стала загальноприйнятим шаблоном з цієї причини.
Коли справа доходить до бічної панелі навігації на великих екранах, є кілька нюансів, які слід враховувати.
Навігація повинна бути очевидною для користувачів, тому багато сайтів досі використовують значок-гамбургер як позначення.
Навігація може бути висувною зліва чи справа, або ж окремим елементом дизайну зі статичним розміщенням.
Бічна панель навігації повинна бути частиною загального дизайну.
Забезпечте достатньо місця, щоб елементи навігації були чіткими.
Будьте обережні зі зміною навігаційних стилів на різних сторінках.
Навігація може бути висувною зліва чи справа, або ж окремим елементом дизайну зі статичним розміщенням.
Бічна панель навігації повинна бути частиною загального дизайну.
Забезпечте достатньо місця, щоб елементи навігації були чіткими.
Будьте обережні зі зміною навігаційних стилів на різних сторінках.
Інтерактивні пригоди
Дизайнери виводять використання відео, анімації та сторітеллінг на наступний рівень, використовуючи їх по-новому. Подивіться на кумедні сайти (наприклад, ось цейцей), які втягують користувача в інтерактивні пригоди. Такий підхід можна використовувати і для сайтів компаній, і для простих інформаційних порталів.
Кожен інтерактивний сайт-пригода виглядає зовсім інакше, і може використовувати будь-які методи, щоб залучити користувачів. Сполучною є сюжетна лінія, де користувач контролює дії на екрані. Кліки, прокрутка - в хід йде все, щоб залучити користувача в історію і допомогти визначити результати.
Цей інтерактивний тип дизайну сайту хороший для користувачів і хороший для вас. Відмінна історія може утримати користувачів на сайті довше. Це допоможе вам встановити краще з'єднання з вашою аудиторією.
Хитрість полягає в тому, щоб історії були досить короткими. В іншому випадку користувач може покинути гру на півдорозі.
Крім того, розгляньте підсумки інтерактивного досвіду. Те, що відбувається в кінці взаємодії. Не забудьте включити опцію обходу для користувачів, які вже грали (або не хочуть грати), але як і раніше хочуть отримати доступ до контенту.
Висновок
Основна лінія в дизайні 2016 - це велика драма. Це велике мистецтво, гарна історія і багато планування, щоб справити на користувачів сильне перше враження.
Що з цього ви хотіли б втілити в своїх проектах, або вже втілюєте? Напишіть, нам цікава ваша думка!
