Условия игры на рынке визуального брендинга меняются вместе с изменением основных сред и точек контакта с потребителем. Классический малый корпоративный стиль завтра – лого, иконка, приложение на планшете, приложение на коммуникаторе, веб-сайт, интерфейс для десктопного приложения.

1. Поговорим о грустном
UI и UX, как ключевые составляющие фирменного стиля ближайшего будущего

2. Что это за программа?

3. Условия игры на рынке
визуального брендинга
меняются вместе с изменением
основных сред и точек
контакта с потребителем.

4. Если общество живет в постоянном взаимодействии с информацией, если вся
окружающая среда становится информационной, что это значит для нас?
Как мы получаем доступ к информации? Посредством визуальных интерфейсов.
Google — это визуальный интерфейс поиска. Сегодня интерфейс есть у вашего
ноутбука и мобильного телефона, то завтра он будет у всего: у холодильника, у
газовой плиты, у автомобиля, у стены в ванной.
Интерфейс – это медиа-среда ближайшего будущего. Носитель визуальной
идентификации (или, если угодно, фирменного стиля) бренда.
Интерфейс, стилизация интерфейса, правила его оформления станут на первые
позиции в брифах для дизайнерских агентств, в течение ближайших пяти лет.

5. Классический малый корпора-
тивный стиль сегодня – лого,
визитка, бланк, конверт

6. Классический малый корпоративный
стиль завтра – лого, иконка, приложение
на планшете, приложение на коммуни-
каторе, веб-сайт, интерфейс для desktop

7. Эволюция
визуального
брендинга

8. 1. Logo

9. 2. Corporate Identity

10. 3. Visual System

11. 4. Visual Language

12. 1. Logo
2. Visual Identity
3. Visual System
4. Visual Language
5. UI, UX visual language

13. Очень скоро нам понадобятся другие
специалисты с штате брендинговых
компаний и design consultancies.
Что мы будем делать, когда заказчик
придет за вышеописанным «малым
корпоративным стилем»?

14. Интерфейс с точки зрения
графического дизайнера:
• иконка основная (в т.ч. интерпретации в стилистику основных платформ);
• сеты иконок и пиктограмм;
• элементы управления (кнопки, полосы прокрутки, слайдеры, переключатели, др.)
• элементы системы ввода информации (классические формы ввода, уникальные –
голосовые, жестовые, предиктивные);
• оформление окон (диалоговых, модальных, popup, др);
• оформление меню;
• оформление фона;

15. Интерфейс с точки зрения
проектировщика UX:
• Тактильные реакции;
• Реакции на жесты, на взаимодействия;
• Отклик интерфейса (feedback);
• Динамическая и аудиальная составлящая интерфейса;

16. Интерфейс с точки зрения
маркетолога, рекламиста, заказчика:
• Узнаваемость;
• Понятность;
• Отражение преимуществ и отличий бренда;
• Красота;

17. Основные требования к системам
визуальной идентификации должны
также относиться к интерфейсам:
• Пространство для фантазии;
• Стилизация пространства и динамических состояний,
в т.ч. реакций (фидбек);
• Адекватность и интегрированность (консистентность);
• Символизм, метафоричность;
• Эстетическая целостность;

18. Проблема:
Привычка копировать
чужие решения!
Вместо узнаваемого уникального и удобного
интерфейса заказчик и пользователь получают:
- почерк дизайнера (или студии);
- стиль Metro, Apple, «как у Горбунова»;
и т.п.

19. Чем идентифицироваться?

20. Формой

22. Колористикой
и шрифтовым решением
(редко когда работает);

23. Имидж-банком,
характером иллюстрирования,
стилем иконок (не всегда подходит);

26. Фактурами,
текстурами,
стилизацией.

28. Уникальной, новой
для пользователя, но удобной
логикой интерфейса.

29. Поведением интерфейса
(динамическими реакциями,
откликом, особой визуализацией
результата действий пользователя)

31. Композицией
(менее узнаваемо)

32. Совокупностью всего
вышеперечисленного!
А также:
• применением эффекта к контенту (калейдоскоп,
отражение, преобразование);
• паттерном, орнаментом, др. (не всегда приемлемо);
• переходом в три или четыре измерения
и созданием своих правил поведения в них;
• масштабным цветовым кодированием;

33. Минутка рекламы:
В inspire требуются:
— UI, UX-designer;
— PHP, MySQL-программист;
— identity designer;
— motion designer;
Кроме того мы проводим
стажировки для желающих.

34. Инженеры общества информации
Спасибо за внимание!
Читайте статьи
и смотрите видео-лекции на сайте:
www.inspire.com.ua
Ярослав Трофимов,
Директор inspire metamarketing
twitter: _metamarketing
facebook: inspireadv
gmail: inspireadv