Design Evening: добірка корисної інформації
Kharkiv IT Cluster
Емоційний web-дизайн: історія одного винтонченного Landing Page
Анна Джулій, Art Director at Vintage WEB production
Вчені Стенфордського університету провели опитування, за допомогою якого було виявлено, що 46% респондентів складають перше враження про сайт на основі його інтерфейсу і зовнішнього вигляду. Якщо сайт визиває wow-емоції з перших секунд, то вірогідність, що він сподобається користувачам значно більше. Адже, людям до вподоби функціональні, надійні та зручні iнтерфейси.
Анна поділилася з нами кейсом з розробки langing Page для проекта Fromin. Fromin- це мінеральна питна вода, що збереглася в глибинах землі ще з льодовикового періоду. В її складі ідеальна кількість корисних мінералів, за рахунок чого вона благотворно впливає на організм людини. Але найважливіше те, що це натуральний продукт, який не піддається обробці або фільтрації.
При розробці сайту стояло завдання – підкреслити всі видатні якості води Fromin за допомогою візуальної комунікації з користувачами. Головна мета емоційного дизайну – донести людям індивідуальність рекламованого продукту і викликати у них бажання зробити покупку.
Передати особливість мінеральної води Fromin вдалося за допомогою грамотно підібраної гами кольорів, правильно розташованим об’єктам і привабливому контенту.
Більше інформації про доповідь спікера в презентації
Дизайн-система для мобільних і веб-проектів
Олексій Стікс, Art Director at MEAT Agency
Дизайнери цінують хороші UI-кити. У сфері IT дизайн-система – це комплекс правил, який визначає етапи створення продукту.
Олексій поділився з нами трьома базовими складовими дизайн-системи:
Візуальний набір елементів;
Програмний набір компонентів;
Документація.
Серед другорядних зазначив:
Правила анімації;
Правила комунікації;
Правила формування контенту.
Основне правило, яким варто керуватися при формуванні бібліотеки компонентів – чим менше, тим краще. Аналізуйте найчастіше повторювані елементи і намагайтеся використовувати їх повторно. Нові варто додавати лише в тому випадку, якщо вони візуально виглядають гірше.
Важливий рада! Не варто зберігати в бібліотеці комбіновані символи по всіх розділах.
Більше інформації про адаптиви і брейкпоінт можна знайти в презентації
Без яких мікровзаімодій не можна робити mobile і web продукти в 2018?
Олексій Чурилов, Senior UX designer & Co-founder at Valium Digital
Кращий інтерфейс сайту визначається двома речами: ретельно опрацьованими функціями і деталями. Вони не тільки привертають увагу користувачів, але і утримують їх на сайті. Говорячи простою мовою, мікровзаімодія – це функціональний елемент, що виконує одну цільову дію.
Головні завдання, які вдається вирішувати за допомогою мікровзаімодій:
Поліпшення навігації;
Спрощення взаємодії з користувачами;
Залучення уваги до сайту.
Більше інформації про доповідь спікера в презентації