Cенсорный дизайн
-
Upload
denis-bryukhov -
Category
Documents
-
view
581 -
download
1
description
Transcript of Cенсорный дизайн
Сенсорный дизайнЗанятие 5
ШКОЛА UX-ПРОЕКТИРОВАНИЯ 2013
Этапы проектирования
Сенсорный дизайн
Внешний облик продукта, воздействующий на зрительное, кинестетическое и эмоциональное восприятие
Давешний дизайн-та, уж не тот,
что нонешний…
Раньше в интернете не было продаж, потому что не было покупателей.
Поэтому ставку делали на презентацию, на эмоции
gdscb.com - один из моих любимых сайтов, 2001 год
Пользователи просто смотрели
на сайт
Пользователи стали взаимодействовать с сайтом.
Вебвизор в Яндекс.Метрике позволяет воспроизводить поведение пользователя
На первый план вышло действие и смысл, побуждающий к действию
«Теперь, мне кажется, дизайнерам придётся работать не столько с формой, сколько со смыслом.»
Ирина ВолошинаЗаместитель руководителя направления медиа-сервисов по дизайну «Яндекса»
Интервью lookatme.ru
Немного практики…
Главное – не переборщитьВыразительные средства добавляем постепенно.
1 на входе информация
Задания
Поручение Подготовить статистику для квартального отчета 15.11.2013
Согласование Договор подряда #12345 15.11.2013
2выделяем заголовок
ЗаданияПоручение Подготовить статистику для квартального отчета 15.11.2013
Согласование Договор подряда #12345 15.11.2013
Толсто. Потерялась информация о заданиях.
2выделяем заголовок
ЗаданияПоручение Подготовить статистику для квартального отчета 15.11.2013
Согласование Договор подряда #12345 15.11.2013
Так лучше
3выделяем смысловой элемент для ссылки Задания
Поручение Подготовить статистику для квартального отчета 15.11.2013
Согласование Договор подряда #12345 15.11.2013
Артемий Лебедев § 83. Секреты хорошего гипертекста
4добавляем цвет
ЗаданияПоручение Подготовить статистику для квартального отчета 15.11.2013
Согласование Договор подряда #12345 15.11.2013
4Акцентируем внимание с помощью цвета
ЗаданияПоручение Подготовить статистику для квартального отчета 15.11.2013
Согласование Договор подряда #12345 15.11.2013
Не понял, а где картинки?!
Цвет – всего один
Дополнительная информация -
справа
Вообще нет цвета –
монохромный дизайн
Самая простая регистрация
Цвет есть – но практически незаметен
Ресурсы
behance.com
dribble.com
Для вдохновения
slideshare.net
Опыт и инструменты
awwwards.com
smashingmagazine.com
kuler.adobe.comwebbyawards.com
habrahabr.ru/hub/ui/