SlideShare a Scribd company logo
1 of 113
Download to read offline
ОСНОВЫ
ИНФОРМАЦИОННОГО
ПРОЕКТИРОВАНИЯ
о с е н н я я к о н ф е р е н ц и я Р Ш С Д 2 0 1 7
1 9 с е н т я б р я
м о д е л и р о в а н и е п р е д м е н т н о й о б л а с т и и U X - Д и з а й н
ЛАРА СИМОНОВА
ЛАРА СИМОНОВА
Проекты
•	 Patrn (таск-менеджер для анимационной студии)
•	 Campus (образовательный проект рамках «Мастерской» Димы Барбанеля при поддержке Яндекс)
•	 Textr (текстовый конструктор для издательства)
•	 Почта России (подписное агентство, почта id, портал, электронные заказные письма)
•	 Channelkit (инструмент для организации знаний)
•	 Collectrium, the Christie’s Company (отдел анализа данных аукционного дома)
Контакты
•	 Facebook: Lara Simonova
•	 Upwork  / Behance / Linkedin
•	 E-mail: lara@channelkit.com
1. Среда, свойства сущностей и UX
•	 Сервис-дизайн в комплексной экосистеме на стыке цифровой и аналоговой сред
•	 Различие свойств цифровых и аналоговых сущностей
•	 И их сходство: материальность нематериальных сущностей
•	 Влияние материальности на UX-дизайн продукта
2. Информационное проектирование и архитектура
•	 Определение информационного проектирования и архитектуры
•	 Описание процесса информационного проектирования
•	 Связь информационного проектирования с остальными процессами разработки продукта
•	 Модель предметной области области, как один из результатов проектирования
3. Фреймворк для создания модели области
•	 Исследование предметной области
•	 Выделение основных ее сущностей
•	 Моделирование содержания
•	 Выбор схемы данных
•	 Структурирование и наполнение словарей
4. Модель области как база для UX-дизайна
•	 Сферы влияния модели: бизнес-процессы, разработка, графдизайн, пользовательские сценарии
•	 Ограничения модели и перепродумывание
ПЛАН
1.
СРЕДА И UX
ЭВОЛЮЦИЯ ОПЫТА
Постоянно создаются новые и модифицируются уже
существующие среды взаимодействия людей между
собой и с окружающим миром
1 . СРЕДА И U X
Uber
Qlean
AirBnB
Альфа-банк
Alfred
YouDo
Amazon
Europaena
Facebook
Snapchat ...
СЛОЖНАЯ ЭКОСИСТЕМА
а н а л о г о в а я СРЕДА Ц И Ф РОВАЯ СРЕДА
1 . СРЕДА И U X
СЛОЖНАЯ ЭКОСИСТЕМА
а н а л о г о в а я СРЕДА Ц И Ф РОВАЯ СРЕДА
с
у
щ
н
о
с
т
и
п
р
о
ц
е
с
с
ы
1 . СРЕДА И U X
СЛОЖНАЯ ЭКОСИСТЕМА
а н а л о г о в а я СРЕДА Ц И Ф РОВАЯ СРЕДА
с
у
щ
н
о
с
т
и
п
р
о
ц
е
с
с
ы
ПОЛЬЗОВАТЕЛЬСКИЙ
ОПЫТ
1 . СРЕДА И U X
ПРИМЕР
а н а л о г о в а я СРЕДА Ц И Ф РОВАЯ СРЕДА
с
у
щ
н
о
с
т
и
п
р
о
ц
е
с
с
ы
Peter Moreville
(WIAD 2016)
Harvard Business
School’s Baker
Library
1 . с р е д а и U X / с л о ж н а я э к о с и с т е м а
ПРИМЕР
Ц И Ф РОВАЯ СРЕДА
п
р
о
ц
е
с
с
ы
а н а л о г о в а я СРЕДА
с
у
щ
н
о
с
т
и
1 . с р е д а и U X / с л о ж н а я э к о с и с т е м а
Каталог
Карточка книги
Заказ
Поиск
Возврат
Чтение
Обучение
Поиск
Заказ
Обучение
Книги
Полки
Библиотекарь
Читатель
ПРИМЕР
Ц И Ф РОВАЯ СРЕДА
п
р
о
ц
е
с
с
ы
Каталог
Карточка книги
Заказ
Поиск
Возврат
Чтение
Обучение
Поиск
Заказ
Обучение
а н а л о г о в а я СРЕДА
с
у
щ
н
о
с
т
и
Книги
Полки
Библиотекарь
Читатель
UX
“This one test made it clear that information architecture isn’t just about websites;
it’s about the whole ecosystem, because everything is deeply intertwingled”
								 				 Peter Morville
