<?xml version="1.0" encoding="utf-8" ?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:tt="http://teletype.in/" xmlns:opensearch="http://a9.com/-/spec/opensearch/1.1/"><title>Детмир Тех</title><subtitle>Как мы делаем цифровые продукты Детского мира, Зоозавра и Ещё: рассказывает и показывает диджитал-команда Детмир Тех</subtitle><author><name>Детмир Тех</name></author><id>https://teletype.in/atom/dmtech</id><link rel="self" type="application/atom+xml" href="https://teletype.in/atom/dmtech?offset=0"></link><link rel="alternate" type="text/html" href="https://blog.dmte.ch/?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><link rel="next" type="application/rss+xml" href="https://teletype.in/atom/dmtech?offset=10"></link><link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></link><updated>2026-05-06T09:05:11.348Z</updated><entry><id>dmtech:ENwYFkmDS2r</id><link rel="alternate" type="text/html" href="https://blog.dmte.ch/ENwYFkmDS2r?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><title>Детский мир перевёл все кадровые документы в онлайн (и сэкономил на этом миллионы рублей)</title><published>2025-03-21T10:23:41.205Z</published><updated>2025-03-21T11:04:04.375Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img2.teletype.in/files/16/8c/168caf31-16db-40b3-8470-66e71f13f528.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img4.teletype.in/files/35/69/356995ca-0e21-4e73-aa2d-4420eed8ac32.png&quot;&gt;Теперь все кадровые процессы в Детском мире проходят удалённо — в онлайн-сервисе Saby. Мы автоматизировали процессы, сократили расходы и сделали работу со многими документами удобнее для сотрудников.</summary><content type="html">
  &lt;figure id=&quot;igCp&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/35/69/356995ca-0e21-4e73-aa2d-4420eed8ac32.png&quot; width=&quot;4576&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;WXj5&quot;&gt;&lt;strong&gt;Теперь все кадровые процессы в Детском мире проходят удалённо — в онлайн-сервисе Saby. Мы автоматизировали процессы, сократили расходы и сделали работу со многими документами удобнее для сотрудников.&lt;/strong&gt;&lt;/p&gt;
  &lt;p id=&quot;GO2T&quot;&gt;Документооборот отнимал много времени у коллектива: кадровики обрабатывали тысячи бумажных заявлений, а руководители розничных магазинов не могли оперативно согласовать документы. Теперь всё в цифровом формате: без задержек и лишней бюрократии.&lt;/p&gt;
  &lt;p id=&quot;2V9r&quot; data-align=&quot;right&quot;&gt;&lt;em&gt;&lt;strong&gt;Александра Шабанова&lt;/strong&gt;&lt;br /&gt;операционный директор&lt;/em&gt;&lt;/p&gt;
  &lt;blockquote id=&quot;jm4b&quot;&gt;&lt;em&gt;«Сейчас все документы кадрового оборота находятся у нас на ладошке — в мобильном телефоне. Это очень здорово, и нет никаких задержек: ни по согласованию отпусков, ни по переводам в другие отделы или магазины».&lt;/em&gt;&lt;/blockquote&gt;
  &lt;p id=&quot;Hnrl&quot;&gt;Перевод бумажных процессов в digital начался постепенно: в качестве пилота в 2022 году взяли отдельное юрлицо, Детмир Тех. Это IT-команда, которая создаёт все цифровые продукты Детского мира. Первое оформление сотрудника заняло всего 10 минут. За 2,5 года Детмир Тех вырос с 200 до 800 сотрудников, но при этом издержки на передачу документов курьерами и почтой не увеличились, и компания сэкономила 1,5 млн ₽ только на логистике кадровых документов.&lt;/p&gt;
  &lt;p id=&quot;ko2f&quot;&gt;Успешный опыт Детмир Теха решили масштабировать на всю сеть Детского мира: то есть сделать кадровый документооборот цифровым в 9 региональных офисах, более чем 1 200 магазинах и на более чем 18 тысяч сотрудников из 400+ городов. Весь процесс занял всего 4 месяца.&lt;/p&gt;
  &lt;p id=&quot;9iy7&quot;&gt;Автоматизация значительно упростила работу HR. Если раньше сотрудники вручную собирали личные дела, отправляли и получали бумажные оригиналы, то теперь всё объединяется в электронной карточке, сегментируется и хранится в одном месте.&lt;/p&gt;
  &lt;p id=&quot;M2v5&quot; data-align=&quot;right&quot;&gt;&lt;em&gt;&lt;strong&gt;Юлия Мальцева&lt;/strong&gt;&lt;br /&gt;главный специалист&lt;/em&gt;&lt;/p&gt;
  &lt;blockquote id=&quot;uCHm&quot;&gt;&lt;em&gt;«На штат приходится всего лишь 40 кадровиков. После перехода на электронный документооборот им не нужно подшивать бумажные копии, отслеживать оригиналы. Значительно снизилась нагрузка, и работы стало намного меньше».&lt;/em&gt;&lt;/blockquote&gt;
  &lt;p id=&quot;8RIb&quot;&gt;Кроме кадровых документов, Детский мир перевел в цифру локальные нормативные акты и служебные записки, на согласование которых уходили дни. Сейчас процесс занимает 15 минут.&lt;/p&gt;
  &lt;p id=&quot;4qAk&quot; data-align=&quot;right&quot;&gt;&lt;em&gt;&lt;strong&gt;Оксана Леонтьева&lt;/strong&gt;&lt;br /&gt;руководитель направления&lt;br /&gt;по автоматизации кадровых бизнес-процессов&lt;/em&gt;&lt;/p&gt;
  &lt;blockquote id=&quot;I3YD&quot;&gt;&lt;em&gt;«Мы продолжим расширять цифровые возможности. Уже оцифровали отчетность в СФР. Проводим ее в личном кабинете прямо из документа приёма, перевода или увольнения, что очень удобно».&lt;/em&gt;&lt;/blockquote&gt;
  &lt;p id=&quot;yznK&quot;&gt;Перемены коллегам явно нравятся. По результатам внутреннего опроса, более 83% работников используют мобильное приложение Saby, и 70% из них отмечают, что это удобно и эффективно.&lt;/p&gt;
  &lt;p id=&quot;62du&quot;&gt;&lt;a href=&quot;https://dzen.ru/video/watch/66e95e6cab55ce4ce3d5a74c&quot; target=&quot;_blank&quot;&gt;&lt;strong&gt;Видео о том, как Детский мир работает с кадровыми документами в Saby&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

</content></entry><entry><id>dmtech:istorii_igrushek</id><link rel="alternate" type="text/html" href="https://blog.dmte.ch/istorii_igrushek?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><title>Кейсы с дизайн-митапа Детмир Теха: про успехи, провалы и процессы  </title><published>2025-02-06T17:36:38.195Z</published><updated>2025-02-12T11:38:21.979Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img3.teletype.in/files/a8/ec/a8ec1f90-1075-49f0-8119-0bd8f921bd0f.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img2.teletype.in/files/df/c8/dfc808bd-81c5-4313-9a72-87e844ff978c.gif&quot;&gt;На дизайн-митапе Детмир Теха мы собрали лучшие кейсы из собственной практики и пригласили коллег-друзей из Делимобиля, Госуслуг, БКС и red_mad_robot рассказать, чему можно научиться или вдохновиться у них.</summary><content type="html">
  &lt;figure id=&quot;ubfE&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/df/c8/dfc808bd-81c5-4313-9a72-87e844ff978c.gif&quot; width=&quot;1920&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;WuBf&quot;&gt;На дизайн-митапе Детмир Теха мы собрали лучшие кейсы из собственной практики и пригласили коллег-друзей из Делимобиля, Госуслуг, БКС и red_mad_robot рассказать, чему можно научиться или вдохновиться у них.&lt;/p&gt;
  &lt;p id=&quot;jAWS&quot;&gt;Так появился целый &lt;a href=&quot;https://www.youtube.com/playlist?list=PLPtIEt85Fa5rw1p71pvhZpugNo3DNb5wb&quot; target=&quot;_blank&quot;&gt;плейлист&lt;/a&gt; в YouTube-канале Детмир Теха с полезными видео:&lt;/p&gt;
  &lt;p id=&quot;a59J&quot;&gt;🎠 например, как мы оформляли магазины Детского мира;&lt;/p&gt;
  &lt;figure id=&quot;xpWV&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/428uz49R5Js?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;muRf&quot;&gt;👹 шокировали пользователей иконкой монстра в приложении;&lt;/p&gt;
  &lt;figure id=&quot;S4op&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/RxialTvPNpw?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;WGmj&quot;&gt;✨ сделали незаметный, но эффективный дизайн касс самообслуживания;&lt;/p&gt;
  &lt;figure id=&quot;E8gJ&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/fPPlalwykwc?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;pQy6&quot;&gt;💥 и ещё больше десятка интересных кейсов.&lt;/p&gt;
  &lt;p id=&quot;m0I9&quot;&gt;Переходите по ссылкам, оставляйте комментарии, делитесь с коллегами. И до встречи на следующем дизайн-митапе!&lt;/p&gt;

