67
Проектирование продуктов и сервисов

Проектирование графических интерфейсов лекция 2

Embed Size (px)

Citation preview

Page 1: Проектирование графических интерфейсов лекция 2

Проектирование продуктов и сервисов

Page 2: Проектирование графических интерфейсов лекция 2

Лекция 02, 19.02.2013

Характеристики интерфейса. Вектор действий и цикл работ

Page 3: Проектирование графических интерфейсов лекция 2

Характеристикиинтерфейса

Page 4: Проектирование графических интерфейсов лекция 2

Скорость работы Количество человеческих ошибок Скорость обучения Удовлетворенность пользователя Запоминаемость

Page 5: Проектирование графических интерфейсов лекция 2

Некоторые характеристики

могут конфликтовать

Page 6: Проектирование графических интерфейсов лекция 2

И будут, черт побери!

Page 7: Проектирование графических интерфейсов лекция 2

!

Page 8: Проектирование графических интерфейсов лекция 2
Page 9: Проектирование графических интерфейсов лекция 2

скоростьобучения

скоростьработы

Page 10: Проектирование графических интерфейсов лекция 2
Page 11: Проектирование графических интерфейсов лекция 2
Page 12: Проектирование графических интерфейсов лекция 2

Нет просто абсолютно хорошего

интерфейса

Page 13: Проектирование графических интерфейсов лекция 2
Page 14: Проектирование графических интерфейсов лекция 2
Page 15: Проектирование графических интерфейсов лекция 2
Page 16: Проектирование графических интерфейсов лекция 2
Page 17: Проектирование графических интерфейсов лекция 2

Что делает юзабилист,..

Page 18: Проектирование графических интерфейсов лекция 2

...чей путь извилист и тернист?

Page 19: Проектирование графических интерфейсов лекция 2
Page 20: Проектирование графических интерфейсов лекция 2
Page 21: Проектирование графических интерфейсов лекция 2
Page 22: Проектирование графических интерфейсов лекция 2
Page 23: Проектирование графических интерфейсов лекция 2
Page 24: Проектирование графических интерфейсов лекция 2
Page 25: Проектирование графических интерфейсов лекция 2
Page 26: Проектирование графических интерфейсов лекция 2

Вектор

Page 27: Проектирование графических интерфейсов лекция 2

Определение/адаптация цели Создание/оптимизация сценария Информационная архитектура Проектирование контекстов (экраны)Эстетическая адаптацияСопровождение (надзор) Актуальность (обновление)

Page 28: Проектирование графических интерфейсов лекция 2
Page 29: Проектирование графических интерфейсов лекция 2
Page 30: Проектирование графических интерфейсов лекция 2
Page 31: Проектирование графических интерфейсов лекция 2

Ментальная модель —глубоко укоренившиеся в сознании понятия, обобщения или даже картины и образы, которые действуют на то, как мы воспринимаем мир и действуем

Page 32: Проектирование графических интерфейсов лекция 2

Это внутренняя картина мира

Page 33: Проектирование графических интерфейсов лекция 2
Page 34: Проектирование графических интерфейсов лекция 2

Как и когда?

Page 35: Проектирование графических интерфейсов лекция 2

предмет рынок

ЦА техника

Page 36: Проектирование графических интерфейсов лекция 2

разработка продажа

Page 37: Проектирование графических интерфейсов лекция 2

планпродажа

план

разработкаи тест

Page 38: Проектирование графических интерфейсов лекция 2

планпродажа

план

разработкаи тест

сделайтекрасиво

Page 39: Проектирование графических интерфейсов лекция 2

новички эксперты

Page 40: Проектирование графических интерфейсов лекция 2

новички эксперты

Page 41: Проектирование графических интерфейсов лекция 2

новички эксперты

Page 42: Проектирование графических интерфейсов лекция 2

новички эксперты

Page 43: Проектирование графических интерфейсов лекция 2

план продажа

план

разработкаи тест

эффективно, удобно и красиво

Page 44: Проектирование графических интерфейсов лекция 2

реализует бизнес-потребность

правильно позиционируется

качественно реализован

эффективен в работе с ЦА

Page 45: Проектирование графических интерфейсов лекция 2
Page 46: Проектирование графических интерфейсов лекция 2

количество альтернатив

Page 47: Проектирование графических интерфейсов лекция 2

цена изменений

Page 48: Проектирование графических интерфейсов лекция 2

Интерфейс как часть ТЗ

Page 49: Проектирование графических интерфейсов лекция 2

!

Page 50: Проектирование графических интерфейсов лекция 2

Какой у нас план, мистер

Фикс?

Page 51: Проектирование графических интерфейсов лекция 2

Исследовать — понять, кому и зачемСинтезировать решения — придумать, как и когдаВнедрить и сопроводить — обечпечить качество конечного продукта

Page 52: Проектирование графических интерфейсов лекция 2

Зачем исследовать, мы

сами знаем!

Page 53: Проектирование графических интерфейсов лекция 2
Page 54: Проектирование графических интерфейсов лекция 2
Page 55: Проектирование графических интерфейсов лекция 2
Page 56: Проектирование графических интерфейсов лекция 2

Давайте сразу в коде!

Page 57: Проектирование графических интерфейсов лекция 2

Ну или хотя бы в дизайне...

Page 58: Проектирование графических интерфейсов лекция 2

1

2

3

4

Page 59: Проектирование графических интерфейсов лекция 2

Проверить ожидания заказчикаПротестировать разные решенияДешево менять и дорабатыватьРазделение труда

Page 60: Проектирование графических интерфейсов лекция 2

Сделал интерфейс – свободен!

Page 61: Проектирование графических интерфейсов лекция 2
Page 62: Проектирование графических интерфейсов лекция 2
Page 63: Проектирование графических интерфейсов лекция 2

ИсследуемСинтезируемСопровождаем

Page 64: Проектирование графических интерфейсов лекция 2

Шашечки или ехать?

Page 65: Проектирование графических интерфейсов лекция 2
Page 66: Проектирование графических интерфейсов лекция 2
Page 67: Проектирование графических интерфейсов лекция 2

Проектируем сервис, а не

продукт