1 . с р е д а и U X / с л о ж н а я э к о с и с т е м а
Элементы экосистемы в разных средах тесно связаны
между собой, но:
•	С одной стороны их свойства и взаимосвязи не всегда
однозначно ковертируются друг в друга,  подчиняются
одинаковому набору правил
•	С другой, разница между сущностью или процессом в
реальном мире и их цифровыми репрезентациями не
всегда очевидна (понятие материальности)
1 . с р е д а и U X / с л о ж н а я э к о с и с т е м а
ВСЁ ЕЩЁ ЧУТЬ СЛОЖНЕЕ
СЛЕДСТВИЯ
1 . ТИ п ы с р е д ы / с л о ж н а я э к о с и с т е м а
•	Знание всех релевантных компонентов области;
•	Понимание смысла и природы их взаимосвязей;
•	Понимание характера их (А) свойств в разных средах;
•	А также понимание (Б) способа восприятия всей этой
системы пользователем, его перцептивных карт...
... позволяют проектировать полноценные бесшовные
сценарии, достраивать аналоговый мир цифровым
и, наоборот, выводить пользователя из диджитала в
реальный мир.
А. СВОЙСТВА И СРЕДЫ
1 . ТИ п ы с р е д ы
ПРОСТРАНСТВО
ВРЕМЯ
И Е щ е
Размещение объекта
(размер объекта и пространства)
Размещение на объекте
(размер объекта, информации)
Размещение по подобию  
(смысл, свойства)
Скорости доступа
Изнашиваемость
Эволюция
Доступ
Нарративы/Процессы
Ц И Ф РОВАЯ СРЕДАа н а л о г о в а я СРЕДА
привязка к локации
перевыпуск
последовательный
линейные
мета-структурирование
инкрементальный апдейт
параллельный
сетевые
Б. СПОСОБ ВОСПРИЯТИЯ
1 . ТИ п ы с р е д ы
Выше шла речь об объективных свойствах систем
в разных среда, но важно поговорить еще о
субъективном восприятии компонентов системы
пользователем *
* за мысли об этой, пока еще не слишком фундаментально изученной
мной, области отдельное спасибо Михаилу Жашкову
ПЕРЦЕПТИВНЫЕ КАРТЫ
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ПЕРЦЕПТИВНЫЕ КАРТЫ
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ПЕРЦЕПТИВНЫЕ КАРТЫ
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ПЕРЦЕПТИВНЫЕ КАРТЫ
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
•	Расположенные рядом по какому-то (например,
пространственному) признаку сущности
записываются в мозгу рядом
•	Записанные рядом в мозгу сущности быстрее
активируются в тандеме
ПЕРЦЕПТИВНЫЕ КАРТЫ
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ВОСПРИЯТИЕ И UX-ДИЗАЙН
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ВОСПРИЯТИЕ И UX-ДИЗАЙН
МИР
Время
Пространство
Объекты
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ВОСПРИЯТИЕ И UX-ДИЗАЙН
Опыт
Объекты
Действия
Процессы
Навыки
Движение
П о л ь з о в ат е л ь
МИР
Время
Пространство
Объекты
восприятие
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ВОСПРИЯТИЕ И UX-ДИЗАЙН
Опыт
Объекты
Действия
Процессы
Навыки
Движение
П о л ь з о в ат е л ь
Перцептивные
карты
запись
существующие /
новые ассоциированные
бессознательные
МИР
Время
Пространство
Объекты
восприятие
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ВОСПРИЯТИЕ И UX-ДИЗАЙН
Опыт
Объекты
Действия
Процессы
Навыки
Движение
П о л ь з о в ат е л ь
Перцептивные
карты
Ментальные
модели области
запись упаковка
существующие /
новые ассоциированные
бессознательные
рабочий механизм
потенциально
осознаваемые
МИР
Время
Пространство
Объекты
восприятие
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ВОСПРИЯТИЕ И UX-ДИЗАЙН
Опыт
Объекты
Действия
Процессы
Навыки
Движение
П о л ь з о в ат е л ь
Перцептивные
карты
Ментальные
модели области
запись упаковка
существующие /
новые ассоциированные
инвариантные /
зависящие от среды
инвариантные /
зависящие от среды
бессознательные
рабочий механизм
потенциально
осознаваемые
Сущности
Свойства
Связи
Сущности
Свойства
Связи
информационное
проектирование
информационное
проектирование
СИСТЕМЫМИР
Время
Пространство
Объекты
восприятие
формализация
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ВОСПРИЯТИЕ И UX-ДИЗАЙН
Опыт
Объекты
Действия
Процессы
Навыки
Движение
П о л ь з о в ат е л ь
Перцептивные
карты
Ментальные
модели области
запись упаковка
упаковка
существующие /
новые ассоциированные
инвариантные /
зависящие от среды
инвариантные /
зависящие от среды мета-структуры
бессознательные
рабочий механизм
потенциально
осознаваемые
Сущности
Свойства
Связи
Сущности
Свойства
Связи
Классификация
Навигация
Сценарии
Контролы
информационное
проектирование
информационное
проектирование
интерфейсы
СИСТЕМЫМИР
Время
Пространство
Объекты
восприятие
формализация
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
ВОСПРИЯТИЕ И UX-ДИЗАЙН
Опыт
Объекты
Действия
Процессы
Навыки
Движение
П о л ь з о в ат е л ь
Перцептивные
карты
Ментальные
модели области
Ментальная
модель сервиса
запись упаковка
упаковка
существующие /
новые ассоциированные
инвариантные /
зависящие от среды
инвариантные /
зависящие от среды мета-структуры
бессознательные
рабочий механизм
потенциально
осознаваемые
потенциально
осознаваемая
Сущности
Свойства
Связи
Сущности
Свойства
Связи
Классификация
Навигация
Сценарии
Контролы
информационное
проектирование
информационное
проектирование
интерфейсы
чтение
СИСТЕМЫМИР
Время
Пространство
Объекты
восприятие
формализация
1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
В. МАТЕРИАЛЬНОСТЬ
1 . ТИ п ы с р е д ы
•	Сущности, с которыми имеем дело при разработке,
могут часто не являться аналоговыми de facto, однако
несут семантику и свойства материальных объектов
•	Они, в свою очередь, ложатся в основу принципов
организации этих сущностей
•	Материальные свойства сущностей сами по себе
не имеют значения, до тех пор, пока у человека не
возникает необходимость интегрировать их в тот или
иной процесс, ведущий к достижению цели
AFFORDANCES
1 . В ТИ п ы с р е д ы / М ат е р и а л ь н о с т ь
•	Человек воспринимает объект не через его
непосредственные свойства, а скорее через набор
действий, которые, по его мнению, с этим объектом
можно совершить (affordances) [Norman]
•	И этот набор и является тем, что нужно закладывать
в сущности, в явном виде показывать пользователю
при дизайне процессов и взаимодействий.
ОБ Ъ ЕКТ
восприятие
Действия Интерфейс
Свойства База данных
формализация
ЦЕЛИ
Вся совокупность этих действий (affordances) не
меняется, однако их набор зависит от контекста
и целей, с которыми человек приходит к
взаимодействию с объектом
Ц ЕЛИ
1 . В ТИ п ы с р е д ы / М ат е р и а л ь н о с т ь
ОБ Ъ ЕКТ
восприятие
Действия Интерфейс
Свойства База данных
формализация
А ПРОЦЕССЫ?
Аналогично можно говорить о «материализации»
абстрактных логических процессов при создании
продуктов, заставляющих своего пользователя
следовать заданному алгоритму
1 . В ТИ п ы с р е д ы / М ат е р и а л ь н о с т ь
РАЗМЫТАЯ ГРАНЬ
Таким образом, цифровые артефакты обладают
материальностью, определяемой тем, что она
транслирует идею в действие. Это стирает различие
между цифровым и аналоговым миром.
1 . В ТИ п ы с р е д ы / М ат е р и а л ь н о с т ь
2.
ИНФОРМАЦИОННОЕ
ПРОЕКТИРОВАНИЕ И АРХИТЕКТУРА
ОПРЕДЕЛЕНИЕ
Совокупность практик, направленных на:
•	Выявление значимых сущностей области;
•	Изучение и формализацию их свойств, связей
между ними;
•	Определение возможных действий с ними в рамках
потенциальных пользовательских целей;
•	Разработка форматов хранения этих данных;
•	И способов передачи для дальнейшего их
использования в процессе создания продукта...
... называется информационным проектированием и
ложится в основу в том числе сервис-дизайна.
2 . И н ф о р м а ц и о н н а я а р х и т е к т у р а
ОПРЕДЕЛЕНИЕ
А результат информационного проектирования,
заложенный в продукт, называется его
информационной архитектурой
2 . И н ф о р м а ц и о н н а я а р х и т е к т у р а
ПРОДАКТ-ДИЗАЙН и ИА
2 . И н ф о р м а ц и о н н а я а р х и т е к т у р а
Исследования и анализ
Оптимизация и формализация
Имплементация
Тестирование
•	 Опросы
•	 Брифы
•	 Поддержка дизайна
•	 Поддержка разработки
•	 Схемы
•	 Таблицы
•	 Майндмэпы
•	 Спецификации
•	 Вайрфреймы
ПРОЕКТИРОВАНИЕ
2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА
ч е л о в е к
с у щ н о с т и
о б л а с т ь
ПРОЕКТИРОВАНИЕ
2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА
ч е л о в е к
с у щ н о с т и
о б л а с т ь
ИДЕЯ п р о д у к тА
Для кого?
Зачем?
Монетизация?
исследование
ПРОЕКТИРОВАНИЕ
2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА
ч е л о в е к
с у щ н о с т и
о б л а с т ь
ИДЕЯ п р о д у к тА
Сущностей
Свойств
Связей
Действий
Для кого?
Зачем?
Монетизация?
отбор
значимых
для решения
конкретных задач
исследование
ПРОЕКТИРОВАНИЕ
2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА
ч е л о в е к
с у щ н о с т и
о б л а с т ь
п р о д у к т
ИДЕЯ п р о д у к тА
Сущностей
Свойств
Связей
Действий
Для кого?
Зачем?
Монетизация?
Информационная
архитектура
отбор формализация
значимых
для решения
конкретных задач
исследование
ПРОЕКТИРОВАНИЕ
2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА
ч е л о в е к
с у щ н о с т и
о б л а с т ь
п р о д у к т
ИДЕЯ п р о д у к тА
Сущностей
Свойств
Связей
Действий
Для кого?
Зачем?
Монетизация?
Информационная
архитектура
Сценарии
Интеферсы
отбор формализация
значимых
для решения
конкретных задач
исследование
ПРОЕКТИРОВАНИЕ
2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА
ч е л о в е к
с у щ н о с т и
о б л а с т ь
п р о д у к т
ИДЕЯ п р о д у к тА
Сущностей
Свойств
Связей
Действий
Для кого?
Зачем?
Монетизация?
Информационная
архитектура
Сценарии
Интеферсы
отбор формализация
значимых
для решения
конкретных задач
оптимизация
исследование Маркетинг
Тестирование
...
≈ c s t≈ c s t
≈ V A R
ВОПРОСЫ
2 . и н ф о р м а ц и о н н а я а р х и т е к т у р а
1. Кто участвует в поцессе (люди, объекты)
2. Как участники картируют область
3. Какие задачи решаются участниками
4. В рамках каких процессов
5. В каких контекстах
6. Что из вышеперечисленного является ключевыми
компонентами, без которых система не будет работать
о п р е д е л е н и е р а м о к с и с т е м ы
=>
РЕЗЮМЕ
2 . и н ф о р м а ц и о н н а я а р х и т е к т у р а
Определение и формализация базовых сущностей
в области, их свойств и правил взаимодействия, не
привязанных к конкретным продуктовым решениями,
позволяет создавать, поддерживать и масштабировать
непротиворечивую логику интерфейсов, баз
данных, процессов, обеспечивающих хороший
пользовательский опыт.
3.
СОЗДАНИЕ ИНФОРМАЦИОННОЙ
МОДЕЛИ ОБЛАСТИ
ПРЕДМЕТНАЯ ОБЛАСТЬ
3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
Сущности / Concepts
Свойства / Properties
Агенты / Agents
Термины / Terms
Связи / Realtionships
в з а и м о д е й с т в и я
ПРЕДМЕТНАЯ ОБЛАСТЬ
Сущности / Concepts
Свойства / Properties
Агенты / Agents
Термины / Terms
Связи / Realtionships
в з а и м о д е й с т в и я
М о д е л ь д а н н ы х
3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
Модель данных это совокупность терминов
и принципов, описывающих определенную
предметную область
ОБЩЕЕ ОПРЕДЕЛЕНИЕ
3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
МОДЕЛИРОВАНИЕ ДАННЫХ
Чтобы построить любую модель, нужно
определить границы вселенной, которую она
должна описывать, и сформулировать задачи
и области где информация, входящая в ее
состав будет использоваться
3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
Изучение
области
1
МОДЕЛИРОВАНИЕ ДАННЫХ
3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
Определить источники, которые содержат
информацию об области, ее сущностях,
процессах, агентах
1. Базы данных
2. Сайты организаций / людей
3. Инструменты
4. Существующие модели
ИСТОЧНИКИ
3 . 1 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / и з у ч е н и Е
Изучение
области
1
Моделирование
области
ключевые сущности и их взаимосвязи
2
МОДЕЛИРОВАНИЕ ДАННЫХ
3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
Вселенная может состоять,
например, из
отобранных согласно
определенному набору принципов
ОБЪЕКТОВ
ВСЕЛЕННАЯ
3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
И набора
Вселенная может состоять,
например, из
отобранных согласно
определенному набору принципов
ОБЪЕКТОВ СВЯЗАННЫХ СУЩНОСТЕЙ
ВСЕЛЕННАЯ
3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
источники
книги, статьи, сайты
места
точки продаж, места рождения, событий
СОБЫТИЯ
продажи, выставки, концерты, исследования
ОРГАНИЗАЦИИ
музеи, склады, бренды, контрагенты
ЛЮДИ
создатели, владельцы, пользователи
И набора
СВЯЗАННЫХ СУЩНОСТЕЙ
Вселенная может состоять,
например из
отобранных согласно
определенному набору принципов
ОБЪЕКТОВ
ВСЕЛЕННАЯ
3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
Доработка:
ВСЕЛЕННАЯ
3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
Доработка:
1. Вынесение наиболее значимых концептов в
отдельные сущности и их более подробное описание
Аукционная продажа
Событие
Остальные события
выставки,
исследования,
реставрации
ВСЕЛЕННАЯ
3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
Доработка:
1. Вынесение наиболее значимых концептов в
отдельные сущности и их более подробное описание
2. Разделение сущности на несколько отдельных
Аукционная продажа
Событие
Мес
Адрес
то
Адм. единица
Остальные события
выставки,
исследования,
реставрации
название
адрес
город, страна, континент
координаты
тип: город, страна, ...
название
родительский термин
ВСЕЛЕННАЯ
3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
Моделирование
содержания
свойства ключевых сущностей
4
3
Изучение
области
1
МОДЕЛИРОВАНИЕ ДАННЫХ
Моделирование
области
ключевые сущности и их взаимосвязи
2
3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
ТРИ ВОПРОСА
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
А. Как используются данные?
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
Умные поисковые интерфейсы
(автокомплиты, полнотекстовый поиск, фильтрация и сортировка по полям)
Удобство и эффективность контроля качества
(автоматическое распознавание отклоняющихся значений, валидация бизнес-правил)
Обучение алгоритмов получения данных
(автоматическое распознавание нужных текстов, их скрейпинг и парсинг в структурированные поля)
Обучение алгоритмов кластеризации
(поиск по изображению, рекомендации похожих объектов)
Расчет динамики цен
(расчет ценовых индексов, вычисление ценовых коридоров)
А. Как используются данные?
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
B. Какие данные нужны?
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
Определение набора свойств для ключевых сущностей
ОБЪЕКТ
ИСТОЧНИК
СОБЫТИЕ
ЧЕЛОВЕК
МЕСТО
ОРГАНИЗАЦИЯ
автор
длина
тип
название
валюта
имя
материал
роль
куратор
статус
широта
цвет
дата
адрес
цена
редактор
спонсор
ссылка
с в о й с т в ас у щ н о с т и
B. Какие данные нужны?
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
С. Как данные получают?
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
Скрейпинг с сайтов в индустрии
(текстовые описания, обычно слабо структурированные, структура отличается от источника к источнику)
Отцифровка аналоговых источников
(неструктурированные текстовые описания, полученные методом оптического распознования, с ошибками)
Подключение к тематическим базам данных
(хорошо стркутурированные, общепринятые методы организации и терминология, но небольшие объемы)
Ручной ввод
(времязатратно и высокая вероятность ошибок)
С. Как данные получают?
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
P 1
P 3
P 7
P 6
P 8
P 9
P 2
V 1.1L 1
V 3.1L 3
V 7.1L 7
V 2.2L 2
V 6.1L 6
V 8.4
V 9.1
L 8.2
L 9 V 9.3
V 6.2
V 8.5
V 9.2
с в о й с т в а з н а ч е н и я
P 10 V 10.1L 10 V 10.3V 10.2
л е й б л
с у щ н о с т ь
СУЩНОСТЬ
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
ТРИ ВОПРОСА
P 1
P 3
P 7
P 6
P 8
P 9
P 2
V 1.1L 1
V 3.1L 3
V 7.1L 7
V 2.2L 2
V 6.1L 6
V 8.4
V 9.1
L 8.2
L 9 V 9.3
V 6.2
V 8.5
V 9.2
с в о й с т в а з н а ч е н и я
P 10 V 10.1L 10 V 10.3V 10.2
л е й б л
с у щ н о с т ь
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
А. Как данные используются?
В. Какие данные нужны?
С. Как данные получают?
ТРИ ВОПРОСА
P 1
P 3
P 7
P 6
P 8
P 9
P 2
V 1.1L 1
V 3.1L 3
V 7.1L 7
V 2.2L 2
V 6.1L 6
V 8.4
V 9.1
L 8.2
L 9 V 9.3
V 6.2
V 8.5
V 9.2
с в о й с т в а з н а ч е н и я
P 10 V 10.1L 10 V 10.3V 10.2
л е й б л
с у щ н о с т ь
А. Как данные используются?
В. Какие данные нужны?
С. Как данные получают?
о т б о р в м о д е л ь
р е л е в а н т н ы х д а н н ы х
в ы с о к о г о к а ч е с т в а
р е а л и с т и ч н о й д о с т у п н о с т и
=>
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
СЛЕДСТВИЯ
Отбор в модель релевантных данных высокого
качества и реалестичной доступности требует:
•	 Определения релевантных свойств для каждой ключевой сущности;
•	 Скрейпинг и, потенциально, хранения фри-текстовых данных;
•	 Парсинг фри-текстовых данных в структурированные поля нужного уровня подробности;
•	 Имплементации контролируемых словарей терминов, использующихся как значения основных свойств.
3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
6
5
Дизайн схемы
данных
принципы организации свойств
Моделирование
содержания
свойства ключевых сущностей
4
3
Изучение
области
1
МОДЕЛИРОВАНИЕ ДАННЫХ
3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
Моделирование
области
ключевые сущности и их взаимосвязи
2
Полная модель данных состоит из:
ЧТО ТАКОЕ СХЕМА ДАННЫХ?
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
Полная модель области состоит из:
Сущностей представляющих основные концепты
(Объект, Событие, Место, Человек, ...)
Списка свойств каждой сущности и их структуры
(Объект: автор, дата создания, место создания, материал, измерения, ...)
(Измерения: тип, значение, единица измерения, система измерения, ...)
Словарей значений (терминов) для каждого из свойств  
(Единицы измерения: м, метры, футы, feet, mètre, ...)
Взаимосвязей сущностей, свойств и значений
(онтологии, сущность-атрибут-значение EAV, etc)
ЧТО ТАКОЕ СХЕМА ДАННЫХ?
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
Они сгруппированы в две конструкции,
которые моделируются отдельно:
ЧТО ТАКОЕ СХЕМА ДАННЫХ?
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
Они сгруппированы в две конструкции,
которые моделируются отдельно:  
Сущности + Свойства + Отношения = Схема
ЧТО ТАКОЕ СХЕМА ДАННЫХ?
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
Они сгруппированы в две конструкции,
которые моделируются отдельно:  
Сущности + Свойства + Отношения = Схема
Термины + Отношения + Правила = Словари
ЧТО ТАКОЕ СХЕМА ДАННЫХ?
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
МОДЕЛЬ
{
ЧТО ТАКОЕ СХЕМА ДАННЫХ?
Они сгруппированы в две конструкции,
которые моделируются отдельно:  
Сущности + Свойства + Отношения = Схема
Термины + Отношения + Правила = Словари
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
Какие подходы уже существуют для описания области?
	 	 	 	 	
ВЫБОР СХЕМЫ: АНАЛОГИ
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
Какие подходы уже существуют для описания области?
Онтологические фреймворки
Пример: schema.org, dbpedia.org
Принцип: Субъект – Предикат – Объект (RDF)
Плюсы: высокая описательная гибкость
Минусы: свойства не организованы в логические кластеры
	 	 сложно управлять и разработать единообразные принципы описания	
Категорийные фреймворки
Пример: Getty’s Categories for the Description of Works of Art (CDWA)
Принцип: Entity – Attribute – Value (EAV)
Плюсы: свойства сгруппированы в концептуальные блоки
	        описательные принципы четко определены
Минусы: менее гибкая
ВЫБОР СХЕМЫ: АНАЛОГИ
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
1. Удобство принципа организации
2. Специфичность для области
3. Признаность сообществом
4. Описание смежных конецптов
5. Проработанная терминология (словари)
ВЫБОР СХЕМЫ: ОРИЕНТИРЫ
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
ОГРАНИЧЕНИЯ СХЕМЫ
1. Подробность
2. Полнота описания области
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
ОГРАНИЧЕНИЯ СХЕМЫ
1. Подробность
2. Полнота описания области
=>
упрощение / усложнение существующих сущностей
расширение набора сущностей
3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
Создание   
тезаврусов
структура и принципы наполнения
7
8 6
5
Дизайн схемы
данных
принципы организации свойств
Моделирование
содержания
свойства ключевых сущностей
4
3
Изучение
области
1
МОДЕЛИРОВАНИЕ ДАННЫХ
3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
Моделирование
области
ключевые сущности и их взаимосвязи
2
Список терминов
Утверждения об их иерархических взаимосвязях
Утверждения о синонимии (+ переводы)
Утверждения о связанных терминах (≠ синонимы)
Утверждения о предпочтительности терминов
Набор дополнительных свойств (определения, ссылки)
Нестрогий синоним: Словарь
ЧТО ТАКОЕ ТЕЗАВРУС?
3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
ТЕЗАУРУСЫ: ОРИЕНТИРЫ
3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
ТЕЗАУРУСЫ: ОРИЕНТИРЫ
1. Что уже есть?
(Примеры: AAT, TGN, ULAN, CONA)
2. Как организованы статьи и их взаимосвязи?
(Синонимы, переводы, иерархии, предпочтительность, мэппинг, определения)
3. Насколько полные?
(Краткие/полные словари)
4. Как происходит модерация?
(Открытый краудсорс, краудсорс среди специалистов, кураторы)
5. Откуда еще брать термины?
(Несловарные источники: сайты индустрии)
3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
ПРИМЕР СЛОВАРНОЙ СТАТЬИ
3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
ПРИМЕР СЛОВАРНОЙ СТАТЬИ
с л о в а р и С л о в а р ь « РОЛИ » с тат ь я « х у д о ж н и к »
Единицы измерений
Материалы
Системы счисления
Типы измерений
Техники
Роли
Автор
Водитель
Издатель
Композитор
Космонавт
Художник
Футуролог
Этнограф
ID: [номер термина]
Иерархия: создатель
	 	        художник
	 	 	       акварелист
	 	 	       график
Getty ID: [AAT identification number]
Определение: [текстовое описание]
Мэппинг на другие словари
Типы объектов: картины
	 	 	        литографии
Области: изящные искусства
Категории искусства: авангард
	 	 	 	 	   ренессанс
Синонимы и переводы
painter (English, preferred)
peintre (French)
kunstmaler (German)
3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
ПРАВИЛА НАПОЛНЕНИЯ
1. Форматирование
(заглавные/прописные буквы, пробелы, дефисы, скобки, диакритика, последовательность, цифры)
2. Предпочтительность
(частотность, язык, орфография)
3. Уровень гранулярности
(широкие/узкие термины)
4. Поясняющие слова
(позволяющие отличить омонимы)
5. Один общий словарь или разные
(серый: масть лошади и цвет машины)
6. Длина терминов
(важно для навигации, например)
3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
ВЫВОД
структ ура контентправила наполнения
3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
4.
ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И UX-
ДИЗАЙН
ВЛИЯНИЕ ИА НА ПРОДУКТ
Вдумчивое моделирование предметной области
позволяет повысить эффективность создания продукта
и принимать взвешенные решения на разных уровнях
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
ВЛИЯНИЕ НА 4 УРОВНЯХ
А. Бизнес
(оптимизация процессов, логистики, финансовых схем)
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
ВЛИЯНИЕ НА 4 УРОВНЯХ
А. Бизнес
(оптимизация процессов, логистики, финансовых схем)
B. Разработка
(удобное проектирование баз данных, бэкенда, логики фронтенда, масштабируемость)
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
B. РАЗРАБОТКА
1. Базы данных
Качественно описанные сущности легко кластеризовать по типам, характеризующимся одним
набором свойств и связей
= > оптимизация количества и структуры таблиц сущностей и таблиц-связей в базе  
2. Бекэнд и фронтэнд
Наглядная логика связей между сущностями, логика поведения отдельных их свойств становится
более явной
=>  унификация кода и алгоритмов
3. Масштабируемость
Наглядно описанная область дает возможность, во-первых, приоритизировать внедрение тех
или иных сущностей, во-вторых, легко добавлять новые сущности, используя уже реализованные
типовые шаблоны
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН / ч е т ы р е у р о в н я
ВЛИЯНИЕ НА 4 УРОВНЯХ
А. Бизнес
(оптимизация процессов, логистики, финансовых схем)
B. Разработка
(удобное проектирование баз данных, бэкенда, логики фронтенда, масштабируемость)
C. Графический дизайн
(UI-kit и масштабируемость)
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
1. Стилистическая логика страниц
•	 Стилистическая унификация страниц одного типа сущностей: «выставка» и «концерт» будут
выглядеть похоже, так как оба — «событие»;
•	 Стилистическая унификация страниц, выполняющих одну функцию: редактирование, создание,
просмотр;
•	 Стилистические различия страниц разных типов сущностей: страницы типа «объект», отличные от
страниц типа «событие».
2. Модульность
Четко описанные сущности позволяют создать сиситему шаблонов их отображения с возможностью
их использования в разных контекстах: страница, виджет в контексте другой старницы, модальности.
3. Унификация UI элементов
Подробно продуманные свойства, для которых понятен тип данных, количество значений, влияние на
значения других свойств, позволяют сгруппировать их по аналогии и использовать в каждом случае
один тип UI элементов. А также облегчают коммуникацию с фротенд-разработчиками.
C. ГРАФИЧЕСКИЙ ДИЗАЙН
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН / ч е т ы р е у р о в н я
ВЛИЯНИЕ НА 4 УРОВНЯХ
А. Бизнес
(оптимизация процессов, логистики, финансовых схем)
B. Разработка
(удобное проектирование баз данных, бэкенда, логики фронтенда, масштабируемость)
C. Графический дизайн
(UI-kit и масштабируемость)
D. UX и продакт дизайн
(понятные интерфейсы, чистые пользовательские данные, умные рекомендательные системы, machine learning)
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
Продуманная навигация и контекстные действия
(меню, категоризаторы, контекстные ссылки на другие сущности, операции с сущностями)
Умные поисковые интерфейсы
(автокомплиты, полнотекстовый поиск, фильтрация и сортировка по полям)
Удобство и эффективность контроля качества
(автоматическое распознавание отклоняющихся значений, валидация бизнес-правил)
Обучение алгоритмов получения данных
(автоматическое распознавание нужных текстов, их скрейпинг и парсинг в структурированные поля)
Обучение алгоритмов кластеризации
(поиск по изображению, рекомендации похожих объектов)
Рассчет динамики цен
(рассчет ценовых индексов, вычисление ценовых коридоров)
D. UX И ПРОДАКТ ДИЗАЙН
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН / ч е т ы р е у р о в н я
БАЗИС VS. НАДСТРОЙКИ
Проектирование позволяет создать
универсальную концептуальную
базу: словарь сущностей, карту
их взаимосвязей, набор возможных
взаимодействий с ними, которые можно
положить в основу всех проектируемых
процессов и инструментов, будучи
уверенным, что пользовательская
логика останется выверенной
и непротиворечивой во всех контекстах.
и н ф о р м а ц и о н н а я
а р х и т е к т у р а
	 с ц е н а р и и
	 и н т е р ф е й с ы
ПРОДУКТ
Контексты
Пользователи
Медиа-каналы
Платформы
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
ОГРАНИЧЕНИЯ
I A
U X
I A
U X
UXXU
XU
UX
X U
I A
U X
UX
UX
Скелет животного задает его общий вид, при всем
разнообразии внутривидовых признкаков. На скелете
черепахи не получится человек.
Информационная архитектура — это скелет продукта.
Когда возникает потребность добавить кардинально
новые функции и процессы, нужно ее изменять.
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
ПРОРАБОТАННАЯ ИА
1. Финансово-временная оптимизация дизайн-процессов
2. Аргументы для защиты дизайн-решений
3. Оптимизация пользовательских сценариев
4. Масштабируемость
5. Чистые пользовательские данные
6. «Магия»: ML надстройки (предсказания, рекомендации)
=>
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
ПРОРАБОТАННАЯ ИА
1. Финансово-временная оптимизация дизайн-процессов
2. Аргументы для защиты дизайн-решений
3. Оптимизация пользовательских сценариев
4. Масштабируемость
5. Чистые пользовательские данные
6. «Магия»: ML надстройки (предсказания, рекомендации)
=>
4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
good design
СПАСИБО
о с е н н я я к о н ф е р е н ц и я Р Ш С Д 2 0 1 7
1 9 с е н т я б р я
ССЫЛКИ
1. IA Miscellaneous
(подборка разной информации про информационную архитектуру: книги, статьи, люди, события)
2. LS / Notes
(подборка моих около информационно-архитектурных заметок)
МАСТЕР-КЛАСС
Информационное
проектирование
Модель
области
Практическая
UX-задача
МАСТЕР-КЛАСС
Информационное
проектирование
Модель
области
Практическая
UX-задача
ЗАДАЧА
построение выверенной навигации по сложному,
информационно насыщенному сервису
МАСТЕР-КЛАСС
Информационное
проектирование
Модель
области
Практическая
UX-задача
ЗАДАЧА
СУБСТРАТ
построение выверенной навигации по сложному,
информационно насыщенному сервису
один из ключевых разделов городского
портала Москвы mos.ru
МАСТЕР-КЛАСС
Информационное
проектирование
Модель
области
Практическая
UX-задача
ЗАДАЧА
СУБСТРАТ
РЕЗУЛЬТАТ
построение выверенной навигации по сложному,
информационно насыщенному сервису
возможно, будет использован в реальном
продукте
один из ключевых разделов городского
портала Москвы mos.ru
МАСТЕР-КЛАСС
к о гд а
гд е
а н о н с
4 ноября 2017 (16:00-20:00)
станет известно чуть позже
productdesign.center
Информационное
проектирование
Модель
области
Практическая
UX-задача
СПАСИБО ЕЩЁ РАЗ!
о с е н н я я к о н ф е р е н ц и я Р Ш С Д 2 0 1 7
1 9 с е н т я б р я

More Related Content

Similar to Основы информационного проектирования: моделирование предметной области и UX-дизайн

Мифы про Project-ов, Product-ов, любимую Jira и многие темы вокруг на
Мифы про Project-ов, Product-ов, любимую Jira и многие темы вокруг на Мифы про Project-ов, Product-ов, любимую Jira и многие темы вокруг на
Мифы про Project-ов, Product-ов, любимую Jira и многие темы вокруг на Gonchik Tsymzhitov
 
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигеватьWUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигеватьYury Vetrov
 
Эпистемические практики в современных конвергентных технологиях
Эпистемические практики в современных конвергентных технологияхЭпистемические практики в современных конвергентных технологиях
Эпистемические практики в современных конвергентных технологияхvogu oikrit
 
Системы работы с информацией . Инструменты? Протезы? Тренажеры? Компьютерные ...
Системы работы с информацией. Инструменты? Протезы? Тренажеры? Компьютерные ...Системы работы с информацией. Инструменты? Протезы? Тренажеры? Компьютерные ...
Системы работы с информацией . Инструменты? Протезы? Тренажеры? Компьютерные ...aivanoff
 
Адаптивный дом
Адаптивный домАдаптивный дом
Адаптивный домLuxoftTraining
 
извлечение объектов и фактов из текстов
извлечение объектов и фактов из текстовизвлечение объектов и фактов из текстов
извлечение объектов и фактов из текстовYandex
 
20160204 Простота Единомыслия и понимание сути исходных объектов
20160204 Простота Единомыслия и понимание сути исходных объектов20160204 Простота Единомыслия и понимание сути исходных объектов
20160204 Простота Единомыслия и понимание сути исходных объектовAndrei A. Emelin
 
Система 2014
Система 2014Система 2014
Система 2014Max Voloshin
 
Как написать гайд для исследования на заданную тему
Как написать гайд для исследования на заданную темуКак написать гайд для исследования на заданную тему
Как написать гайд для исследования на заданную темуLAZOVOY
 
Онтологии и информационная архитектура: соотношение терминов и потенциал совм...
Онтологии и информационная архитектура: соотношение терминов и потенциал совм...Онтологии и информационная архитектура: соотношение терминов и потенциал совм...
Онтологии и информационная архитектура: соотношение терминов и потенциал совм...Dmitry Kudryavtsev
 
02.11.2016 Буланов, как технологии и медиа меняют школьное образование
02.11.2016 Буланов, как технологии и медиа меняют школьное образование02.11.2016 Буланов, как технологии и медиа меняют школьное образование
02.11.2016 Буланов, как технологии и медиа меняют школьное образованиеМаксим Буланов
 
Планирование по информатике в 5-6 классах
Планирование по информатике в 5-6 классахПланирование по информатике в 5-6 классах
Планирование по информатике в 5-6 классахСергей Афонин
 
Вепольное моделирование презентация Решалка ТРИЗ
Вепольное моделирование презентация Решалка ТРИЗВепольное моделирование презентация Решалка ТРИЗ
Вепольное моделирование презентация Решалка ТРИЗООО "ТРИЗ ЦЕНТР "Решатель"
 
введение в объектно ориентированный анализ
введение в объектно ориентированный анализвведение в объектно ориентированный анализ
введение в объектно ориентированный анализMaksim Nikitin
 
Дизайн для людей, приложений, устройств и сервисов
Дизайн для людей, приложений, устройств и сервисовДизайн для людей, приложений, устройств и сервисов
Дизайн для людей, приложений, устройств и сервисовConstantin Kichinsky
 

Similar to Основы информационного проектирования: моделирование предметной области и UX-дизайн (20)

Мифы про Project-ов, Product-ов, любимую Jira и многие темы вокруг на
Мифы про Project-ов, Product-ов, любимую Jira и многие темы вокруг на Мифы про Project-ов, Product-ов, любимую Jira и многие темы вокруг на
Мифы про Project-ов, Product-ов, любимую Jira и многие темы вокруг на
 
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигеватьWUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
 
Эпистемические практики в современных конвергентных технологиях
Эпистемические практики в современных конвергентных технологияхЭпистемические практики в современных конвергентных технологиях
Эпистемические практики в современных конвергентных технологиях
 
Системы работы с информацией . Инструменты? Протезы? Тренажеры? Компьютерные ...
Системы работы с информацией. Инструменты? Протезы? Тренажеры? Компьютерные ...Системы работы с информацией. Инструменты? Протезы? Тренажеры? Компьютерные ...
Системы работы с информацией . Инструменты? Протезы? Тренажеры? Компьютерные ...
 
New tools for learning
New tools for learningNew tools for learning
New tools for learning
 
Адаптивный дом
Адаптивный домАдаптивный дом
Адаптивный дом
 
извлечение объектов и фактов из текстов
извлечение объектов и фактов из текстовизвлечение объектов и фактов из текстов
извлечение объектов и фактов из текстов
 
20160204 Простота Единомыслия и понимание сути исходных объектов
20160204 Простота Единомыслия и понимание сути исходных объектов20160204 Простота Единомыслия и понимание сути исходных объектов
20160204 Простота Единомыслия и понимание сути исходных объектов
 
Система 2014
Система 2014Система 2014
Система 2014
 
Как написать гайд для исследования на заданную тему
Как написать гайд для исследования на заданную темуКак написать гайд для исследования на заданную тему
Как написать гайд для исследования на заданную тему
 
Dialog
DialogDialog
Dialog
 
Онтологии и информационная архитектура: соотношение терминов и потенциал совм...
Онтологии и информационная архитектура: соотношение терминов и потенциал совм...Онтологии и информационная архитектура: соотношение терминов и потенциал совм...
Онтологии и информационная архитектура: соотношение терминов и потенциал совм...
 
02.11.2016 Буланов, как технологии и медиа меняют школьное образование
02.11.2016 Буланов, как технологии и медиа меняют школьное образование02.11.2016 Буланов, как технологии и медиа меняют школьное образование
02.11.2016 Буланов, как технологии и медиа меняют школьное образование
 
Планирование по информатике в 5-6 классах
Планирование по информатике в 5-6 классахПланирование по информатике в 5-6 классах
Планирование по информатике в 5-6 классах
 
Обзор курса
Обзор курсаОбзор курса
Обзор курса
 
вепольное моделирование презентация
вепольное моделирование презентациявепольное моделирование презентация
вепольное моделирование презентация
 
вепольное моделирование Игра Решалка
вепольное моделирование Игра Решалкавепольное моделирование Игра Решалка
вепольное моделирование Игра Решалка
 
Вепольное моделирование презентация Решалка ТРИЗ
Вепольное моделирование презентация Решалка ТРИЗВепольное моделирование презентация Решалка ТРИЗ
Вепольное моделирование презентация Решалка ТРИЗ
 
введение в объектно ориентированный анализ
введение в объектно ориентированный анализвведение в объектно ориентированный анализ
введение в объектно ориентированный анализ
 
Дизайн для людей, приложений, устройств и сервисов
Дизайн для людей, приложений, устройств и сервисовДизайн для людей, приложений, устройств и сервисов
Дизайн для людей, приложений, устройств и сервисов
 

Основы информационного проектирования: моделирование предметной области и UX-дизайн

  • 1. ОСНОВЫ ИНФОРМАЦИОННОГО ПРОЕКТИРОВАНИЯ о с е н н я я к о н ф е р е н ц и я Р Ш С Д 2 0 1 7 1 9 с е н т я б р я м о д е л и р о в а н и е п р е д м е н т н о й о б л а с т и и U X - Д и з а й н ЛАРА СИМОНОВА
  • 2. ЛАРА СИМОНОВА Проекты • Patrn (таск-менеджер для анимационной студии) • Campus (образовательный проект рамках «Мастерской» Димы Барбанеля при поддержке Яндекс) • Textr (текстовый конструктор для издательства) • Почта России (подписное агентство, почта id, портал, электронные заказные письма) • Channelkit (инструмент для организации знаний) • Collectrium, the Christie’s Company (отдел анализа данных аукционного дома) Контакты • Facebook: Lara Simonova • Upwork / Behance / Linkedin • E-mail: lara@channelkit.com
  • 3. 1. Среда, свойства сущностей и UX • Сервис-дизайн в комплексной экосистеме на стыке цифровой и аналоговой сред • Различие свойств цифровых и аналоговых сущностей • И их сходство: материальность нематериальных сущностей • Влияние материальности на UX-дизайн продукта 2. Информационное проектирование и архитектура • Определение информационного проектирования и архитектуры • Описание процесса информационного проектирования • Связь информационного проектирования с остальными процессами разработки продукта • Модель предметной области области, как один из результатов проектирования 3. Фреймворк для создания модели области • Исследование предметной области • Выделение основных ее сущностей • Моделирование содержания • Выбор схемы данных • Структурирование и наполнение словарей 4. Модель области как база для UX-дизайна • Сферы влияния модели: бизнес-процессы, разработка, графдизайн, пользовательские сценарии • Ограничения модели и перепродумывание ПЛАН
  • 5. ЭВОЛЮЦИЯ ОПЫТА Постоянно создаются новые и модифицируются уже существующие среды взаимодействия людей между собой и с окружающим миром 1 . СРЕДА И U X Uber Qlean AirBnB Альфа-банк Alfred YouDo Amazon Europaena Facebook Snapchat ...
  • 6. СЛОЖНАЯ ЭКОСИСТЕМА а н а л о г о в а я СРЕДА Ц И Ф РОВАЯ СРЕДА 1 . СРЕДА И U X
  • 7. СЛОЖНАЯ ЭКОСИСТЕМА а н а л о г о в а я СРЕДА Ц И Ф РОВАЯ СРЕДА с у щ н о с т и п р о ц е с с ы 1 . СРЕДА И U X
  • 8. СЛОЖНАЯ ЭКОСИСТЕМА а н а л о г о в а я СРЕДА Ц И Ф РОВАЯ СРЕДА с у щ н о с т и п р о ц е с с ы ПОЛЬЗОВАТЕЛЬСКИЙ ОПЫТ 1 . СРЕДА И U X
  • 9. ПРИМЕР а н а л о г о в а я СРЕДА Ц И Ф РОВАЯ СРЕДА с у щ н о с т и п р о ц е с с ы Peter Moreville (WIAD 2016) Harvard Business School’s Baker Library 1 . с р е д а и U X / с л о ж н а я э к о с и с т е м а
  • 10. ПРИМЕР Ц И Ф РОВАЯ СРЕДА п р о ц е с с ы а н а л о г о в а я СРЕДА с у щ н о с т и 1 . с р е д а и U X / с л о ж н а я э к о с и с т е м а Каталог Карточка книги Заказ Поиск Возврат Чтение Обучение Поиск Заказ Обучение Книги Полки Библиотекарь Читатель
  • 11. ПРИМЕР Ц И Ф РОВАЯ СРЕДА п р о ц е с с ы Каталог Карточка книги Заказ Поиск Возврат Чтение Обучение Поиск Заказ Обучение а н а л о г о в а я СРЕДА с у щ н о с т и Книги Полки Библиотекарь Читатель UX “This one test made it clear that information architecture isn’t just about websites; it’s about the whole ecosystem, because everything is deeply intertwingled” Peter Morville 1 . с р е д а и U X / с л о ж н а я э к о с и с т е м а
  • 12. Элементы экосистемы в разных средах тесно связаны между собой, но: • С одной стороны их свойства и взаимосвязи не всегда однозначно ковертируются друг в друга, подчиняются одинаковому набору правил • С другой, разница между сущностью или процессом в реальном мире и их цифровыми репрезентациями не всегда очевидна (понятие материальности) 1 . с р е д а и U X / с л о ж н а я э к о с и с т е м а ВСЁ ЕЩЁ ЧУТЬ СЛОЖНЕЕ
  • 13. СЛЕДСТВИЯ 1 . ТИ п ы с р е д ы / с л о ж н а я э к о с и с т е м а • Знание всех релевантных компонентов области; • Понимание смысла и природы их взаимосвязей; • Понимание характера их (А) свойств в разных средах; • А также понимание (Б) способа восприятия всей этой системы пользователем, его перцептивных карт... ... позволяют проектировать полноценные бесшовные сценарии, достраивать аналоговый мир цифровым и, наоборот, выводить пользователя из диджитала в реальный мир.
  • 14. А. СВОЙСТВА И СРЕДЫ 1 . ТИ п ы с р е д ы ПРОСТРАНСТВО ВРЕМЯ И Е щ е Размещение объекта (размер объекта и пространства) Размещение на объекте (размер объекта, информации) Размещение по подобию (смысл, свойства) Скорости доступа Изнашиваемость Эволюция Доступ Нарративы/Процессы Ц И Ф РОВАЯ СРЕДАа н а л о г о в а я СРЕДА привязка к локации перевыпуск последовательный линейные мета-структурирование инкрементальный апдейт параллельный сетевые
  • 15. Б. СПОСОБ ВОСПРИЯТИЯ 1 . ТИ п ы с р е д ы Выше шла речь об объективных свойствах систем в разных среда, но важно поговорить еще о субъективном восприятии компонентов системы пользователем * * за мысли об этой, пока еще не слишком фундаментально изученной мной, области отдельное спасибо Михаилу Жашкову
  • 16. ПЕРЦЕПТИВНЫЕ КАРТЫ 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 17. ПЕРЦЕПТИВНЫЕ КАРТЫ 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 18. ПЕРЦЕПТИВНЫЕ КАРТЫ 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 19. ПЕРЦЕПТИВНЫЕ КАРТЫ 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 20. • Расположенные рядом по какому-то (например, пространственному) признаку сущности записываются в мозгу рядом • Записанные рядом в мозгу сущности быстрее активируются в тандеме ПЕРЦЕПТИВНЫЕ КАРТЫ 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 21. ВОСПРИЯТИЕ И UX-ДИЗАЙН 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 22. ВОСПРИЯТИЕ И UX-ДИЗАЙН МИР Время Пространство Объекты 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 23. ВОСПРИЯТИЕ И UX-ДИЗАЙН Опыт Объекты Действия Процессы Навыки Движение П о л ь з о в ат е л ь МИР Время Пространство Объекты восприятие 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 24. ВОСПРИЯТИЕ И UX-ДИЗАЙН Опыт Объекты Действия Процессы Навыки Движение П о л ь з о в ат е л ь Перцептивные карты запись существующие / новые ассоциированные бессознательные МИР Время Пространство Объекты восприятие 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 25. ВОСПРИЯТИЕ И UX-ДИЗАЙН Опыт Объекты Действия Процессы Навыки Движение П о л ь з о в ат е л ь Перцептивные карты Ментальные модели области запись упаковка существующие / новые ассоциированные бессознательные рабочий механизм потенциально осознаваемые МИР Время Пространство Объекты восприятие 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 26. ВОСПРИЯТИЕ И UX-ДИЗАЙН Опыт Объекты Действия Процессы Навыки Движение П о л ь з о в ат е л ь Перцептивные карты Ментальные модели области запись упаковка существующие / новые ассоциированные инвариантные / зависящие от среды инвариантные / зависящие от среды бессознательные рабочий механизм потенциально осознаваемые Сущности Свойства Связи Сущности Свойства Связи информационное проектирование информационное проектирование СИСТЕМЫМИР Время Пространство Объекты восприятие формализация 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 27. ВОСПРИЯТИЕ И UX-ДИЗАЙН Опыт Объекты Действия Процессы Навыки Движение П о л ь з о в ат е л ь Перцептивные карты Ментальные модели области запись упаковка упаковка существующие / новые ассоциированные инвариантные / зависящие от среды инвариантные / зависящие от среды мета-структуры бессознательные рабочий механизм потенциально осознаваемые Сущности Свойства Связи Сущности Свойства Связи Классификация Навигация Сценарии Контролы информационное проектирование информационное проектирование интерфейсы СИСТЕМЫМИР Время Пространство Объекты восприятие формализация 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 28. ВОСПРИЯТИЕ И UX-ДИЗАЙН Опыт Объекты Действия Процессы Навыки Движение П о л ь з о в ат е л ь Перцептивные карты Ментальные модели области Ментальная модель сервиса запись упаковка упаковка существующие / новые ассоциированные инвариантные / зависящие от среды инвариантные / зависящие от среды мета-структуры бессознательные рабочий механизм потенциально осознаваемые потенциально осознаваемая Сущности Свойства Связи Сущности Свойства Связи Классификация Навигация Сценарии Контролы информационное проектирование информационное проектирование интерфейсы чтение СИСТЕМЫМИР Время Пространство Объекты восприятие формализация 1 . б . ТИ п ы с р е д ы / с п о с о б в о с п р и я т и я
  • 29. В. МАТЕРИАЛЬНОСТЬ 1 . ТИ п ы с р е д ы • Сущности, с которыми имеем дело при разработке, могут часто не являться аналоговыми de facto, однако несут семантику и свойства материальных объектов • Они, в свою очередь, ложатся в основу принципов организации этих сущностей • Материальные свойства сущностей сами по себе не имеют значения, до тех пор, пока у человека не возникает необходимость интегрировать их в тот или иной процесс, ведущий к достижению цели
  • 30. AFFORDANCES 1 . В ТИ п ы с р е д ы / М ат е р и а л ь н о с т ь • Человек воспринимает объект не через его непосредственные свойства, а скорее через набор действий, которые, по его мнению, с этим объектом можно совершить (affordances) [Norman] • И этот набор и является тем, что нужно закладывать в сущности, в явном виде показывать пользователю при дизайне процессов и взаимодействий. ОБ Ъ ЕКТ восприятие Действия Интерфейс Свойства База данных формализация
  • 31. ЦЕЛИ Вся совокупность этих действий (affordances) не меняется, однако их набор зависит от контекста и целей, с которыми человек приходит к взаимодействию с объектом Ц ЕЛИ 1 . В ТИ п ы с р е д ы / М ат е р и а л ь н о с т ь ОБ Ъ ЕКТ восприятие Действия Интерфейс Свойства База данных формализация
  • 32. А ПРОЦЕССЫ? Аналогично можно говорить о «материализации» абстрактных логических процессов при создании продуктов, заставляющих своего пользователя следовать заданному алгоритму 1 . В ТИ п ы с р е д ы / М ат е р и а л ь н о с т ь
  • 33. РАЗМЫТАЯ ГРАНЬ Таким образом, цифровые артефакты обладают материальностью, определяемой тем, что она транслирует идею в действие. Это стирает различие между цифровым и аналоговым миром. 1 . В ТИ п ы с р е д ы / М ат е р и а л ь н о с т ь
  • 35. ОПРЕДЕЛЕНИЕ Совокупность практик, направленных на: • Выявление значимых сущностей области; • Изучение и формализацию их свойств, связей между ними; • Определение возможных действий с ними в рамках потенциальных пользовательских целей; • Разработка форматов хранения этих данных; • И способов передачи для дальнейшего их использования в процессе создания продукта... ... называется информационным проектированием и ложится в основу в том числе сервис-дизайна. 2 . И н ф о р м а ц и о н н а я а р х и т е к т у р а
  • 36. ОПРЕДЕЛЕНИЕ А результат информационного проектирования, заложенный в продукт, называется его информационной архитектурой 2 . И н ф о р м а ц и о н н а я а р х и т е к т у р а
  • 37. ПРОДАКТ-ДИЗАЙН и ИА 2 . И н ф о р м а ц и о н н а я а р х и т е к т у р а Исследования и анализ Оптимизация и формализация Имплементация Тестирование • Опросы • Брифы • Поддержка дизайна • Поддержка разработки • Схемы • Таблицы • Майндмэпы • Спецификации • Вайрфреймы
  • 38. ПРОЕКТИРОВАНИЕ 2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА
  • 39. ч е л о в е к с у щ н о с т и о б л а с т ь
  • 40. ПРОЕКТИРОВАНИЕ 2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА ч е л о в е к с у щ н о с т и о б л а с т ь ИДЕЯ п р о д у к тА Для кого? Зачем? Монетизация? исследование
  • 41. ПРОЕКТИРОВАНИЕ 2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА ч е л о в е к с у щ н о с т и о б л а с т ь ИДЕЯ п р о д у к тА Сущностей Свойств Связей Действий Для кого? Зачем? Монетизация? отбор значимых для решения конкретных задач исследование
  • 42. ПРОЕКТИРОВАНИЕ 2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА ч е л о в е к с у щ н о с т и о б л а с т ь п р о д у к т ИДЕЯ п р о д у к тА Сущностей Свойств Связей Действий Для кого? Зачем? Монетизация? Информационная архитектура отбор формализация значимых для решения конкретных задач исследование
  • 43. ПРОЕКТИРОВАНИЕ 2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА ч е л о в е к с у щ н о с т и о б л а с т ь п р о д у к т ИДЕЯ п р о д у к тА Сущностей Свойств Связей Действий Для кого? Зачем? Монетизация? Информационная архитектура Сценарии Интеферсы отбор формализация значимых для решения конкретных задач исследование
  • 44. ПРОЕКТИРОВАНИЕ 2 . ИН Ф ОРМА Ц ИОННАЯ АРХИТЕКТУРА ч е л о в е к с у щ н о с т и о б л а с т ь п р о д у к т ИДЕЯ п р о д у к тА Сущностей Свойств Связей Действий Для кого? Зачем? Монетизация? Информационная архитектура Сценарии Интеферсы отбор формализация значимых для решения конкретных задач оптимизация исследование Маркетинг Тестирование ... ≈ c s t≈ c s t ≈ V A R
  • 45. ВОПРОСЫ 2 . и н ф о р м а ц и о н н а я а р х и т е к т у р а 1. Кто участвует в поцессе (люди, объекты) 2. Как участники картируют область 3. Какие задачи решаются участниками 4. В рамках каких процессов 5. В каких контекстах 6. Что из вышеперечисленного является ключевыми компонентами, без которых система не будет работать о п р е д е л е н и е р а м о к с и с т е м ы =>
  • 46. РЕЗЮМЕ 2 . и н ф о р м а ц и о н н а я а р х и т е к т у р а Определение и формализация базовых сущностей в области, их свойств и правил взаимодействия, не привязанных к конкретным продуктовым решениями, позволяет создавать, поддерживать и масштабировать непротиворечивую логику интерфейсов, баз данных, процессов, обеспечивающих хороший пользовательский опыт.
  • 48. ПРЕДМЕТНАЯ ОБЛАСТЬ 3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и Сущности / Concepts Свойства / Properties Агенты / Agents Термины / Terms Связи / Realtionships в з а и м о д е й с т в и я
  • 49. ПРЕДМЕТНАЯ ОБЛАСТЬ Сущности / Concepts Свойства / Properties Агенты / Agents Термины / Terms Связи / Realtionships в з а и м о д е й с т в и я М о д е л ь д а н н ы х 3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
  • 50. Модель данных это совокупность терминов и принципов, описывающих определенную предметную область ОБЩЕЕ ОПРЕДЕЛЕНИЕ 3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
  • 51. МОДЕЛИРОВАНИЕ ДАННЫХ Чтобы построить любую модель, нужно определить границы вселенной, которую она должна описывать, и сформулировать задачи и области где информация, входящая в ее состав будет использоваться 3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
  • 52. Изучение области 1 МОДЕЛИРОВАНИЕ ДАННЫХ 3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
  • 53. Определить источники, которые содержат информацию об области, ее сущностях, процессах, агентах 1. Базы данных 2. Сайты организаций / людей 3. Инструменты 4. Существующие модели ИСТОЧНИКИ 3 . 1 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / и з у ч е н и Е
  • 54. Изучение области 1 Моделирование области ключевые сущности и их взаимосвязи 2 МОДЕЛИРОВАНИЕ ДАННЫХ 3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
  • 55. Вселенная может состоять, например, из отобранных согласно определенному набору принципов ОБЪЕКТОВ ВСЕЛЕННАЯ 3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
  • 56. И набора Вселенная может состоять, например, из отобранных согласно определенному набору принципов ОБЪЕКТОВ СВЯЗАННЫХ СУЩНОСТЕЙ ВСЕЛЕННАЯ 3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
  • 57. источники книги, статьи, сайты места точки продаж, места рождения, событий СОБЫТИЯ продажи, выставки, концерты, исследования ОРГАНИЗАЦИИ музеи, склады, бренды, контрагенты ЛЮДИ создатели, владельцы, пользователи И набора СВЯЗАННЫХ СУЩНОСТЕЙ Вселенная может состоять, например из отобранных согласно определенному набору принципов ОБЪЕКТОВ ВСЕЛЕННАЯ 3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
  • 58. Доработка: ВСЕЛЕННАЯ 3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
  • 59. Доработка: 1. Вынесение наиболее значимых концептов в отдельные сущности и их более подробное описание Аукционная продажа Событие Остальные события выставки, исследования, реставрации ВСЕЛЕННАЯ 3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
  • 60. Доработка: 1. Вынесение наиболее значимых концептов в отдельные сущности и их более подробное описание 2. Разделение сущности на несколько отдельных Аукционная продажа Событие Мес Адрес то Адм. единица Остальные события выставки, исследования, реставрации название адрес город, страна, континент координаты тип: город, страна, ... название родительский термин ВСЕЛЕННАЯ 3 . 2 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е о б л а с т и
  • 61. Моделирование содержания свойства ключевых сущностей 4 3 Изучение области 1 МОДЕЛИРОВАНИЕ ДАННЫХ Моделирование области ключевые сущности и их взаимосвязи 2 3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
  • 62. ТРИ ВОПРОСА 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
  • 63. А. Как используются данные? 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
  • 64. Умные поисковые интерфейсы (автокомплиты, полнотекстовый поиск, фильтрация и сортировка по полям) Удобство и эффективность контроля качества (автоматическое распознавание отклоняющихся значений, валидация бизнес-правил) Обучение алгоритмов получения данных (автоматическое распознавание нужных текстов, их скрейпинг и парсинг в структурированные поля) Обучение алгоритмов кластеризации (поиск по изображению, рекомендации похожих объектов) Расчет динамики цен (расчет ценовых индексов, вычисление ценовых коридоров) А. Как используются данные? 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
  • 65. B. Какие данные нужны? 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
  • 66. Определение набора свойств для ключевых сущностей ОБЪЕКТ ИСТОЧНИК СОБЫТИЕ ЧЕЛОВЕК МЕСТО ОРГАНИЗАЦИЯ автор длина тип название валюта имя материал роль куратор статус широта цвет дата адрес цена редактор спонсор ссылка с в о й с т в ас у щ н о с т и B. Какие данные нужны? 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
  • 67. С. Как данные получают? 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
  • 68. Скрейпинг с сайтов в индустрии (текстовые описания, обычно слабо структурированные, структура отличается от источника к источнику) Отцифровка аналоговых источников (неструктурированные текстовые описания, полученные методом оптического распознования, с ошибками) Подключение к тематическим базам данных (хорошо стркутурированные, общепринятые методы организации и терминология, но небольшие объемы) Ручной ввод (времязатратно и высокая вероятность ошибок) С. Как данные получают? 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
  • 69. P 1 P 3 P 7 P 6 P 8 P 9 P 2 V 1.1L 1 V 3.1L 3 V 7.1L 7 V 2.2L 2 V 6.1L 6 V 8.4 V 9.1 L 8.2 L 9 V 9.3 V 6.2 V 8.5 V 9.2 с в о й с т в а з н а ч е н и я P 10 V 10.1L 10 V 10.3V 10.2 л е й б л с у щ н о с т ь СУЩНОСТЬ 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
  • 70. ТРИ ВОПРОСА P 1 P 3 P 7 P 6 P 8 P 9 P 2 V 1.1L 1 V 3.1L 3 V 7.1L 7 V 2.2L 2 V 6.1L 6 V 8.4 V 9.1 L 8.2 L 9 V 9.3 V 6.2 V 8.5 V 9.2 с в о й с т в а з н а ч е н и я P 10 V 10.1L 10 V 10.3V 10.2 л е й б л с у щ н о с т ь 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я А. Как данные используются? В. Какие данные нужны? С. Как данные получают?
  • 71. ТРИ ВОПРОСА P 1 P 3 P 7 P 6 P 8 P 9 P 2 V 1.1L 1 V 3.1L 3 V 7.1L 7 V 2.2L 2 V 6.1L 6 V 8.4 V 9.1 L 8.2 L 9 V 9.3 V 6.2 V 8.5 V 9.2 с в о й с т в а з н а ч е н и я P 10 V 10.1L 10 V 10.3V 10.2 л е й б л с у щ н о с т ь А. Как данные используются? В. Какие данные нужны? С. Как данные получают? о т б о р в м о д е л ь р е л е в а н т н ы х д а н н ы х в ы с о к о г о к а ч е с т в а р е а л и с т и ч н о й д о с т у п н о с т и => 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
  • 72. СЛЕДСТВИЯ Отбор в модель релевантных данных высокого качества и реалестичной доступности требует: • Определения релевантных свойств для каждой ключевой сущности; • Скрейпинг и, потенциально, хранения фри-текстовых данных; • Парсинг фри-текстовых данных в структурированные поля нужного уровня подробности; • Имплементации контролируемых словарей терминов, использующихся как значения основных свойств. 3 . 4 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / м о д е л и р о в а н и е с о д е р ж а н и я
  • 73. 6 5 Дизайн схемы данных принципы организации свойств Моделирование содержания свойства ключевых сущностей 4 3 Изучение области 1 МОДЕЛИРОВАНИЕ ДАННЫХ 3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и Моделирование области ключевые сущности и их взаимосвязи 2
  • 74. Полная модель данных состоит из: ЧТО ТАКОЕ СХЕМА ДАННЫХ? 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 75. Полная модель области состоит из: Сущностей представляющих основные концепты (Объект, Событие, Место, Человек, ...) Списка свойств каждой сущности и их структуры (Объект: автор, дата создания, место создания, материал, измерения, ...) (Измерения: тип, значение, единица измерения, система измерения, ...) Словарей значений (терминов) для каждого из свойств (Единицы измерения: м, метры, футы, feet, mètre, ...) Взаимосвязей сущностей, свойств и значений (онтологии, сущность-атрибут-значение EAV, etc) ЧТО ТАКОЕ СХЕМА ДАННЫХ? 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 76. Они сгруппированы в две конструкции, которые моделируются отдельно: ЧТО ТАКОЕ СХЕМА ДАННЫХ? 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 77. Они сгруппированы в две конструкции, которые моделируются отдельно: Сущности + Свойства + Отношения = Схема ЧТО ТАКОЕ СХЕМА ДАННЫХ? 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 78. Они сгруппированы в две конструкции, которые моделируются отдельно: Сущности + Свойства + Отношения = Схема Термины + Отношения + Правила = Словари ЧТО ТАКОЕ СХЕМА ДАННЫХ? 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 79. МОДЕЛЬ { ЧТО ТАКОЕ СХЕМА ДАННЫХ? Они сгруппированы в две конструкции, которые моделируются отдельно: Сущности + Свойства + Отношения = Схема Термины + Отношения + Правила = Словари 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 80. Какие подходы уже существуют для описания области? ВЫБОР СХЕМЫ: АНАЛОГИ 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 81. Какие подходы уже существуют для описания области? Онтологические фреймворки Пример: schema.org, dbpedia.org Принцип: Субъект – Предикат – Объект (RDF) Плюсы: высокая описательная гибкость Минусы: свойства не организованы в логические кластеры сложно управлять и разработать единообразные принципы описания Категорийные фреймворки Пример: Getty’s Categories for the Description of Works of Art (CDWA) Принцип: Entity – Attribute – Value (EAV) Плюсы: свойства сгруппированы в концептуальные блоки описательные принципы четко определены Минусы: менее гибкая ВЫБОР СХЕМЫ: АНАЛОГИ 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 82. 1. Удобство принципа организации 2. Специфичность для области 3. Признаность сообществом 4. Описание смежных конецптов 5. Проработанная терминология (словари) ВЫБОР СХЕМЫ: ОРИЕНТИРЫ 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 83. ОГРАНИЧЕНИЯ СХЕМЫ 1. Подробность 2. Полнота описания области 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 84. ОГРАНИЧЕНИЯ СХЕМЫ 1. Подробность 2. Полнота описания области => упрощение / усложнение существующих сущностей расширение набора сущностей 3 . 6 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / ДИЗАЙН СХЕМЫ ДАННЫХ
  • 85. Создание тезаврусов структура и принципы наполнения 7 8 6 5 Дизайн схемы данных принципы организации свойств Моделирование содержания свойства ключевых сущностей 4 3 Изучение области 1 МОДЕЛИРОВАНИЕ ДАННЫХ 3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и Моделирование области ключевые сущности и их взаимосвязи 2
  • 86. Список терминов Утверждения об их иерархических взаимосвязях Утверждения о синонимии (+ переводы) Утверждения о связанных терминах (≠ синонимы) Утверждения о предпочтительности терминов Набор дополнительных свойств (определения, ссылки) Нестрогий синоним: Словарь ЧТО ТАКОЕ ТЕЗАВРУС? 3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
  • 87. ТЕЗАУРУСЫ: ОРИЕНТИРЫ 3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
  • 88. ТЕЗАУРУСЫ: ОРИЕНТИРЫ 1. Что уже есть? (Примеры: AAT, TGN, ULAN, CONA) 2. Как организованы статьи и их взаимосвязи? (Синонимы, переводы, иерархии, предпочтительность, мэппинг, определения) 3. Насколько полные? (Краткие/полные словари) 4. Как происходит модерация? (Открытый краудсорс, краудсорс среди специалистов, кураторы) 5. Откуда еще брать термины? (Несловарные источники: сайты индустрии) 3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
  • 89. ПРИМЕР СЛОВАРНОЙ СТАТЬИ 3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
  • 90. ПРИМЕР СЛОВАРНОЙ СТАТЬИ с л о в а р и С л о в а р ь « РОЛИ » с тат ь я « х у д о ж н и к » Единицы измерений Материалы Системы счисления Типы измерений Техники Роли Автор Водитель Издатель Композитор Космонавт Художник Футуролог Этнограф ID: [номер термина] Иерархия: создатель художник акварелист график Getty ID: [AAT identification number] Определение: [текстовое описание] Мэппинг на другие словари Типы объектов: картины литографии Области: изящные искусства Категории искусства: авангард ренессанс Синонимы и переводы painter (English, preferred) peintre (French) kunstmaler (German) 3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
  • 91. ПРАВИЛА НАПОЛНЕНИЯ 1. Форматирование (заглавные/прописные буквы, пробелы, дефисы, скобки, диакритика, последовательность, цифры) 2. Предпочтительность (частотность, язык, орфография) 3. Уровень гранулярности (широкие/узкие термины) 4. Поясняющие слова (позволяющие отличить омонимы) 5. Один общий словарь или разные (серый: масть лошади и цвет машины) 6. Длина терминов (важно для навигации, например) 3 . 8 И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и / с о з д а н и е т е з а в р у с о в
  • 92. ВЫВОД структ ура контентправила наполнения 3 . И н ф о р м а ц и о н н а я м о д е л ь о б л а с т и
  • 93. 4. ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И UX- ДИЗАЙН
  • 94. ВЛИЯНИЕ ИА НА ПРОДУКТ Вдумчивое моделирование предметной области позволяет повысить эффективность создания продукта и принимать взвешенные решения на разных уровнях 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
  • 95. ВЛИЯНИЕ НА 4 УРОВНЯХ А. Бизнес (оптимизация процессов, логистики, финансовых схем) 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
  • 96. ВЛИЯНИЕ НА 4 УРОВНЯХ А. Бизнес (оптимизация процессов, логистики, финансовых схем) B. Разработка (удобное проектирование баз данных, бэкенда, логики фронтенда, масштабируемость) 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
  • 97. B. РАЗРАБОТКА 1. Базы данных Качественно описанные сущности легко кластеризовать по типам, характеризующимся одним набором свойств и связей = > оптимизация количества и структуры таблиц сущностей и таблиц-связей в базе 2. Бекэнд и фронтэнд Наглядная логика связей между сущностями, логика поведения отдельных их свойств становится более явной => унификация кода и алгоритмов 3. Масштабируемость Наглядно описанная область дает возможность, во-первых, приоритизировать внедрение тех или иных сущностей, во-вторых, легко добавлять новые сущности, используя уже реализованные типовые шаблоны 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН / ч е т ы р е у р о в н я
  • 98. ВЛИЯНИЕ НА 4 УРОВНЯХ А. Бизнес (оптимизация процессов, логистики, финансовых схем) B. Разработка (удобное проектирование баз данных, бэкенда, логики фронтенда, масштабируемость) C. Графический дизайн (UI-kit и масштабируемость) 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
  • 99. 1. Стилистическая логика страниц • Стилистическая унификация страниц одного типа сущностей: «выставка» и «концерт» будут выглядеть похоже, так как оба — «событие»; • Стилистическая унификация страниц, выполняющих одну функцию: редактирование, создание, просмотр; • Стилистические различия страниц разных типов сущностей: страницы типа «объект», отличные от страниц типа «событие». 2. Модульность Четко описанные сущности позволяют создать сиситему шаблонов их отображения с возможностью их использования в разных контекстах: страница, виджет в контексте другой старницы, модальности. 3. Унификация UI элементов Подробно продуманные свойства, для которых понятен тип данных, количество значений, влияние на значения других свойств, позволяют сгруппировать их по аналогии и использовать в каждом случае один тип UI элементов. А также облегчают коммуникацию с фротенд-разработчиками. C. ГРАФИЧЕСКИЙ ДИЗАЙН 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН / ч е т ы р е у р о в н я
  • 100. ВЛИЯНИЕ НА 4 УРОВНЯХ А. Бизнес (оптимизация процессов, логистики, финансовых схем) B. Разработка (удобное проектирование баз данных, бэкенда, логики фронтенда, масштабируемость) C. Графический дизайн (UI-kit и масштабируемость) D. UX и продакт дизайн (понятные интерфейсы, чистые пользовательские данные, умные рекомендательные системы, machine learning) 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
  • 101. Продуманная навигация и контекстные действия (меню, категоризаторы, контекстные ссылки на другие сущности, операции с сущностями) Умные поисковые интерфейсы (автокомплиты, полнотекстовый поиск, фильтрация и сортировка по полям) Удобство и эффективность контроля качества (автоматическое распознавание отклоняющихся значений, валидация бизнес-правил) Обучение алгоритмов получения данных (автоматическое распознавание нужных текстов, их скрейпинг и парсинг в структурированные поля) Обучение алгоритмов кластеризации (поиск по изображению, рекомендации похожих объектов) Рассчет динамики цен (рассчет ценовых индексов, вычисление ценовых коридоров) D. UX И ПРОДАКТ ДИЗАЙН 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН / ч е т ы р е у р о в н я
  • 102. БАЗИС VS. НАДСТРОЙКИ Проектирование позволяет создать универсальную концептуальную базу: словарь сущностей, карту их взаимосвязей, набор возможных взаимодействий с ними, которые можно положить в основу всех проектируемых процессов и инструментов, будучи уверенным, что пользовательская логика останется выверенной и непротиворечивой во всех контекстах. и н ф о р м а ц и о н н а я а р х и т е к т у р а с ц е н а р и и и н т е р ф е й с ы ПРОДУКТ Контексты Пользователи Медиа-каналы Платформы 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
  • 103. ОГРАНИЧЕНИЯ I A U X I A U X UXXU XU UX X U I A U X UX UX Скелет животного задает его общий вид, при всем разнообразии внутривидовых признкаков. На скелете черепахи не получится человек. Информационная архитектура — это скелет продукта. Когда возникает потребность добавить кардинально новые функции и процессы, нужно ее изменять. 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
  • 104. ПРОРАБОТАННАЯ ИА 1. Финансово-временная оптимизация дизайн-процессов 2. Аргументы для защиты дизайн-решений 3. Оптимизация пользовательских сценариев 4. Масштабируемость 5. Чистые пользовательские данные 6. «Магия»: ML надстройки (предсказания, рекомендации) => 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН
  • 105. ПРОРАБОТАННАЯ ИА 1. Финансово-временная оптимизация дизайн-процессов 2. Аргументы для защиты дизайн-решений 3. Оптимизация пользовательских сценариев 4. Масштабируемость 5. Чистые пользовательские данные 6. «Магия»: ML надстройки (предсказания, рекомендации) => 4 . ВЛИЯНИЕ ИА НА РАЗРАБОТКУ И U X - ДИЗАЙН good design
  • 106. СПАСИБО о с е н н я я к о н ф е р е н ц и я Р Ш С Д 2 0 1 7 1 9 с е н т я б р я
  • 107. ССЫЛКИ 1. IA Miscellaneous (подборка разной информации про информационную архитектуру: книги, статьи, люди, события) 2. LS / Notes (подборка моих около информационно-архитектурных заметок)
  • 110. МАСТЕР-КЛАСС Информационное проектирование Модель области Практическая UX-задача ЗАДАЧА СУБСТРАТ построение выверенной навигации по сложному, информационно насыщенному сервису один из ключевых разделов городского портала Москвы mos.ru
  • 111. МАСТЕР-КЛАСС Информационное проектирование Модель области Практическая UX-задача ЗАДАЧА СУБСТРАТ РЕЗУЛЬТАТ построение выверенной навигации по сложному, информационно насыщенному сервису возможно, будет использован в реальном продукте один из ключевых разделов городского портала Москвы mos.ru
  • 112. МАСТЕР-КЛАСС к о гд а гд е а н о н с 4 ноября 2017 (16:00-20:00) станет известно чуть позже productdesign.center Информационное проектирование Модель области Практическая UX-задача
  • 113. СПАСИБО ЕЩЁ РАЗ! о с е н н я я к о н ф е р е н ц и я Р Ш С Д 2 0 1 7 1 9 с е н т я б р я