</content></entry><entry><id>dmtech:lapin</id><link rel="alternate" type="text/html" href="https://blog.dmte.ch/lapin?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><title>Лид-дизайнер Коля Лапин из Детмир Теха о дизайне и о себе</title><published>2025-01-16T14:08:01.639Z</published><updated>2025-01-17T13:16:15.442Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img2.teletype.in/files/90/f5/90f51d23-162b-41d1-89d3-a8934678a255.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img3.teletype.in/files/e8/f1/e8f104eb-3d8a-4ec2-9526-9b855481f617.jpeg&quot;&gt;А также о том, что выделяет хорошего продуктового дизайнера, и что нужно делать, чтобы не выгорать.</summary><content type="html">
  &lt;p id=&quot;TOIZ&quot;&gt;&lt;em&gt;А также о том, что выделяет хорошего продуктового дизайнера, и что нужно делать, чтобы не выгорать. &lt;/em&gt;&lt;/p&gt;
  &lt;p id=&quot;nVKr&quot;&gt;&lt;/p&gt;
  &lt;figure id=&quot;NYFo&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/e8/f1/e8f104eb-3d8a-4ec2-9526-9b855481f617.jpeg&quot; width=&quot;2500&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;6lS8&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;q2oh&quot;&gt;&lt;strong&gt;Я в продуктовом дизайне, кажется, с 2015-го.&lt;/strong&gt; А до этого в основном занимался фрилансом. Делал сайты для разных бизнесов по всей России: от визиток до интернет-магазинов. Рисовал ещё в Фотошопе — вот это было время.&lt;/p&gt;
  &lt;p id=&quot;DmLR&quot;&gt;Работать продуктовым дизайнером — это значит работать над одной вещью годами. Это не «сделал — и ушёл» как на фрилансе. Ты следишь за продуктом, болеешь за него и регулярно вносишь улучшения.&lt;/p&gt;
  &lt;p id=&quot;bdU0&quot;&gt;&lt;/p&gt;
  &lt;h3 id=&quot;RQFL&quot;&gt;&lt;strong&gt;Продуктовый дизайнер всегда думает про бизнес. &lt;/strong&gt;Бизнес накрывает тебе на стол, поэтому надо знать, что да как в нём устроено и растить прибыль вместе со всей командой. И дизайнер может внести весомый вклад в общее дело.&lt;/h3&gt;
  &lt;p id=&quot;m2QY&quot;&gt;Если что-то полезное можно сделать быстро и дёшево, то лучше так и сделать. Я не могу своими прекрасными дизайнами растягивать разработку на лишние месяцы. Это будет дорого стоить. Лучше за короткое время сделать не идеальное, но работающее решение, которое приносит деньги, чем очень красивое, но сложное в разработке.&lt;/p&gt;
  &lt;p id=&quot;ONdC&quot;&gt;Но нужен баланс качества, скорости и упрощения. Если дизайн-решение будет недостаточно продуманным, оно может обрушить какую-то метрику. Например, уменьшить сумму среднего чека или конверсию в покупку. А там изменения даже на 0,5% — это уже огромные деньги.&lt;/p&gt;
  &lt;p id=&quot;vYWg&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;JaLz&quot;&gt;&lt;strong&gt;Хороший дизайнер постоянно хочет что-то улучшать. &lt;/strong&gt;Редко бывает, что берёшь какое-то приложение и думаешь: «Вот это идеальный дизайн, нечего и добавить!». Всегда найдётся что улучшить. Дизайн — это процесс, а не результат. Постоянно меняются ситуации, запросы, люди, мода. И то что вчера было классным, сегодня уже будет устаревшим или не подходящим.&lt;/p&gt;
  &lt;p id=&quot;s8wb&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;jyVW&quot;&gt;&lt;strong&gt;Если дизайнер ошибается в половине случаев — это нормально. &lt;/strong&gt;Например, если только в одной из двух задач твои решения оказались удачными — это вполне хороший результат. Поведение пользователя можно предсказать, но от ошибок никуда не деться. Тут очень многое приходит только с годами опыта. Но чем дольше дизайнер работает с одним продуктом, тем чаще его мнение оказывается верным.&lt;/p&gt;
  &lt;p id=&quot;uWy1&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;iuUn&quot;&gt;&lt;strong&gt;Любого хорошего дизайнера отличает развитое креативное мышление.&lt;/strong&gt; Это значит — способность напридумывать всяких интересных штук. В продуктовом дизайне это, например, умение решить одну дизайн-задачу несколькими разными способами. Почему это важно? Потому что мы постоянно ошибаемся. Мы не знаем, как &lt;strong&gt;на самом деле&lt;/strong&gt; будет действовать пользователь. Поэтому важно посмотреть на вероятное развитие событий с разных точек, а потом последовательно проверить их в реальности.&lt;/p&gt;
  &lt;p id=&quot;lQrv&quot;&gt;К тому же, нам иногда приходится выдумывать что-то, чего ни один дизайнер ещё не делал. У бизнеса могут быть такие запросы, которые никто и никогда не решал. И подсмотреть чей-то дизайн попросту негде. Вот тут и помогает сильное воображение.&lt;/p&gt;
  &lt;p id=&quot;KaIP&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;itiX&quot;&gt;&lt;strong&gt;Лучше получать удовольствие от процесса, а не от результата. &lt;/strong&gt;Это правило много раз спасало мои нервные клетки. Работу над дизайном можно сравнить с плаванием в бассейне. Ты плывёшь, и уже хорошо. А сколько ты сегодня сделаешь: 100, 200 или 1000 метров не так важно. Главное — ты уже в водичке и кайфуешь от движения.&lt;/p&gt;
  &lt;p id=&quot;jBdj&quot;&gt;Часто бывает так, что макеты приходится переделывать не раз и не два, просто потому что твой дизайн не проходит проверку реальностью. А может случиться, что и не ты сам выбираешь финальный макет, а кто-то из менеджеров. И в этот момент важно сказать себе: «Ну и ладно. Главное, что я получил удовольствие в процессе работы».&lt;/p&gt;
  &lt;p id=&quot;UU4F&quot;&gt;&lt;/p&gt;
  &lt;h3 id=&quot;Nx4v&quot;&gt;&lt;strong&gt;Я уверен, лучший дизайн — это незаметный дизайн. Не в смысле невидимый, а тот, который не мешает человеку выполнять свою задачу. В интернет-магазине самое главное — это товары и лёгкая покупка. В финансовом приложении — это мои деньги и простые переводы. Хороший дизайн понимает задачу пользователя и быстро приносит ему решение на тарелочке и широко улыбаясь.&lt;/strong&gt;&lt;/h3&gt;
  &lt;p id=&quot;4sVL&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;r8Wh&quot;&gt;&lt;strong&gt;Дизайнер не может делать некрасиво.&lt;/strong&gt; Все эти разговоры, что продукт может быть успешен и без дизайна, лучше оставить менеджерам и прочим людям бизнеса. Дизайнер же решает задачу визуальными средствами. Попросту вкладывает время в то, чтобы сделать эстетично. Некрасивая вещь может быть полезной. Но если вещь сразу и красивая, и полезная — это лучшее, чего можно желать. Я хочу во всех смыслах радоваться, пользуясь тем, что нарисовал.&lt;/p&gt;
  &lt;p id=&quot;v8kF&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;xo5Y&quot;&gt;&lt;strong&gt;Личный пример — самая честная проверка: дизайн-лид ты или нет. &lt;/strong&gt;Если не можешь нарисовать что-то не хуже, чем твоя команда, или на ходу предложить много идей, то значит, парень, твои дизайн-мышцы усохли и пора тебе в менеджеры. Конечно, не самая худшая перспектива, но мне интереснее роль играющего тренера. Поэтому я часто рисую вместе со своими дизайнерами, думаю над решением всяких задачек или беру что-нибудь порисовать. Просто так, на «потренироваться».&lt;/p&gt;
  &lt;p id=&quot;ZAGk&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;GcAg&quot;&gt;&lt;strong&gt;Из недавнего, что я сделал в одиночку — спроектировал интерфейс для кассы самообслуживания. &lt;/strong&gt;Эти кассы теперь работают в магазинах «Ещё». Там забавная была ситуация: ребята собирались запуститься с дизайном, который нарисовал программист в Пейнте. Конечно же у них были большие сомнения. Поэтому они и решили узнать мнение дизайнера. А я им в итоге всё перерисовал. Но они оказались идеальными заказчиками и почти никаких правок не вносили. Интересная была задача.&lt;/p&gt;
  &lt;p id=&quot;5UEl&quot;&gt;&lt;/p&gt;
  &lt;figure id=&quot;0mR6&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/fPPlalwykwc?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;aypV&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;JnIT&quot;&gt;&lt;strong&gt;Можно немного и о себе поговорить. Очень люблю синтезаторы — это моё хобби. &lt;/strong&gt;Довольно творческие штуковины. Позволяют создавать такие звуки, которых как будто бы ещё и не бывало. И тебе не нужно быть мастером игры, чтобы выдавать красивые аранжировки. А я вот как раз едва знаю теорию музыки. Но оно и ничего. Жмёшь клавиши, крутишь ручки, и вдруг что-то да получается: то атмосферное техно, то живенький хаус, а то и какие-то космические переливы.&lt;/p&gt;
  &lt;p id=&quot;sB8x&quot;&gt;Все мои синтезаторы живут в ноутбуке. «Настоящие» железные инструменты покупать очень накладно, да и ставить негде. Но и в программном виде они звучат очень и очень хорошо. К тому же ещё и выглядят потрясающе. Особенно отличается компания Arturia, у которой одни из лучших синтезаторных интерфейсов. Это если снова про дизайн.&lt;/p&gt;
  &lt;p id=&quot;LIeq&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;BR9N&quot;&gt;&lt;strong&gt;Надо любить то, что ты делаешь. Это моё главное правило. &lt;/strong&gt;Любить красивые и полезные вещи, хороший дизайн, всякие симпатичные интерфейсы, кнопочки, буковки и прочие такие штуки. И не отвлекаться на пустяки.&lt;/p&gt;
  &lt;p id=&quot;CgRH&quot;&gt;&lt;/p&gt;
  &lt;figure id=&quot;S6Sg&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://w.soundcloud.com/player/?url=https%3A%2F%2Fsoundcloud.com%2Fnlapin-963051703&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;

