Дизайн алгоритма,
который помогает подбирать одежду
Сергей Кривой
UX Architect в компании CSI
Вдохновители этой презентации
Юрий Ветров «Алгоритмический дизайн» Кирилл Улитин «Алгоритмы в дизайне »
https://www.slideshare.net/jvetrau/ss-69585735
https://www.slideshare.net/KirillUlitin/design-
algorithms-itgm9
«Набор инструкций, описывающих порядок действий исполнителя для достижения
некоторого результата»
© Wikipedia
Алгоритмы
Как продавать одежду
по-новому?
Родитель
— Молодая стильная мама
— Ребенок от 3-х до 16 лет
— Хочет стильно одевать ребенка
— Любит брендовую одежду
— Социально-активная
Упростить подбор
одежды для ребенка
Цель проекта
Сервис онлайн-
стилистов
Гипотеза №1
Что такое lookобраз?
Look (образ) — комплект одежды
Верх Низ Обувь
Look — комплект одежды + аксессуар
Верх Низ Обувь Аксессуар
Инструмент для стилистов
Родитель
Процесс подбора
— Ищет вещи в образ
— Составляет образ как хочет
— Следит за соответствие плану
— Расставляет вещи в образе
— Смотрит образы
— Покупает вещи из образа
Стилист
Проблемы
х Работают 5 стилистов
х Не укладываются в план
х Образы быстро устаревают
х Образы выглядят как попало
х Образы не привлекают
х Очень маленький выбор
х Вещи не покупают
РодительСтилист
Сервис адекватных
онлайн-стилистов
Гипотеза №1.2
Как создают образы стилисты
Новый разнообразный грид
Алгоритм определяет какой грид выбрать в зависимости от количества одежды в образе
1 3 5 4
Вручную выставляется приоритет для категорий товаров. Алгоритм определяет в какую
ячейку грида какую вещь ставить согласно приоритету.
2
Расстановка вещей в грид
Работа алгоритма: выбор грида
Работа алгоритма: расстановка вещей
Инструмент стилиста
Приоритет: верх + кофта
Изменен приоритет: верх + низ
Процесс подбора
Стилист
— Ищет вещи в образ
— Следит за
соответствие плану
Родитель
— Смотрит образы
— Покупает вещи
из образа
— Выбирает
необходимую сетку
— Расставляет вещи
в сетку
Алгоритм
Плюсы
+ Укладывается
в план
+ Довольны своей
работой
+ Улучшилась
привлекательность
образов
+ Стало больше
выбора
+ Увеличил скорость
работы стилиста в 2-3 раза
Стилист РодительАлгоритм
Алгоритм
Проблемы
х Образы быстро
устаревают
х Работают 5
стилистов
х Цикл обновление
образов на ребенка
очень большой
х Нет мотивации
вернуться
х С первого раза редко
находят то, что хотят
х Сетки с большим
количеством одежды
х Сетки с маленьким
количеством одежды
Стилист Родитель
Сократили количество вещей в образах
7 вещей 6 вещей 5 вещей
+ Увеличили производительность стилистов
+ Улучшили привлекательность образов для покупателей
Магическое правило 7±2 от ученого-психолога Джорджа Миллера
http://tilda.education/courses/web-design/psychophysiology/
Научить родителей
быть стилистами
Гипотеза №2
АлгоритмРодитель-стилист
Процесс подбора
— Ищет вещи в образ
— Составляет образ
— Покупает вещи из образа
— Выбирает необходимую сетку
— Расставляет вещи в сетку
Подбор по цвету
Обрезаем лишнее
Подбор по цвету
С помощью Color Thief определяем цвет
http://lokeshdhakar.com/projects/color-thief/
Подбор по цвету
Подбираем триаду
Подбор по цвету
Определяем оттенки HSL:
Hue — оттенок
saturation — насыщенность
lightness — яркость
Процесс подбора
— Ищет вещи в образ
— Составляет образ
— Покупает вещи из образа
— Выбирает необходимую сетку
— Расставляет вещи в сетку
— Определяет цвет вещи
— Определяет цветовые сочетания
— Определяет оттенки
— Фильтрует товары по цвету
АлгоритмРодитель-стилист
Каталог с вещами
Готовый образ
Готовый образ
Готовый образ
Рекомендую
— Строить CJM, UFM, BPMN для
поиска алгоритмов
— Улучшать алгоритмы
— С. Дасгупта «Алгоритмы»
— Бесплатный курс на Stepik.org
«Алгоритмы: теория и практика.
Методы»
Спасибо за внимание!
Сергей Кривой
UX Architect в компании CSI

More Related Content

PDF
презентация Project 1
PDF
Персонализация в интернет-магазине: особенности отраслевых рекомендаций
PDF
PDF
Юрий Ветров — Алгоритмический дизайн
PDF
Id dress презентация
PDF
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
PDF
Мама, прости, что-то пошло не так
ODP
Свободный дизайн — опенсорс и все-все-все
презентация Project 1
Персонализация в интернет-магазине: особенности отраслевых рекомендаций
Юрий Ветров — Алгоритмический дизайн
Id dress презентация
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Мама, прости, что-то пошло не так
Свободный дизайн — опенсорс и все-все-все

More from ПрофсоUX (20)

PPTX
Обратная связь в большом проекте и как извлечь из неё максимум пользы
PPTX
Как точно определить задачи и выбрать метод: канва для исследователя
PPTX
UX-способы повысить конверсию интернет-магазина
PPTX
UX для сотрудников в большой компании
PPT
UX strategy – the secret sauce that defines the pixie dust
PDF
Пользовательский интерфейс как иностранный язык
PPTX
Обучение других как драйвер профессионального роста
PPTX
Математический аппарат в UX. Как проверять гипотезы на статистических данных
PPTX
Как сделать хороший интерфейс для незрячих
PPTX
Дизайн дневниковых исследований
PPTX
Резюме и портфолио UX-дизайнера
PPTX
Истории о прототипах
PPTX
Опыт госпроектов и взаимодействия с корпоративными структурами
PPTX
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
PPTX
Проблемы UI/UX в медицинской технике
PDF
Brain Computer Interface: «Залезть человеку в голову»
PDF
Как выучить дизайнеров
PPTX
Как и когда использовать айтрекер на юзабилити тестировании
PDF
Дзен и искусство проектирования себя
PPTX
Программистский подход в дизайне
Обратная связь в большом проекте и как извлечь из неё максимум пользы
Как точно определить задачи и выбрать метод: канва для исследователя
UX-способы повысить конверсию интернет-магазина
UX для сотрудников в большой компании
UX strategy – the secret sauce that defines the pixie dust
Пользовательский интерфейс как иностранный язык
Обучение других как драйвер профессионального роста
Математический аппарат в UX. Как проверять гипотезы на статистических данных
Как сделать хороший интерфейс для незрячих
Дизайн дневниковых исследований
Резюме и портфолио UX-дизайнера
Истории о прототипах
Опыт госпроектов и взаимодействия с корпоративными структурами
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Проблемы UI/UX в медицинской технике
Brain Computer Interface: «Залезть человеку в голову»
Как выучить дизайнеров
Как и когда использовать айтрекер на юзабилити тестировании
Дзен и искусство проектирования себя
Программистский подход в дизайне
Ad

Дизайн алгоритма, который помогает подбирать одежду