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/