</content></entry><entry><id>dmtech:thebestpresentation</id><link rel="alternate" type="text/html" href="https://blog.dmte.ch/thebestpresentation?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><title>Как сделать презентацию, которую захотят пересказать</title><published>2024-08-27T14:39:44.961Z</published><updated>2024-10-21T13:16:22.998Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img1.teletype.in/files/c0/9a/c09a6943-10db-4b2e-9a24-7c1a90c951d9.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img2.teletype.in/files/5b/0e/5b0edf42-4cb3-4674-b7a5-c00c991b9e0f.jpeg&quot;&gt;Дизайнер интерфейсов Сергей Булатов суммировал знания, которые получил в Британке, на курсах у Shuka, в Московской школе кино и в работе над проектами  Детского мира, и сделал презентацию о классных презентациях.</summary><content type="html">
  &lt;figure id=&quot;uzYG&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/5b/0e/5b0edf42-4cb3-4674-b7a5-c00c991b9e0f.jpeg&quot; width=&quot;1907&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;PJMc&quot;&gt;&lt;em&gt;Дизайнер интерфейсов &lt;a href=&quot;https://t.me/pravkisdelal&quot; target=&quot;_blank&quot;&gt;Сергей Булатов&lt;/a&gt; суммировал знания, которые получил в Британке, на курсах у Shuka, в Московской школе кино и в работе над проектами  Детского мира, и сделал презентацию о классных презентациях. &lt;/em&gt;&lt;/p&gt;
  &lt;p id=&quot;lhgD&quot;&gt;В Детмир Тех мы любим делиться друг с другом опытом — из наблюдений, учёбы или рабочих проектов. Во-первых, это прекрасный повод для интересной беседы с коллегами, а во-вторых — так мы умножаем полезное знание.&lt;/p&gt;
  &lt;p id=&quot;D5XF&quot;&gt;На одной из внутренних встреч Сергей Булатов рассказал, как сделать презентацию, которая способна впечатлить и бизнес-заказчика, и голливудского продюсера, и ребёнка. И мы поняли — это должно знать больше людей.&lt;/p&gt;
  &lt;p id=&quot;ccyh&quot;&gt;Из видео вы узнаете&lt;em&gt;, &lt;/em&gt;как выстроить логику, собрать сторителлинг и не забыть о деталях:&lt;/p&gt;
  &lt;section style=&quot;background-color:hsl(hsl(34,  84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;IHIO&quot;&gt;[2:34] Почему логика рассказа важнее количества слайдов&lt;/p&gt;
    &lt;p id=&quot;gUyA&quot;&gt;[5:00] Что важно в репетиции в офлайн&lt;/p&gt;
    &lt;p id=&quot;0Xxw&quot;&gt;[9:23] Как связаны кино и презентация продукта&lt;/p&gt;
    &lt;p id=&quot;IdkD&quot;&gt;[12:32] Как эмоционально вовлечь ваших зрителей в ваше решение через сторителлинг&lt;/p&gt;
    &lt;p id=&quot;fGIq&quot;&gt;[13:36] Простой шаблон для сторителлинга&lt;/p&gt;
    &lt;p id=&quot;PoG7&quot;&gt;[17:00] Как «продать» ваш продукт через логику&lt;/p&gt;
    &lt;p id=&quot;a4tX&quot;&gt;[18:20] Гибкий шаблон для упаковки любого решения&lt;/p&gt;
    &lt;p id=&quot;cLja&quot;&gt;[24:52] Как подключить к логическому рассказу спецэффекты сторителлинга. Вариант шаблона&lt;/p&gt;
    &lt;p id=&quot;3MNu&quot;&gt;[28:00] Как удержать внимание зрителя и сделать презентацию менее скучной&lt;/p&gt;
    &lt;p id=&quot;DXkP&quot;&gt;[38:28] Способы сфокусировать внимание зрителя на слайде&lt;/p&gt;
    &lt;p id=&quot;UOIa&quot;&gt;[44:46] Примеры от Apple&lt;/p&gt;
  &lt;/section&gt;
  &lt;figure id=&quot;IZim&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://vk.com/video_ext.php?oid=-227108978&amp;id=456239019&amp;hd=1&amp;autoplay=1&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;DKrg&quot;&gt;А если досмотрели видео — можно поставить лайк этой статье 💙&lt;/p&gt;

</content></entry><entry><id>dmtech:bigger-fonts</id><link rel="alternate" type="text/html" href="https://blog.dmte.ch/bigger-fonts?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><title>Как мы запускали поддержку увеличенных шрифтов в приложениях Детского мира</title><published>2024-08-06T14:18:57.644Z</published><updated>2024-08-30T02:08:10.421Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img3.teletype.in/files/63/b2/63b296a0-b99c-412b-b092-78a9b620525b.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img1.teletype.in/files/4b/ed/4bed43f6-80e5-4043-adb6-0c71de7cf4bc.png&quot;&gt;Как выглядит процесс работы, когда инклюзивность не просто громкое слово в корпоративной презентации, а реальная задача? Продакт Валера Попов рассказал про этот профессиональный челлендж: как мы переделывали приложение, которым пользуются миллионы человек, чтобы оно стало удобным для людей с плохим зрением.</summary><content type="html">
  &lt;p id=&quot;dxdz&quot;&gt;&lt;em&gt;Как выглядит процесс работы, когда инклюзивность не просто громкое слово в корпоративной презентации, а реальная задача? Продакт Валера Попов рассказал про этот профессиональный челлендж: как мы переделывали приложение, которым пользуются миллионы человек, чтобы оно стало удобным для людей с плохим зрением.&lt;/em&gt;&lt;/p&gt;
  &lt;figure id=&quot;06IZ&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/4b/ed/4bed43f6-80e5-4043-adb6-0c71de7cf4bc.png&quot; width=&quot;1242&quot; /&gt;
  &lt;/figure&gt;
  &lt;h2 id=&quot;P9uH&quot;&gt;Для кого эта статья&lt;/h2&gt;
  &lt;p id=&quot;1FdP&quot;&gt;Мы в Детмир Тех впервые занялись доступностью в цифровых продуктах. Никто из нас, — ни разработчики, ни дизайнеры, ни продакты, — раньше не работали над такими задачами. И мы решили поделиться опытом, как справлялись и что получилось.&lt;/p&gt;
  &lt;p id=&quot;4yRL&quot;&gt;Надеемся, что статья будет полезна всем IT-специалистам: менеджерам, дизайнерам, разработчикам, продактам. А если останутся вопросы — пишите в комментариях :)&lt;/p&gt;
  &lt;h2 id=&quot;7hOs&quot;&gt;Контекст, в котором мы начали работу&lt;/h2&gt;
  &lt;p id=&quot;WKnv&quot;&gt;По общим оценкам, в мире &lt;strong&gt;примерно 15-20% пользователей телефонов с увеличенными шрифтами&lt;/strong&gt; — например, люди с плохим зрением выставляют такие настройки в своём смартфоне. Это большая часть аудитории, которую нельзя игнорировать. В Детском мире есть слоган: «Счастливое детство доступно каждому». Поэтому особенно важно, чтобы цифровыми продуктами компании могли пользоваться все: ведь ими пользуются родители и бабушки с дедушками, для которых доступность критична. Приложение, которое не учитывает потребности таких пользователей, теряет доверие и лояльность, что негативно сказывается на бизнесе.&lt;/p&gt;
  &lt;h3 id=&quot;y48F&quot;&gt;Ситуация на рынке&lt;/h3&gt;
  &lt;p id=&quot;0yid&quot;&gt;Сегодня инклюзивность становится всё более важной. Это гуманно и правильно. Мы как IT-профессионалы должны учитывать это в нашей работе. В будущем инклюзивность станет стандартом, и важно, чтобы мы были к этому готовы.&lt;/p&gt;
  &lt;p id=&quot;iYVS&quot;&gt;К сожалению, проработка доступности в IT-продуктах — всё ещё редкость. Даже крупные маркетплейсы, такие как Яндекс Маркет и Озон, не полностью адаптированы для увеличенных шрифтов. Мы надеемся, что наш пример вдохновит другие компании заняться этим вопросом. Инклюзивность — это не только про удобство, но и про уважение к пользователю.&lt;/p&gt;
  &lt;h3 id=&quot;wSxv&quot;&gt;Исходная проблема&lt;/h3&gt;
  &lt;p id=&quot;xPSu&quot;&gt;В Android-приложении Детского мира шрифты увеличивались, но интерфейсы не были к этому готовы. Тексты не помещались в блоки, обрезались, интерфейс ломался. В iOS шрифты вообще не увеличивались, несмотря на настройки в ОС. Никто не учитывал это ни на этапе дизайна, ни в разработке, ни в тестировании. В результате пользователи с увеличенными шрифтами в ОС сталкивались с неудобствами и иногда не могли использовать приложение полноценно. Это создавало негативный опыт и снижало удовлетворённость наших клиентов.&lt;/p&gt;
  &lt;p id=&quot;9SYV&quot;&gt;Вот как выглядело наше приложение на смартфонах с увеличенными шрифтами:&lt;/p&gt;
  &lt;figure id=&quot;9KYB&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/1a/a9/1aa9f310-7142-4701-9171-f902d100c8bc.png&quot; width=&quot;269.5&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;UIQJ&quot; class=&quot;m_custom&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/59/bc/59bcffbc-7d12-4d11-bdd6-528a741492cc.png&quot; width=&quot;269&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;Ltqh&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/2a/88/2a88ff9c-5538-40df-b4c0-00d74c6c971d.png&quot; width=&quot;256&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;C6bN&quot; class=&quot;m_custom&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/dc/61/dc61838e-7aa1-4902-a809-b4313b26cad2.png&quot; width=&quot;266&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;VpNN&quot; class=&quot;m_custom&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/96/fb/96fb251c-bae2-4908-b992-84622ab5dd23.png&quot; width=&quot;270&quot; /&gt;
  &lt;/figure&gt;
  &lt;h2 id=&quot;QiWO&quot;&gt;У нас был план и мы его придерживались&lt;/h2&gt;
  &lt;p id=&quot;zWZT&quot;&gt;Мы решили не переделывать всё сразу, а сосредоточились на самых важных экранах. А также сразу договорились добавлять поддержку увеличенных шрифтов во все новые фичи. Чтобы починив 10 экранов, не появилось ещё 20 новых, где снова нужно всё исправлять. &lt;/p&gt;
  &lt;p id=&quot;t9OJ&quot;&gt;Если описать по пунктам, то наш план был таким:&lt;/p&gt;
  &lt;ol id=&quot;lExK&quot;&gt;
    &lt;li id=&quot;zrZD&quot;&gt;&lt;strong&gt;Чиним самые важные экраны.&lt;/strong&gt; Выделили ключевые сценарии использования приложения и так определили, какие экраны требуют первоочередного внимания. Например, листинг, корзина и оплата.&lt;/li&gt;
    &lt;li id=&quot;BpdA&quot;&gt;&lt;strong&gt;Сразу внедряем новые подходы в новых фичах.&lt;/strong&gt; Разработали гайдлайны для дизайнеров и разработчиков, чтобы они знали, как учитывать увеличенные шрифты в своей работе.&lt;/li&gt;
    &lt;li id=&quot;5Hrw&quot;&gt;&lt;strong&gt;Регулярно синхронизируемся с дизайном, разработкой и тестированием.&lt;/strong&gt; Встречи и обсуждения помогали нам убедиться, что все команды находятся на одной волне и понимают важность задачи.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;h3 id=&quot;DTIb&quot;&gt;Работа с компонентами&lt;/h3&gt;
  &lt;p id=&quot;dczf&quot;&gt;Мы уделили особое внимание компонентам (то есть повторно используемым блокам: кнопкам, полям ввода, карточкам товара и т.д.) Если компонент поддерживает увеличенные шрифты, это начинает работать на всех экранах, где он используется. Так мы внесли полезные изменения сравнительно быстро и надолго.&lt;/p&gt;
  &lt;section style=&quot;background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;TGtI&quot; data-align=&quot;center&quot;&gt;Мы уделили особое внимание компонентам. Если компонент поддерживает увеличенные шрифты, это приносит пользу на всех экранах&lt;/p&gt;
  &lt;/section&gt;
  &lt;h3 id=&quot;wa3S&quot;&gt;Общие подходы к дизайну&lt;/h3&gt;
  &lt;p id=&quot;PJQI&quot;&gt;Мы не просто чинили сломанные блоки, а создавали общие подходы к дизайну типичных блоков. Так появился гайд для дизайнеров, чтобы им было проще применять эти подходы в работе, не задумываясь о каждом отдельном случае. Это позволило переиспользовать эти подходы в разных местах и новых фичах. &lt;/p&gt;
  &lt;p id=&quot;wXh8&quot;&gt;Вот немного скриншотов из гайда:&lt;/p&gt;
  &lt;figure id=&quot;aO01&quot; class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/2a/f0/2af024dd-3041-41f5-b46d-2ee10cd39210.png&quot; width=&quot;1024&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;RbvG&quot; class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/0d/ed/0ded6bba-0413-4ebc-923c-c7fe91a46f7f.png&quot; width=&quot;1019&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;O1Fk&quot; class=&quot;m_custom&quot;&gt;
    &lt;img src=&quot;https://lh7-rt.googleusercontent.com/docsz/AD_4nXdqUlb_TpcxNOtpjc4HZB9mHDsq0OH1uqbb7TecOUdjg11F6sPwF3f0b93CgqQ3GiQOX3bP8fRrY1RjCQcyOjfZvdqW7U51kM_J4ba237uCF6aajCjTgsg6SCETwTxIwFRZ2Q0VqcXVQthAiur362cdrFo?key=hTXZtrmX049kyv3zg6pGFg&quot; width=&quot;973&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure id=&quot;rXci&quot; class=&quot;m_custom&quot;&gt;
    &lt;img src=&quot;https://lh7-rt.googleusercontent.com/docsz/AD_4nXdWFaordDscnh2YTcA_lXFmBc6SQV1dajXF_uuNvMXEieBePGT0Z4zCLWtYspYZjPgUb3c8qk6sOLfcP6hlSyonxUJqgA4KttmLUktLUYFq6voLE0XoK34FGB6LUakTJa0oKHw13Yspgw6WSj9ShZUBiYui?key=hTXZtrmX049kyv3zg6pGFg&quot; width=&quot;980.0000000000002&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3 id=&quot;Wq9x&quot;&gt;Вовлечение лидов дизайна и разработки&lt;/h3&gt;
  &lt;p id=&quot;IJcY&quot;&gt;Когда у нас с дизайнерами появились общие подходы, мы привлекли лидов разработки. Они помогли донести до своих команд гайды по поддержке увеличенных шрифтов в вёрстке. Лиды дизайна и разработки играли ключевую роль в обучении своих команд и в контроле за соблюдением новых стандартов. Их поддержка и участие сделали процесс перехода более плавным и эффективным.&lt;/p&gt;
  &lt;p id=&quot;Sm0s&quot;&gt;&lt;/p&gt;
  &lt;h2 id=&quot;YZwK&quot;&gt;Челленджи, с которыми мы столкнулись&lt;/h2&gt;
  &lt;h3 id=&quot;mkt2&quot;&gt;Изменение рабочих процессов&lt;/h3&gt;
  &lt;p id=&quot;5GJD&quot;&gt;Раньше в компании никто не задумывался о поддержке увеличенных шрифтов. Теперь все, — дизайн, разработка, тестирование, — знают, что это нужное дело. Люди боятся больших изменений, поэтому нужно было объяснить, что это важно и не так сложно, как кажется. Мы проводили встречи и воркшопы, чтобы подробно рассказать о новом подходе и показать, как его легко включить в повседневную работу. Постепенное внедрение новых стандартов позволило избежать сопротивления.&lt;/p&gt;
  &lt;section style=&quot;background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;BF62&quot; data-align=&quot;center&quot;&gt;Люди боятся больших изменений, поэтому нужно было объяснить, что это важно и не так сложно, как кажется&lt;/p&gt;
  &lt;/section&gt;
  &lt;h3 id=&quot;gtrm&quot;&gt;&lt;br /&gt;Сроки и компромиссы&lt;/h3&gt;
  &lt;p id=&quot;8SVn&quot;&gt;Даже с фокусом на самых важных экранах, проект занял месяцы работы. Нужно было трезво оценивать, что именно улучшать, а что нет. Слишком легко увлечься и начать делать всё сразу. Но важно было помнить, что каждое улучшение — это уже большой шаг вперёд. Мы часто обсуждали приоритеты и решали, что именно стоит исправить в первую очередь, а что можно отложить. Это помогло нам придерживаться сроков и не перегружать команды.&lt;/p&gt;
  &lt;section style=&quot;background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;tvDg&quot; data-align=&quot;center&quot;&gt;Слишком легко увлечься и начать делать всё сразу&lt;/p&gt;
  &lt;/section&gt;
  &lt;h3 id=&quot;FPzt&quot;&gt;&lt;br /&gt;Раннее согласование и стандартизация&lt;/h3&gt;
  &lt;p id=&quot;vZsq&quot;&gt;Прежде, чем приступить к поддержке увеличенных шрифтов, мы получили принципиальное согласие команд дизайна и разработки, что будем реализовывать этот проект. И что впредь хотим, чтобы это стало нашим стандартом. Раннее согласование сделало процесс более предсказуемым и управляемым. А созданные базовые гайды мы дорабатывали по мере того, как копили опыт и получали обратную связь от коллег.&lt;/p&gt;
  &lt;section style=&quot;background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;r7j7&quot; data-align=&quot;center&quot;&gt;Принципиальное согласие команд перед стартом проекта сделало процесс более предсказуемым и управляемым&lt;/p&gt;
  &lt;/section&gt;
  &lt;h3 id=&quot;kvBz&quot;&gt;&lt;br /&gt;Поддержание фокуса и мотивации&lt;/h3&gt;
  &lt;p id=&quot;73uT&quot;&gt;Важно было каждые пару недель напоминать команде о проекте и показывать результаты — это помогало поддерживать мотивацию всех участников. Плюс это позволило всем понять, что поддержка увеличенных шрифтов — новая реальность, а не просто проект, который закончится и можно будет про него забыть. &lt;/p&gt;
  &lt;p id=&quot;NqYs&quot;&gt;По итогам нам важно было убедиться, что все получили гайды и знают, как учитывать увеличенные шрифты в своей работе. Мы также организовывали встречи для обсуждения возникших трудностей и поиска лучших решений.&lt;/p&gt;
  &lt;section style=&quot;background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;FTT2&quot; data-align=&quot;center&quot;&gt;Регулярные отчёты о прогрессе и демонстрация достигнутых результатов помогли поддерживать мотивацию команды&lt;/p&gt;
  &lt;/section&gt;
  &lt;p id=&quot;3MHx&quot;&gt;&lt;/p&gt;
  &lt;p id=&quot;r9jq&quot;&gt;&lt;/p&gt;
  &lt;h2 id=&quot;QZ4p&quot;&gt;Достижения&lt;/h2&gt;
  &lt;p id=&quot;LPy0&quot;&gt;Вся работа заняла меньше года — и это в команде с всего двумя разработчиками (iOS и Android).&lt;/p&gt;
  &lt;p id=&quot;HPSe&quot;&gt;Мы не поругались с дизайнерами и разработкой, несмотря на то, что де-факто предложили им усложнить свою работу.&lt;/p&gt;
  &lt;p id=&quot;XUhz&quot;&gt;Мы придумали подход, который позволяет поддерживать увеличенные шрифты без необходимости создавать отдельные «увеличенные» макеты для каждой новой фичи. Это экономит время и делает процесс разработки проще.&lt;/p&gt;
  &lt;h3 id=&quot;3DGn&quot;&gt;Статистика&lt;/h3&gt;
  &lt;p id=&quot;LiyT&quot;&gt;После релиза мы начали отслеживать использование увеличенных шрифтов. И увидели, что на Android более 25% запусков приложения происходят с ними. Приятно видеть подтверждение тому, что наша работа была важной и нужной.&lt;/p&gt;
  &lt;p id=&quot;TkHn&quot;&gt;&lt;/p&gt;
  &lt;hr /&gt;
  &lt;p id=&quot;7RSB&quot;&gt;Слева — как на смартфонах с увеличенными шрифтами пользователи видели наше приложение «до», а справа — как стали видеть «после»:&lt;/p&gt;
  &lt;p id=&quot;vPSd&quot;&gt;&lt;/p&gt;
  &lt;figure id=&quot;YLNW&quot; class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/9c/ab/9cab31e2-74eb-4390-bbff-7143ffb3376b.png&quot; width=&quot;1050&quot; /&gt;
    &lt;figcaption&gt;Теперь мы знаем, что если на макете элементы и влезают в строку целиком, то в жизни это может поменяться. Предусматривем перенос элементов на новую строку&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;y15q&quot;&gt;&lt;/p&gt;
  &lt;figure id=&quot;Wq8q&quot; class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/6d/23/6d23591b-bbeb-4d20-9779-1705881c1c1f.png&quot; width=&quot;887&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;sFfK&quot;&gt;&lt;/p&gt;
  &lt;figure id=&quot;ePGP&quot; class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/b9/61/b96191be-c507-479c-99f6-fdef87bccc8f.png&quot; width=&quot;813&quot; /&gt;
    &lt;figcaption&gt;Для каждого текстового стиля мы установили «потолок» размера. Нет болшого смысла делать и так крупные заголовки еще более крупными. Иерархия информации прослеживается и без разницы в кегле.&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;GLX2&quot;&gt;&lt;/p&gt;
  &lt;figure id=&quot;2xEE&quot; class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/9e/54/9e5419c1-d68d-4822-be9a-14f46d2bc57e.png&quot; width=&quot;660&quot; /&gt;
    &lt;figcaption&gt;Не все компоненты удается модифицировать идеально. В этом инпуте лейбл и текст, конечно, выглядят тесновато. Но точно лучше, чем было.&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;Qnr1&quot;&gt;&lt;/p&gt;
  &lt;figure id=&quot;vqZI&quot; class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/ad/cc/adcc462f-7d29-4d61-9920-9064dc6aca63.png&quot; width=&quot;1413&quot; /&gt;
    &lt;figcaption&gt;Где-то пришлось пойти на компромисс. Для тапбара мы не придумали другого достаточно простого решения кроме как «Не увеличиваем шрифт в тапбаре». Если человек не видит текст, то он всё равно видит иконки. Не идеально, но работает.&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;h2 id=&quot;lOzy&quot;&gt;&lt;br /&gt;Короткое резюме&lt;/h2&gt;
  &lt;p id=&quot;wFuw&quot;&gt;Мы поддержали увеличенные шрифты на самых важных экранах аппов Детского мира.&lt;/p&gt;
  &lt;p id=&quot;Jedu&quot;&gt;Нам помогли: чёткий план, слаженная работа команд, фокус на компонентах, раннее согласование и постоянная коммуникация.&lt;/p&gt;
  &lt;p id=&quot;vOGM&quot;&gt;Мы столкнулись с множеством челленджей, включая: изменение рабочих процессов, управление сроками и приоритетами, раннюю стандартизацию и необходимость поддерживать мотивацию команды. Но всё смогли преодолеть.&lt;/p&gt;
  &lt;p id=&quot;hdZj&quot;&gt;Признаемся, что несмотря на всю проделанную работу с гайдлайнами и изменением процессов, у нас всё ещё периодически релизятся фичи и экраны с недоработанной поддержкой увеличенных шрифтов. Это подтверждает масштабность и сложность задачи. Даже с таким тщательным подходом не всё проходит идеально.&lt;/p&gt;
  &lt;p id=&quot;3L9S&quot;&gt;Надеемся, что наш опыт вдохновит другие команды на внедрение таких же практик в своих продуктах. Делать мир доступнее — это важно.&lt;/p&gt;

</content></entry><entry><id>dmtech:app-icons-monsters</id><link rel="alternate" type="text/html" href="https://blog.dmte.ch/app-icons-monsters?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><title>Монстры креатива, или как мы сделали иконку приложения, которая обрушила всё </title><published>2024-08-02T08:46:29.607Z</published><updated>2024-08-30T02:11:55.647Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img2.teletype.in/files/9b/31/9b31bf67-dcde-4b1b-83e7-6f57ac217aab.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img2.teletype.in/files/9f/7e/9f7ee59c-8d29-49d6-84ce-b1e888632068.png&quot;&gt;Пожалуй, каждый дизайнер однажды мечтает проснуться знаменитым. Как-то раз это случилось и с нами. Другое дело, что слава непредсказуема. Придя в офис, открыв чаты и рабочие почты, мы поняли — вся компания уже обсуждает нашу новую иконку приложения, вместе с миллионами пользователей Детского мира.</summary><content type="html">
  &lt;figure id=&quot;FRZb&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/9f/7e/9f7ee59c-8d29-49d6-84ce-b1e888632068.png&quot; width=&quot;800&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;9cfS&quot;&gt;Пожалуй, каждый дизайнер однажды мечтает проснуться знаменитым. Как-то раз это случилось и с нами. Другое дело, что слава непредсказуема. Придя в офис, открыв чаты и рабочие почты, мы поняли — вся компания уже обсуждает нашу новую иконку приложения, вместе с миллионами пользователей Детского мира.&lt;/p&gt;
  &lt;p id=&quot;gp3i&quot;&gt;В апсторе это выглядело примерно так:&lt;/p&gt;
  &lt;figure id=&quot;PhLF&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/ef/07/ef07e635-a0ef-43f9-937b-cea6e0d7842d.png&quot; width=&quot;800&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;prnJ&quot;&gt;И ещё много-много комментариев в таком же ключе. Признаться, ещё никогда дизайн-команда не получала столько внимания от пользователей нашего красивого приложения, как в тот раз по случаю акции «Фантастические скидки» (в простонародье — Чёрная пятница).&lt;/p&gt;
  &lt;h2 id=&quot;AHnY&quot;&gt;А всё начиналось так&lt;/h2&gt;
  &lt;p id=&quot;ABRl&quot;&gt;В Детском мире всегда много акций, в том числе, к заметным событиям и праздникам — на 8 Марта, Хэллоуин, Новый год и т. д. К ним маркетинг придумывает концепцию и присылает в ее в Детмир Тех, чтобы мы оформили всю графическую составляющую.&lt;/p&gt;
  &lt;p id=&quot;IUTA&quot;&gt;Два года назад к Новому году мы робко попробовали поменять иконку приложения, чтобы она стала нарядней. Было страшновато, потому что пользователи её знают и уважают — а расстраивать мы их не любим. Всем ужасно понравились подарки вместо кубиков, поэтому в 2023-м мы осмелели до того, что перекрасили её в цвет ёлки, и даже сделали специальную версию к 1 сентября.&lt;/p&gt;
  &lt;figure id=&quot;JgYP&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/8b/da/8bdae0d1-ad8e-4ed6-859a-4b8e28299e42.png&quot; width=&quot;800&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;iYeU&quot;&gt;Следующей на очереди была Чёрная пятница, и мы решили попробовать что-то по-настоящему смелое, когда увидели, что маркетинг подготовил концепцию с монстриками:&lt;/p&gt;
  &lt;figure id=&quot;YDHe&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/73/3d/733db878-7a75-4313-8e16-d69d065368ce.png&quot; width=&quot;800&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;KgpV&quot;&gt;Для иконки приложения на время акции мы предложили вот такое волшебное чудовище:&lt;/p&gt;
  &lt;figure id=&quot;dKuH&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/ae/31/ae31b944-7a39-490e-a0d2-12b82435641c.png&quot; width=&quot;800&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;Cx7X&quot;&gt;«Я помню, нам прислали макет акции и мы стали разводить по цветам, рисовать наборы элементов, лейблы, баннеры для сайта, обложки для соцсетей, и дошло дело до иконки. Я начал искать образ, и в какой-то момент родился этот монстрик. Мы обсуждали, пробовали — два глаза, три, четыре, а потом всё как будто сложилось», — вспоминает Влад Крылов, дизайнер-иллюстратор.&lt;/p&gt;
  &lt;p id=&quot;7727&quot;&gt;«Я в тот момент подумал — классно, всё подходит по стилистике. И вдобавок появилась идея сделать надпись в виде рта», — добавляет Олег Зимогляд, арт-директор Детмир Тех.&lt;/p&gt;
  &lt;figure id=&quot;T6jb&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/93/7c/937c8be7-c955-4bc4-87da-dcaf25fd1f05.png&quot; width=&quot;800&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;jGrr&quot;&gt;Внутри команды это тоже не вызвало возражений. Один голос против прозвучал разве что со стороны руководителя дизайна мобильного приложения Виктора Ходака в общем чате. Но тогда всё равно решили рискнуть.&lt;/p&gt;
  &lt;figure id=&quot;GQit&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/0b/ee/0beee0c8-a9f5-4cc2-b0c2-953477657040.png&quot; width=&quot;800&quot; /&gt;
  &lt;/figure&gt;
  &lt;h2 id=&quot;COXa&quot;&gt;Утро возмездия&lt;/h2&gt;
  &lt;p id=&quot;4T2F&quot;&gt;А вот негативные отзывы от пользователей посыпались сразу — стоило только приложению с новой иконкой появиться в сторах. Кто-то жаловался на то, что монстр страшный, кто-то писал, что дети боятся, а кто-то — что не может найти приложение Детского мира.&lt;/p&gt;
  &lt;p id=&quot;f2j2&quot;&gt;«К тому дню мы, честно говоря, уже успели забыть про монстров, потому что цикл запуска акций довольно долгий, и готовимся мы к Чёрной пятнице с лета. В ноябре уже занимались другими проектами. А тут Лена, наш дизайн-директор, пишет мне: Олег, что-то у нас там проблема с иконкой, какие-то страшные комментарии. И она начала присылать мне их потихоньку, не сразу скопом, а выборочно. А я всё погружался и погружался. В то же время ни о чём не жалел — ведь это круто, пробовать и делать что-то смелое», — вспоминает Олег.&lt;/p&gt;
  &lt;p id=&quot;1deL&quot;&gt;В Детском мире есть инструмент «Голос клиента» — это мониторинг отзывов покупателей, со всех возможных каналов коммуникации с ними, практически в режиме онлайн. Это очень важные для компании показатели, потому что мнение клиентов она ставит во главу всего. И если им что-то не нравится, не будет идти наперекор, пытаться что-то доказать или нарочно эпатировать.&lt;/p&gt;
  &lt;p id=&quot;26u2&quot;&gt;Поэтому обсуждение этой нетипичной для Детского мира ситуации очень быстро вынесли на обсуждение руководства, и приложение с пугающей пользователей иконкой было решено откатить. В апсторе это тоже занимает время, так что всё равно примерно ещё неделю пользователи продолжали присылать нам фидбек.&lt;/p&gt;
  &lt;figure id=&quot;jfIB&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/69/ea/69ea6e40-edee-435e-bd4f-7fb715042b65.png&quot; width=&quot;800&quot; /&gt;
  &lt;/figure&gt;
  &lt;h2 id=&quot;PoH7&quot;&gt;Работа над ошибками&lt;/h2&gt;
  &lt;p id=&quot;5M93&quot;&gt;Как бы там ни было, когда работаешь на миллионную аудиторию, решает демократия. И пользователи явно проголосовали за то, чтобы мы так больше не «шутили». Поэтому в компании появился гайд — как можно и нельзя обращаться с иконками. Мы сохранили традицию изменять свой логотип к большим праздникам и масштабным акциям, но делаем теперь это обдуманнее.&lt;/p&gt;
  &lt;p id=&quot;Wuuz&quot;&gt;В гайде, который сами же участники эксперимента и сформулировали, появилось допустимое:&lt;/p&gt;
  &lt;figure id=&quot;FFss&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/05/9c/059c05e5-a811-45bd-95c2-c30418091d37.png&quot; width=&quot;800&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;QcU5&quot;&gt;И недопустимое. Где, конечно, первым теперь стоит наш очаровательный монстрик. Больше его с нами не будет. Но мы решили отдать ему дань уважения в этом блоге. &lt;/p&gt;

</content></entry><entry><id>dmtech:marina-tutina</id><link rel="alternate" type="text/html" href="https://blog.dmte.ch/marina-tutina?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><title>Новичок в продуктовой команде. Как я привыкала работать там, где не нужно решать за всех</title><published>2024-07-02T06:50:27.427Z</published><updated>2024-08-30T02:14:33.959Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img1.teletype.in/files/4f/a2/4fa26004-e716-4105-abd6-63fc412e199c.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img3.teletype.in/files/6f/29/6f29ffef-257c-40fa-a576-4a4a9fe2df37.png&quot;&gt;Марина Тютина, менеджер цифрового продукта, пришла в Детмир Тех опытным специалистом. Но поняла, что её прежний стиль работы в команде здесь не подходит. В своей колонке Марина рассказывает, что стало самым неожиданным «уроком» на новом месте.</summary><content type="html">
  &lt;figure id=&quot;gdCL&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/6f/29/6f29ffef-257c-40fa-a576-4a4a9fe2df37.png&quot; width=&quot;2810&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;p4Dh&quot;&gt;&lt;em&gt;Марина Тютина, менеджер цифрового продукта, пришла в Детмир Тех опытным специалистом. Но поняла, что её прежний стиль работы в команде здесь не подходит. В своей колонке Марина рассказывает, что стало самым неожиданным «уроком» на новом месте.&lt;/em&gt;&lt;/p&gt;
  &lt;p id=&quot;NmdN&quot;&gt;Уже больше полугода я работаю менеджером продукта в Детмир Тех. Как раз достаточный срок, чтобы разобраться, как всё устроено, и приступить к полноценной реализации своих идей. А ещё — порассуждать о том, как происходила адаптация, и что именно благодаря ей удалось почувствовать, что у меня есть крутая команда, с которой всё получится.&lt;/p&gt;
  &lt;p id=&quot;P2Ih&quot;&gt;Я переходила из e-com в e-com. И сейчас, как и раньше, занимаюсь развитием мобильного приложения. Роли в каждой команде, конечно, отличаются, но главное остаётся: нужно проработать идею, подготовить дизайн и передать в разработку. Этот стереотип, — что всё мне уже знакомо и понятно, — неожиданно стал для меня главной проблемой.&lt;/p&gt;
  &lt;p id=&quot;kmaQ&quot;&gt;На прошлом месте работы я привыкла, что всё нужно проработать самостоятельно. Например, я отвечала за лендинг привлечения: нужно продумать, какие данные лидов собирать и где их хранить; набросать в Miro макет лендинга; выбрать, какое фото и какие цифры из аналитики разместить на странице; написать заголовки и тексты; проверить с юристами и PR; учесть другие детали. Тем не менее, мне часто казалось, что я недостаточно автономна и отвлекаю от работы коллег, которых прошу как экспертов согласовать мои решения. Так я научилась сама собирать лендинги, усвоила, что должно включать согласие на обработку персональных данных, и за полгода стала писать намного более приятные тексты. И главное — я привыкла к такой работе «под ключ».&lt;/p&gt;
  &lt;figure id=&quot;PkE1&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/4e/94/4e94431f-a34a-4a66-a3e6-bde60f90cd28.png&quot; width=&quot;2000&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;CQwq&quot;&gt;В Детмир Тех мы тоже прорабатываем идеи, готовим макеты и передаём в разработку. Но в этих процессах участвует несколько человек, а не один. Каждый из них вносит что-то своё в финальное решение, а не только согласовывает мои предложения. Вроде очевидно, и выглядит даже проще — но не тут-то было.&lt;/p&gt;
  &lt;p id=&quot;4DMB&quot;&gt;В продуктовых требованиях к задаче я по старой привычке стремилась предусмотреть всё: как по-новому должны взаимодействовать системы, чтобы заработала новая функция, как должен измениться дизайн, какие элементы должны появиться и в каких частях страниц. Находила множество референсов, продумывала, как будем оценивать эффект от минимального изменения, и какую дельту можно считать значимой. Это не выматывало, это вдохновляло — передо мной новый продукт, у меня свежий взгляд, я хочу предлагать классные идеи! Часто большую часть требований я выносила в out of scope, чтобы положить в беклог и реализовать в будущем.&lt;/p&gt;
  &lt;p id=&quot;ojjF&quot;&gt;И удивилась, когда услышала, что так детально прорабатывать было не нужно. Не необязательно, а не нужно. Дизайнер не всегда хочет увидеть чёткое ТЗ с описанием изменений в каждом блоке, а UX-редактор не хочет проверять мои варианты текстов, а хочет написать их сам. То есть суперсила сделать всё самостоятельно больше не нужна, а точнее даже может привести к конфликту.&lt;/p&gt;
  &lt;figure id=&quot;M90I&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/98/cf/98cf5599-9885-4500-9034-1197a6eae56a.png&quot; width=&quot;2000&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;OBcM&quot;&gt;И тут я увидела, что просто пыталась делать работу «за других», как будто не доверяя профессионализму тех, с кем соприкасаюсь по работе. А ведь я совсем не считаю, что разбираюсь в UX/UI лучше дизайнеров! Через несколько недель и задач я поняла, что делегируя можно делать быстрее и качественнее, а людям вокруг меня — интереснее решать задачи, когда они привносят в них что-то своё. Так у каждого с одной стороны появляется своя зона ответственности, а с другой — дело становится общим.&lt;/p&gt;
  &lt;p id=&quot;38pt&quot;&gt;В Детмир Тех каждый специалист выполняет свою часть работы, получая задачу и описание контекста от коллег. Это даёт сотруднику возможность творчески подойти к решению, сохранять мотивацию и развивать навыки. Компания получает продукт более высокого качества за счёт того, что каждый профессионал занимается тем, в чём он лучше других. Я много читала про важность классно выстроенных процессов, но моя собственная адаптация на новом месте стала для меня удивительной историей.&lt;/p&gt;
  &lt;p id=&quot;ewGv&quot;&gt;Встроиться в процессы команды — это не только про расписание и регламент встреч. Это ещё понимание зон ответственности, границу между которыми не всегда легко описать в инструкциях и осознать просто прочитав. Чтобы стать классным коллегой и эффективным сотрудником нужно ещё что-то: для меня это внимательность, уважение друг к другу и любопытство «почему мы делаем так?»&lt;/p&gt;
  &lt;p id=&quot;VG3M&quot;&gt;Когда я до конца разобралась, как у нас всё работает, и увидела, как круто в итоге получается, я поняла, что здесь суперсила — в команде. Это отличается от моего прошлого опыта — и это нормально. В процессе адаптации я часто удивлялась и прикладывала дополнительные усилия, чтобы сделать так, как здесь заведено, но сейчас вижу, как здорово, что я не откладывала это на потом. Комфортное взаимодействие важно для всех — тогда вместе можно сделать лучше, чем в одиночку.&lt;/p&gt;

</content></entry><entry><id>dmtech:svetlana-antonova</id><link rel="alternate" type="text/html" href="https://blog.dmte.ch/svetlana-antonova?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><title>Светлана Антонова в Детмир Тех. Интровью с директором цифрового продукта «Зоозавр» </title><published>2024-06-20T16:25:58.448Z</published><updated>2024-08-30T02:19:38.925Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img2.teletype.in/files/17/c6/17c68bae-3e85-4c11-8e5a-bb232cd8bed6.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img3.teletype.in/files/e1/10/e110f7bf-40f9-4ed6-a63d-e1e2bc1e4f22.png&quot;&gt;Я отвечаю за развитие сайта и мобильного приложения Зоозавра, помогаю продукту соответствовать стратегии, приносить измеримые результаты и отвечать запросам пользователя. Всё это для того, чтобы помогать владельцам животных заботиться о своих питомцах.</summary><content type="html">
  &lt;figure id=&quot;8juN&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/e1/10/e110f7bf-40f9-4ed6-a63d-e1e2bc1e4f22.png&quot; width=&quot;3049&quot; /&gt;
  &lt;/figure&gt;
  &lt;section style=&quot;background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;2S3Q&quot;&gt;Интровью — формат, который помогает узнать больше о людях из команды, чтобы было проще делать интро для новеньких&lt;/p&gt;
  &lt;/section&gt;
  &lt;h3 id=&quot;86jj&quot;&gt;&lt;strong&gt;— Чем занимаешься в Детмир Тех?&lt;/strong&gt;&lt;/h3&gt;
  &lt;p id=&quot;ToJn&quot;&gt;Я отвечаю за развитие сайта и мобильного приложения Зоозавра, помогаю продукту соответствовать стратегии, приносить измеримые результаты и отвечать запросам пользователя. Всё это для того, чтобы помогать владельцам животных заботиться о своих питомцах.&lt;/p&gt;
  &lt;p id=&quot;X0hP&quot;&gt;Несмотря на то, что сегмент пользователей пересекается с аудиторией Детского мира, есть специфика, которую необходимо закладывать в продукт. Работая над проектами Детского мира, ребята имеют дело с крупным функционалом: например, улучшают поиск и фильтры. Это очень сильно помогает развиваться Зоозавру, так как функционал в продуктах сквозной. А в это время мы с командой можем сосредоточиться на уникальных для Зоозавра фичах или адаптировать под себя то, что разработали коллеги для приложения или сайта Детского мира. Для меня, как для продакта, это супервозможность не только погружаться в проекты Зоозавра, но и видеть, что происходит в соседней команде Детского мира: как они перформят и какие результаты приносят.&lt;/p&gt;
  &lt;h3 id=&quot;i4SE&quot;&gt;&lt;strong&gt;— Что делала до этого?&lt;/strong&gt;&lt;/h3&gt;
  &lt;p id=&quot;BFhQ&quot;&gt;Пришла в продуктовую разработку из дизайна, еще в институте выигрывали с однокурсниками гранты по разработке мобильных приложений. Визуальная часть мне всегда была интереснее, чем написание кода: круто, что в СмолГУ помогли раскрыть сильную сторону. Продолжила прокачивать скиллы в продуктовой команде Ярмарки Мастеров: тут был и управленческий опыт, и переход в продакты. А потом случилось знакомство с ритейлом, перешла в SOKOLOV. Это уже более сложная система, но безумно интересная для меня: выстраивание пользовательского опыта не останавливается в онлайне, появляется фокус на омниканальность и выход на новые рынки. Вообще считаю, что мне круто везет с командами и продуктами. И Детмир Тех не исключение :)&lt;/p&gt;
  &lt;h3 id=&quot;g2sZ&quot;&gt;— Поделишься чем-то из уже сделанного в Детмир Тех?&lt;/h3&gt;
  &lt;p id=&quot;JW0Z&quot;&gt;Думаю, самое интересное впереди. Есть большая цель — стать лидерами рынка, и это меня круто драйвит. Сейчас большой фокус на приложении Зоозавра. Например, за 2023 год товарооборот через него вырос на 52 %, а доля покупок через аппы увеличилась на 10 п.п., до 65 %.&lt;/p&gt;
  &lt;p id=&quot;33ny&quot;&gt;Я почти год в команде Детмир Тех. За это время обросли аналитикой в Зоозавре, появились новые дашборды, отчёты. Это помогает в управлении продуктом, в принятии решений, а как следствие — легче понимать пользователя.&lt;/p&gt;
  &lt;p id=&quot;EGP5&quot;&gt;Из функционала, например, запустили профиль питомца: теперь пользователи могут добавлять информацию о своих домашних животных в профиль. Это помогает нам выстраивать персонализацию и более релевантную коммуникацию с клиентом, делает пользовательский опыт разнообразным. Например, теперь мы можем выстраивать рекомендации и акционные предложения на главной странице аппа, учитывая, будут ли это покупки для кошки, собаки или рыбки, а ещё не забываем поздравлять с днем рождения любимца.&lt;/p&gt;
  &lt;figure id=&quot;xovy&quot; class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/kTwmueCZZAw?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
    &lt;figcaption&gt;Светлана Антонова с лекцией о том, как выстраивать продуктовую стратегию&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;h3 id=&quot;dD23&quot;&gt;— Что полезного сделала кроме рабочих проектов?&lt;/h3&gt;
  &lt;p id=&quot;lBhg&quot;&gt;Поучаствовали с командой Детмир Тех в заплыве SWIM IT. Поддержка ребят бесценна 🖤&lt;/p&gt;
  &lt;p id=&quot;PsVb&quot;&gt;А ещё я неравнодушна к наставничеству. Думаю, два поколения учителей в семье очень сильно на это повлияли. Заложено где-то на генетическом уровне :) Для меня всё началось в спорте — я даже была тренером по лёгкой атлетике, подсказывала младшим, что им может помочь сделать правильное движение, настраивала перед соревнованиями. А потом, параллельно, это стало проявляться и в ИТ — когда я работала в Ярмарке Мастеров: офис был в Смоленске и не всегда удавалось найти «готового» специалиста под вакансию. Приходилось нанимать людей без опыта, больше смотреть на soft skills и всему обучать. И это оказался классный опыт: теперь мои бывшие сотрудники работают в крупнейший ИТ-компаниях — приятно видеть, как они выросли.&lt;/p&gt;
  &lt;p id=&quot;488Q&quot;&gt;Чтобы стартовать в новой отрасли или прокачиваться в текущей, часто нужен контекст, который помогает быстрее ориентироваться и развиваться. Показываешь кейсы, поддерживаешь, радуешься прогрессу вместе  с менти. А ещё, помогая расти другим, очень круто прокачиваешься сам. Например, вводила аналитика и проджекта в новую для них сферу, ментила в сообществе Women in Tech.&lt;/p&gt;
  &lt;figure id=&quot;uRMj&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img3.teletype.in/files/ea/a9/eaa902ae-f4f1-45a0-8e10-38613d3157cc.png&quot; width=&quot;1800&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3 id=&quot;jEYX&quot;&gt;&lt;strong&gt;— Что-то ещё интересное о себе? Чем увлекаешься?&lt;/strong&gt;&lt;/h3&gt;
  &lt;p id=&quot;zUPa&quot;&gt;Спорт всегда был для меня источником энергии: в детстве выступала в многоборье, потом пробежала несколько полумарафонов, сейчас хожу в тренажёрный зал и катаюсь на сноуборде. Говорят, во время активных занятий вырабатываются гормоны, поддерживающие развитие нейронов, а ещё плюсом идёт хорошее самочувствие и отсутствие проблем со спиной :)&lt;/p&gt;
  &lt;figure id=&quot;EFEU&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/33/42/3342cebd-170a-4764-8ff0-b07f4089cacf.png&quot; width=&quot;1800&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3 id=&quot;cB1U&quot;&gt;— Есть соцсети?&lt;/h3&gt;
  &lt;p id=&quot;mo4k&quot;&gt;&lt;a href=&quot;https://www.facebook.com/profile.php?id=100010513994342&amp;mibextid=LQQJ4d&quot; target=&quot;_blank&quot;&gt;Фейсбук&lt;/a&gt; и Инста &lt;a href=&quot;https://www.instagram.com/lana_antonova3?igsh=MWNza2Ywa3B3emk4cQ%253D%253D&amp;utm_source=qr&quot; target=&quot;_blank&quot;&gt;@lana_antonova3&lt;/a&gt;. А ещё недавно вышло &lt;a href=&quot;https://www.youtube.com/watch?v=tkOBPakaCn4&quot; target=&quot;_blank&quot;&gt;интервью&lt;/a&gt; на YouTube, где я делюсь инсайтами, которые были на пути к профессии.&lt;/p&gt;

</content></entry><entry><id>dmtech:dmitry-bakhtin</id><link rel="alternate" type="text/html" href="https://blog.dmte.ch/dmitry-bakhtin?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><title>Дмитрий Бахтин в Детмир Техе. Интровью с директором по разработке</title><published>2024-05-29T19:02:37.198Z</published><updated>2024-10-03T02:41:47.528Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img2.teletype.in/files/5c/ee/5ceed090-5116-4a57-8e27-54d09b25d82b.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img4.teletype.in/files/74/ae/74aef280-1219-4e99-8b9d-89e99127d637.png&quot;&gt;Я руковожу командой разработки, а это более 250 человек. За последние годы мы сильно выросли. Занимаемся тем, что создаём и улучшаем онлайн-сервисы Детского мира, Зоозавра и новой сети дискаунтеров «Ещё».</summary><content type="html">
  &lt;figure id=&quot;Cd3T&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/74/ae/74aef280-1219-4e99-8b9d-89e99127d637.png&quot; width=&quot;3000&quot; /&gt;
  &lt;/figure&gt;
  &lt;section style=&quot;background-color:hsl(hsl(24,  24%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;0tNE&quot;&gt;​​Интровью — формат, который помогает узнать больше о людях из команды, чтобы было проще делать интро для новеньких&lt;/p&gt;
  &lt;/section&gt;
  &lt;h3 id=&quot;rf1j&quot;&gt;&lt;strong&gt;— Чем занимаешься в Детмир Тех?&lt;/strong&gt;&lt;/h3&gt;
  &lt;p id=&quot;BWGr&quot;&gt;Я руковожу командой разработки, а это более 250 человек. За последние годы мы сильно выросли. Занимаемся тем, что создаём и улучшаем онлайн-сервисы Детского мира, Зоозавра и новой сети дискаунтеров «Ещё». А глобально — помогаем бизнесу оставаться конкурентоспособными на насыщенном рынке ритейла и маркетплейсов. В цифровую эпоху в этом много вызовов.&lt;/p&gt;
  &lt;h3 id=&quot;QAr0&quot;&gt;— Как это, когда у тебя в команде 250 человек?&lt;/h3&gt;
  &lt;p id=&quot;rE3i&quot;&gt;Для меня это непросто. Я пришёл в компанию на инженерную позицию и за 6 лет дорос до руководителя большой команды, поэтому в некотором роде пришлось убить в себе инженера.&lt;/p&gt;
  &lt;h3 id=&quot;Iqg8&quot;&gt;— Что делал до этого?&lt;/h3&gt;
  &lt;p id=&quot;kBq7&quot;&gt;Был архитектором Сбербанк Онлайн. Тогда, в 2017-м году, банк только вставал на путь цифровизации, поэтому приходилось приводить в порядок разные легаси, поэтапно внедрять современные онлайн-продукты.&lt;/p&gt;
  &lt;p id=&quot;H64m&quot;&gt;До Сбера, в 2006–2008 годах, работал инженером-разработчиком Java в Росгосстрахе — там мы занимались внедрением системы регулирования убытков. Это была разработка крупной американской ИТ-компании, мы адаптировали её под российские реалии.&lt;/p&gt;
  &lt;p id=&quot;qNnR&quot;&gt;А ещё 8 лет у меня был собственный стартап. Мы продавали информацию о ходе спортивных матчей букмекерам, чтобы они могли выставлять правильные, с точки зрения математики, коэффициенты. Таких мероприятий проходит много, за всеми результатами уследить очень сложно, поэтому мы автоматизировали процесс отслеживания итогов — информация приходила клиентам в течение 200–400 миллисекунд. Тогда это был рекорд по скорости для отрасли.&lt;/p&gt;
  &lt;h3 id=&quot;caJk&quot;&gt;— Поделишься чем-то из уже сделанного в Детмир Тех?&lt;/h3&gt;
  &lt;p id=&quot;Qaxb&quot;&gt;С 2016 года сайт Детского мира работал на движке SAP Hybris, и 5 лет мы занимались его кастомизацией. С 2021 года стартовала разработка собственной ecom-платформы вместо коробочного внешнего решения — так что скоро мы переведем все онлайн-продажи DMgroup (то есть магазинов «Детский мир», «Зоозавр» и «Ещё») во всех странах присутствия на самописное решение. Разработка ведётся с использованием опенсорсных технологий. Решили пойти по такому пути, чтобы порог входа в разработку был невысоким, так как такие библиотеки — это стандарт индустрии. Кстати, как только начали работать над собственной платформой, нам стало проще нанимать крутых разработчиков — потому что топовым инженерам неинтересно копаться в «коробках», намного приятней писать собственный код.&lt;/p&gt;
  &lt;p id=&quot;DB7h&quot;&gt;В целом мы планируем много инвестировать в платформенную инженерную инфраструктуру, опенсорс-технологии и AI-инструменты, которые помогают разработчикам быстро писать эффективный код. В перспективе это позволит снизить стоимость собственной разработки при постоянном росте её качества.&lt;/p&gt;
  &lt;p id=&quot;ysu6&quot;&gt;Ещё из значимых достижений — личный кабинет поставщика на маркетплейсе. С 2020-го года Детский мир изменил бизнес-модель и стал продавать на сайте не только свои товары, но и продукцию разных продавцов. Поэтому наша бизнес-модель работы стала похожа на ту, по которой работают Ozon, Wildberries, Яндекс.Маркет и другие ведущие маркетплейсы. Для поставщиков потребовались собственные инструменты, с помощью которых они могут загружать на сайт свой ассортимент. После загрузки мы проверяем созданные карточки, и если всё ок, товары появляются на сайте. Это решение мы тоже разрабатываем с нуля.&lt;/p&gt;
  &lt;h3 id=&quot;0w2Q&quot;&gt;— Что полезного сделал кроме рабочих проектов?&lt;/h3&gt;
  &lt;p id=&quot;g5G2&quot;&gt;Пока было свободное время, дополнял опенсорс-библиотеки в Gitlab, &lt;a href=&quot;https://github.com/DmitryBMsk?tab=achievements&quot; target=&quot;_blank&quot;&gt;Github&lt;/a&gt;, которыми пользуются сообщества разработчиков по всему миру. Улучшал их, занимался разработкой библиотек.&lt;/p&gt;
  &lt;h3 id=&quot;X5c0&quot;&gt;— Что-то ещё интересное о себе?&lt;/h3&gt;
  &lt;p id=&quot;wOtp&quot;&gt;Люблю большой теннис, а ещё увлекаюсь ландшафтным дизайном. Я живу за городом, поэтому есть возможность заниматься благоустройством прямо на своём участке. Сажаю хвойные деревья, так как мне хочется, чтобы участок был зелёным весь год, а не только в летнее время. Первый свой хвойничек я посадил в 2016 году — тую. А так как туи в нашей полосе растут быстро, то уже вижу результат. Это, наверное, как с детьми — много заботишься, вкладываешь, и кажется, что нужно ещё очень много сделать, чтобы ребёнок чему-то научился, а потом раз — и понимаешь, что он вырос.&lt;/p&gt;
  &lt;h3 id=&quot;u3Bc&quot;&gt;— У тебя есть соцсети?&lt;/h3&gt;
  &lt;p id=&quot;aIQG&quot;&gt;В основном использую &lt;a href=&quot;https://www.linkedin.com/in/dmitry-bakhtin/&quot; target=&quot;_blank&quot;&gt;LinkedIn&lt;/a&gt; — мне он нужен для рабочих контактов. А Инста и Facebook как-то у меня не прижились, я не сторонник публиковать информацию о своей личной жизни.&lt;/p&gt;
  &lt;h3 id=&quot;HwFh&quot;&gt;— Как руководитель команды из 250 человек, как бы ты сформулировал своё главное управленческое правило?&lt;/h3&gt;
  &lt;p id=&quot;zHcE&quot;&gt;Первое — не забывать, что ты в первую очередь инженер, даже на руководящей позиции. Иначе перестаёшь понимать ребят, кто чем занимается. А в команде разработчиков это важно, чтобы руководитель говорил с ними на одном языке и понимал, из чего состоит работа.&lt;/p&gt;
  &lt;p id=&quot;tgd9&quot;&gt;Второе правило — делегируй. Сначала мне этого очень не хватало, я никак не мог научиться определять вещи, которые можно спокойно передать другим, а какие — оставить себе.&lt;/p&gt;
  &lt;p id=&quot;BB41&quot;&gt;Третье правило — чтобы быть успешным управленцем большой команды, у тебя не должно быть слишком много прямых подчиненных. Как когда-то сформулировал Джефф Безос, создатель Amazon: «команда, которую можно накормить двумя пиццами». В идеале это не больше 6–8 человек. А у них уже — свои отделы, группы и так далее.&lt;/p&gt;
  &lt;p id=&quot;yzbI&quot;&gt;Это помогает сохранять фокус на стратегии, что, в свою очередь, даёт возможность принимать верные тактические решения.&lt;/p&gt;

</content></entry><entry><id>dmtech:detmir-fbs</id><link rel="alternate" type="text/html" href="https://blog.dmte.ch/detmir-fbs?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=dmtech"></link><title>Когда главное — ничего не сломать. Как мы запускаем на маркетплейсе Детского мира новую схему работы для поставщиков </title><published>2024-04-10T08:54:58.061Z</published><updated>2024-08-30T02:44:02.141Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img2.teletype.in/files/16/2a/162a56fb-892d-4d71-a58a-a431c0e7b117.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://img2.teletype.in/files/d7/05/d705ec9c-b265-4332-9ace-21c2715648b1.png&quot;&gt;Внедрять что-то новое в интерфейс маркетплейса, которым пользуются тысячи поставщиков и миллионы пользователей, это как строить здание вблизи объекта ЮНЕСКО. Рассказываем об опыте запуска схемы FBS в Детском мире.</summary><content type="html">
  &lt;p id=&quot;B0gr&quot;&gt;Представьте, что вы французский архитектор и вам приходит заказ — построить рядом с Эйфелевой башней большую гостиницу. Заказ мечты? Похоже на то. Но есть один нюанс: новое творение не должно нарушить канонический пейзаж. Иначе вместо улучшения туристического опыта город получит международный скандал и даже отток туристов. Очень похоже на наши чувства, когда мы стали внедрять FBS — новую для Детского мира модель взаимодействия с поставщиками. В этой статье мы расскажем, как работали над интерфейсом нового процесса — так, чтобы построив что-то новое, не сломать старое.&lt;/p&gt;
  &lt;h2 id=&quot;lTG6&quot;&gt;Немного предыстории: о том, как здорово и сложно быть большим&lt;/h2&gt;
  &lt;p id=&quot;SF23&quot;&gt;Маркетплейс Детского мира отличается от других тем, что компания выходила в интернет, когда уже была огромной розничной сетью. Часть поставщиков продаёт товары в более чем 1 000 магазинов сети, а кто-то — теперь и для миллионов онлайн-пользователей. Это значит, Детскому миру всегда приходилось думать, как органично встраивать процессы интернет-торговли в уже существующие отлаженные механизмы розницы. А маркетплейс развивается очень быстро: несмотря на то, что мы запустили его только в 2020-м, к 2024 году на сайте и в приложении Детского мира было уже 900 000 товаров от 7 000 поставщиков.&lt;/p&gt;
  &lt;p id=&quot;rbtp&quot;&gt;Огромная история накладывала и свои традиции работы с партнёрами — всегда была ориентация на долгосрочные отношения и большие объёмы поставок. Чтобы каждый день в магазинах было всё, к чему привык покупатель. С этого начинался и маркетплейс. Сначала предлагали поставщикам работу по схеме FBO (Fulfilment by Operator). Когда они заранее привозят большие партии товаров, Детский мир хранит всё на своих складах, а затем доставляет по мере того, как пользователи делают заказы на сайте и в приложении. Опять-таки удобно, когда надо гарантировать покупателям, что нужный товар всегда есть на складе.&lt;/p&gt;
  &lt;figure id=&quot;JBAC&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/81/2f/812fc017-e457-4bc4-8fb3-40bfcaafdd08.png&quot; width=&quot;1705.5&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;lpXQ&quot;&gt;Но есть и большое количество позиций, с которыми работать по FBO очень неудобно, а иногда и невозможно. Продавцу колясок или кроваток нецелесообразно заполнять склад маркетплейса крупногабаритными товарами, а продавцу одежды — привозить горы всех моделей и размеров, ведь не угадаешь, какие точно выкупят. Но пользователи маркетплейсов привыкли, что у них всегда есть широкий выбор, а всё нужное можно купить в одном месте. Поэтому мы тоже очень хотели, чтобы в Детском мире появились новые классные бренды, а давние партнеры смогли начать поставлять нам больше разных товаров из своей линейки. Так мы подступились к запуску новой модели работы с поставщиками — FBS (Fulfillment by Seller). &lt;/p&gt;
  &lt;h2 id=&quot;V6HW&quot;&gt;Что такое FBS и какие вообще бывают схемы работы&lt;/h2&gt;
  &lt;p id=&quot;PvYI&quot;&gt;Есть три основные схемы взаимодействия продавца и маркетплейса: FBO (Fulfilment by Operator), FBS (Fulfillment by Seller) и DBS (Delivery by Seller). В них варьируются три параметра:&lt;/p&gt;
  &lt;ul id=&quot;Yv9t&quot;&gt;
    &lt;li id=&quot;pNM0&quot;&gt;где хранятся товары;&lt;/li&gt;
    &lt;li id=&quot;iXyZ&quot;&gt;кто занимается упаковкой товара;&lt;/li&gt;
    &lt;li id=&quot;xACB&quot;&gt;и кто доставляет товар до покупателя.&lt;/li&gt;
  &lt;/ul&gt;
  &lt;figure id=&quot;UZYw&quot; class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/96/8a/968a82b0-6d17-4a23-bd59-6779e633ad88.png&quot; width=&quot;2130&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;HN7j&quot;&gt;Плюсы FBO для продавца — ему не нужно отслеживать и упаковывать новые заказы, всё ложится на плечи маркетплейса. Но если товар продаётся плохо, то оперативно вывезти его со склада не получится. К тому же нужно платить маркетплейсу за хранение, да и в целом комиссии на FBO выше, так как маркетплейс занимается обработкой и упаковкой заказов.&lt;/p&gt;
  &lt;p id=&quot;4uvW&quot;&gt;Эти минусы нивелирует схема FBS: маркетплейс продаёт и доставляет, но поставщик хранит товары на своём складе, и упаковывает и передаёт в доставку только то, что уже заказно. Получается, поставщику не нужно платить за хранение, можно как быстро выставить товар на продажу, так и снять его, если не покупают — чтобы попробовать продать через свой сайт или соцсети. Но нужны ресурсы на отслеживание новых заказов, их упаковку и отгрузку маркетплейсу для доставки.&lt;/p&gt;
  &lt;figure id=&quot;DH3c&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/c1/35/c13528c6-8f20-452b-b7ea-94adfba09dc6.png&quot; width=&quot;1705.5&quot; /&gt;
  &lt;/figure&gt;
  &lt;section style=&quot;background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;figure id=&quot;GcGP&quot; class=&quot;m_original&quot;&gt;
      &lt;img src=&quot;https://img1.teletype.in/files/47/d8/47d8f242-222f-4d26-9c02-be7e18d09b1e.png&quot; width=&quot;4000&quot; /&gt;
    &lt;/figure&gt;
    &lt;p id=&quot;S6Ui&quot;&gt;«Обычная история для Детского мира — это когда товар приезжает в распределительный центр палетами, отгружается камазами. А FBS — это когда покупатель заказывает на сайте шапочку и шарфик, и мы должны сказать поставщику: упакуй их в отдельную коробочку и важно сделать так, чтобы она оказалась у нас максимально быстро. Дальше эта маленькая коробочка должна пройти через все складские операции — те, что раньше были настроены на приём «камазов», и оказаться на нужной полке в нужный час, чтобы вовремя отправиться к покупателю. Это действительно вызов — придумать, как сделать этот процесс одинаково лёгким как для сотрудников, так и для партнёров»&lt;/p&gt;
  &lt;/section&gt;
  &lt;h2 id=&quot;MrMt&quot;&gt;У нас был план и мы его придерживались&lt;/h2&gt;
  &lt;p id=&quot;zHho&quot;&gt;Для работы над проектом мы собрали команду примерно из 30 человек: от логистики и розницы, до IT-архитектуры и дизайна. И конечно, аналитики.&lt;/p&gt;
  &lt;p id=&quot;2u4I&quot;&gt;Большинство продавцов маркетплейса уже работают с другими площадками, а значит, имеют вполне чёткие ожидания о работе по FBS. Мы выделили для себя два фактора, которые определили наш подход к запуску:&lt;/p&gt;
  &lt;ul id=&quot;eRSV&quot;&gt;
    &lt;li id=&quot;riAD&quot;&gt;Процессы и интерфейсы должны быть знакомы поставщикам, которые уже работают на маркетплейсах;&lt;/li&gt;
    &lt;li id=&quot;DgDY&quot;&gt;Все процессы должны быть вписаны в структуру Детского мира с учётом всех его особенностей.&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p id=&quot;Yv6v&quot;&gt;И вот какой план мы наметили:&lt;/p&gt;
  &lt;ol id=&quot;8PMu&quot;&gt;
    &lt;li id=&quot;wmOS&quot;&gt;Оглядеться по сторонам и изучить устройство FBS у ближайших конкурентов: Ozon и Wildberries. Для этого нужно было провести кабинетное исследование и собрать всю доступную информацию по процессам и интерфейсам.&lt;/li&gt;
    &lt;li id=&quot;3wOd&quot;&gt;Понять, какие недостатки и преимущества схемы видят сами продавцы, какие практики не стоит повторять, а что у конкурентов сделано хорошо. Для этого — провести интервью с продавцами, которые работают по FBS на Ozon и Wildberries.&lt;/li&gt;
    &lt;li id=&quot;lC1z&quot;&gt;Переварить собранную информацию, приземлить её на наши вводные и, отталкиваясь от этого, сформулировать требования к дизайну.&lt;/li&gt;
    &lt;li id=&quot;6Q7r&quot;&gt;Спроектировать интерфейс для новой схемы работы.&lt;/li&gt;
    &lt;li id=&quot;PVGl&quot;&gt;Протестировать прототип с пользователями и внести правки по замечаниям, если они будут. Возможно, провести повторное юзабилити-тестирование.&lt;/li&gt;
    &lt;li id=&quot;d1GH&quot;&gt;Реализовать задуманное.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;section style=&quot;background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;figure id=&quot;22KJ&quot; class=&quot;m_original&quot;&gt;
      &lt;img src=&quot;https://img2.teletype.in/files/5b/5f/5b5f92c3-754c-4bf5-b534-dd6417374417.png&quot; width=&quot;4000&quot; /&gt;
    &lt;/figure&gt;
    &lt;p id=&quot;yXJQ&quot;&gt;«Мы знали, что очень многие поставщики Детского мира работают и с другими маркетплейсами, поэтому просто пригласили этих же продавцов, из разных сегментов по обороту, поделиться мнением о других площадках. Нам важно было узнать, какие плюсы и минусы они видят по FBS у конкурентов, и что нам точно нужно учесть в работе»&lt;/p&gt;
  &lt;/section&gt;
  &lt;p id=&quot;CyCt&quot;&gt;Так мы провели 8 глубинных интервью с продавцами. Пообщались как с теми, кто обрабатывает заказы через личный кабинет маркетплейсов, так и с теми, кто работает по API в своей учётной системе (например, 1С).&lt;/p&gt;
  &lt;p id=&quot;4tac&quot;&gt;Жалоб на FBS в целом набралось много — на процессы приёмки товаров, передачи остатков, на очереди на складах. Но и удачные находки мы записали — например, подсказывать поставщикам, до какого времени нужно передать заказ. Собрали скриншоты интерфейсных решений конкурентов.&lt;/p&gt;
  &lt;p id=&quot;Sg08&quot;&gt;Параллельно изучали справки и инструкции площадок, смотрели обзоры личных кабинетов продавца на YouTube — в общем всё, что можно было найти в интернете, чтобы лучше понять процесс и нюансы работы по FBS. Все собранные данные после интервью и кабинетного исследования объединили в единой карте а-ля CJM (Customer Journey Map) в Miro:&lt;/p&gt;
  &lt;figure id=&quot;zL4M&quot; class=&quot;m_custom&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/ba/59/ba59b237-061b-481c-9189-3b9157a9316f.png&quot; width=&quot;1456&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;cR8y&quot;&gt;Казалось бы, мы работали над интерфейсом. Но подглядывание за конкурентами позволило нам не только понять ожидания продавцов к этой части, но и помогло создать требования к логистике и внутренним процессам Детского мира по обработке заказов. Например, мы постарались спроектировать складские процессы так, чтобы они были единообразны и легко масштабировались при подключении новых подрядчиков по логистике. Отдельное внимание уделили инструкциям в базе знаний для продавцов, чтобы сделать их максимально полными и понятными.&lt;/p&gt;
  &lt;h2 id=&quot;j7va&quot;&gt;Проверка гипотезы, или первые ошибки&lt;/h2&gt;
  &lt;p id=&quot;s8Wo&quot;&gt;Итак, разведка показала, какая информация должна быть на экране у поставщика, чтобы быстро сориентироваться в поступившем заказе. Первым делом мы разбили работу продавца на этапы:&lt;/p&gt;
  &lt;ol id=&quot;9RQT&quot;&gt;
    &lt;li id=&quot;QhNR&quot;&gt;Создаёт склад: указывает время работы и срок, за который он обязуется привозить заказы на склад Детского мира. Этот шаг необходим, чтобы вообще начать работать по FBS.&lt;/li&gt;
    &lt;li id=&quot;ilzk&quot;&gt;Указывает, какие товары и в каком количестве хранятся на этом складе. С этого момента товары отображаются на сайте и в приложении Детского мира.&lt;/li&gt;
    &lt;li id=&quot;BxQi&quot;&gt;Получает заказ, как только покупатель делает его на сайте или в приложении.&lt;/li&gt;
    &lt;li id=&quot;Bc2p&quot;&gt;Складывает товары в упаковки, наклеивает на них специальные этикетки и оформляет документы.&lt;/li&gt;
    &lt;li id=&quot;og7F&quot;&gt;Отправляет заказ на склад Детского мира.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;p id=&quot;wKLD&quot;&gt;Склад мы решили отображать в виде карточки с основной информацией о нём и возможностью быстро приостановить его работу:&lt;/p&gt;
  &lt;figure id=&quot;Yj95&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/76/07/76071d81-7997-4986-ba88-4b0d83c78341.png&quot; width=&quot;1728&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;1OH8&quot;&gt;Обновление остатков товаров мы сделали так же, как в схеме FBO: можно загрузить эксель с товарами, можно вручную указать количество для каждого товара отдельно, а можно — обновить через API. На этом этапе никаких проблем не возникало — к подобному процессу продавцы привыкли на других площадках.&lt;/p&gt;
  &lt;p id=&quot;lalG&quot;&gt;Но сложности начались со списком заказанных товаров. Мы видели его как «Входящие»: продавец знакомится с новыми заявками и берёт какие-то из них в работу, нажимая кнопку «Собрать в поставку», а уже на следующем экране распределяет товары по упаковкам и указывает, сможет ли он привезти нужное количество товара или нет. Мы перепробовали несколько вариантов отображения заказов в списке:&lt;/p&gt;
  &lt;figure id=&quot;4wb0&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/d8/e1/d8e18fc8-bb51-4aca-b135-982eb08811de.png&quot; width=&quot;1680&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;xx2P&quot;&gt;И предложили такой вариант:&lt;/p&gt;
  &lt;figure id=&quot;rF9k&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/15/01/150175b1-33ef-426b-853e-092d373c714b.png&quot; width=&quot;1728&quot; /&gt;
  &lt;/figure&gt;
  &lt;section style=&quot;background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;figure id=&quot;hHNz&quot; class=&quot;m_original&quot;&gt;
      &lt;img src=&quot;https://img4.teletype.in/files/fc/17/fc17f2f1-2360-4a57-afcc-3e0089bbb92d.png&quot; width=&quot;4000&quot; /&gt;
    &lt;/figure&gt;
    &lt;p id=&quot;wbYR&quot;&gt;«Нам хотелось добавить на один экран как будто бы всё нужное: даже время с момента заказа, даже штрихкод, и в итоге мы перемудрили с интерфейсом. Тестирование на тех самых восьми поставщиках показало: список заказов оказался слишком шумным и неудобным для быстрого считывания»&lt;/p&gt;
  &lt;/section&gt;
  &lt;p id=&quot;QPii&quot;&gt;Но сущий дьявол оказался в других деталях — на шаге работы с поставками. Когда уже нужно указать данные водителя, заполнить все необходимые документы, согласовать время, к которому машина должна приехать на склад Детского мира. Мы хотели сделать этот процесс таким же, как в схеме FBO, чтобы у продавцов, которые уже работают с нами, не было необходимости привыкать к новому интерфейсу. Поэтому предположили, что именно здесь же продавцу будет удобно распределять товары по упаковкам, а также проверять наличие товара и изменять его количество, если необходимо:&lt;/p&gt;
  &lt;figure id=&quot;FVSq&quot; class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://img1.teletype.in/files/c3/08/c3082f3a-940f-486e-80f8-930ed03b5e85.png&quot; width=&quot;3456&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;5R25&quot;&gt;Этот прототип мы отдали на юзабилити-тестирование и там нас ждали сюрпризы:&lt;/p&gt;
  &lt;ul id=&quot;3wL8&quot;&gt;
    &lt;li id=&quot;pxSF&quot;&gt;Экран заказов воспринимался как шаг для сборки и подтверждения, но он не давал соответствующих возможностей. На кнопку «Собрать в поставку» продавцы нажимать опасались — казалось, что дальше никаких корректировок внести будет нельзя;&lt;/li&gt;
    &lt;li id=&quot;JAkG&quot;&gt;Принцип работы интерфейса распределения товаров по упаковкам был не очевиден. Продавцам требовалось время, чтобы разобраться;&lt;/li&gt;
    &lt;li id=&quot;4Wy7&quot;&gt;Не было понятно, какие товары нужно упаковывать в одну коробку.&lt;/li&gt;
  &lt;/ul&gt;
  &lt;h2 id=&quot;lvsR&quot;&gt;Когда меньше значит больше&lt;/h2&gt;
  &lt;p id=&quot;2uLN&quot;&gt;Стало ясно, что задуманный путь работает плохо, поэтому мы снова вернулись к дизайну. На этот раз решили пожертвовать схожестью с интерфейсом старой схемы в пользу бо́льшей логичности. После исправлений список заказов стал выглядеть так:&lt;/p&gt;
  &lt;figure id=&quot;6xgZ&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img4.teletype.in/files/f5/f0/f5f0efb6-42f4-40a2-b7b2-50129471d465.png&quot; width=&quot;1728&quot; /&gt;
  &lt;/figure&gt;
  &lt;ol id=&quot;6MyA&quot;&gt;
    &lt;li id=&quot;kYtD&quot;&gt;Мы убрали необязательную информацию и реорганизовали обязательную так, чтобы список стал легче для чтения. Перед глазами у продавца стало меньше строк — а значит, чётче фокус.&lt;/li&gt;
    &lt;li id=&quot;gb5M&quot;&gt;Продавцы теперь могли менять количество товаров или удалять их из заказа в этом же списке. Так ушёл страх, что ещё до момента, когда заказ подтверждён поставщиком, он случайно сформирует поставку.&lt;/li&gt;
    &lt;li id=&quot;LiFR&quot;&gt;Вынесли номер этикетки в этот же список, чтобы продавцы смогли собирать товары по коробкам прямо по нему же.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;p id=&quot;EpMg&quot;&gt;Распределение товаров по упаковкам вынесли на этот же этап и сделали нагляднее:&lt;/p&gt;
  &lt;figure id=&quot;CC8y&quot; class=&quot;m_retina&quot;&gt;
    &lt;img src=&quot;https://img2.teletype.in/files/d1/e2/d1e266f9-cd2a-44ea-9090-ade441353db4.png&quot; width=&quot;1728&quot; /&gt;
  &lt;/figure&gt;
  &lt;p id=&quot;oE6K&quot;&gt;Этот интерфейс тоже изменился:&lt;/p&gt;
  &lt;ol id=&quot;O3l9&quot;&gt;
    &lt;li id=&quot;kK6g&quot;&gt;Теперь товары визуально распределены по коробкам — так легче понимать какой товар в какой коробке находится.&lt;/li&gt;
    &lt;li id=&quot;vAtS&quot;&gt;Стало проще перекладывать товары из коробки в коробку: перетаскиванием или с помощью счётчика, а не просто вводя число вручную.&lt;/li&gt;
    &lt;li id=&quot;GEAY&quot;&gt;Стала видна информация о всех товарах в одной коробке.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;h2 id=&quot;OMaX&quot;&gt;Лучшее, конечно, впереди&lt;/h2&gt;
  &lt;p id=&quot;xa1q&quot;&gt;FBS ещё в процессе запуска, а потому и для нас это только начало понимания, правильно ли мы всё внедрили и точно ли ничего не «сломали». Впереди ещё больше работы с фидбеком от поставщиков: продолжим приглашать их на интервью, а также будем собирать мнения прямо в интерфейсе с помощью инструмента UX Feedback. Но первые выводы мы точно учтём уже сейчас при доработке схемы FBS. Где главный из них — это даже если над вами давлеет задача «ничего не сломать», важно не бояться нового. Желая оставить максимально знакомый пользователю интерфейс, мы на самом деле осложнили ему жизнь. Несмотря на то, что старые маршруты привычны для пользователей, а разработчикам не нужно тратить время на разработку новых, в нашем случае оказалось выгоднее выделить дополнительные ресурсы и разработать новое решение.&lt;/p&gt;
  &lt;p id=&quot;T34C&quot;&gt;А ещё – сколько бы «проектов мечты» ни случилось в вашей жизни, важно не забывать о главной задаче пользователя. Избито? А мы увлеклись. В поисках интерфейсных и визуальных решений в дизайне внезапно пришли к такому варианту списка заказов, который, кажется, полностью игнорировал основную проблему пользователя – быстро сориентироваться в поступившей информации и сформировать отгрузку. Но теперь-то, надеемся, точно каждая шапочка и шарфик найдёт своего покупателя.&lt;/p&gt;
  &lt;p id=&quot;aPRN&quot;&gt;&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3 id=&quot;V17L&quot;&gt;Авторы статьи&lt;/h3&gt;
  &lt;ul id=&quot;EdSD&quot;&gt;
    &lt;li id=&quot;TZaE&quot;&gt;project-менеджер Ирина Масликова&lt;/li&gt;
    &lt;li id=&quot;g5Q1&quot;&gt;UХ-исследователь Ольга Яблонская&lt;/li&gt;
    &lt;li id=&quot;bfMf&quot;&gt;ведущий дизайнер Виталий Ровный&lt;/li&gt;
    &lt;li id=&quot;vzGZ&quot;&gt;редактор Надежда Кияткина&lt;/li&gt;
    &lt;li id=&quot;KPxD&quot;&gt;иллюстратор Катерина Иванова&lt;/li&gt;
  &lt;/ul&gt;

</content></entry></feed>