{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Московский: Дизайн & Тимлид",
    "_rss_description": "Продуктовый дизайнер ведет блог про работу",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/blogdm.ru\/",
    "feed_url": "https:\/\/blogdm.ru\/rss\/",
    "icon": "https:\/\/blogdm.ru\/pictures\/userpic\/userpic@2x.jpg?1760290258",
    "authors": [
        {
            "name": "Дмитрий Московский",
            "url": "https:\/\/blogdm.ru\/",
            "avatar": "https:\/\/blogdm.ru\/pictures\/userpic\/userpic@2x.jpg?1760290258"
        }
    ],
    "items": [
        {
            "id": "87",
            "url": "https:\/\/blogdm.ru\/all\/matrica-soglasovaniy\/",
            "title": "Матрица согласований",
            "content_html": "<p>У дизайнера найдется десяток людей, которые <b>«пытаются помочь»<\/b> ему делать свою работу. И это одна из первых ловушек, в которую попадает начинающий тимлид.<\/p>\n<p>Типовая ситуация: дизайнер приносит макет, вокруг собираются разработчики, менеджеры, подруга жены босса — и каждый начинает накидывать. Дизайнер погружает новых людей в задачу и доказывает, что сценарий решается интерфейсом. Бонусом идут редкие сценарии, которые «нужно обязательно учесть».<\/p>\n<p>После этого интерфейс превращается в компромисс, пытающийся учесть всё и сразу.<\/p>\n<p>Оговорюсь — я <b>не против фидбека от команды<\/b>, но он должен быть в формате рекомендаций, а финальное решение остаётся за дизайнером.<\/p>\n<p>У нас тоже были часовые общие синки: куча мнений, бесконечные согласования. Силы уходят не на продукт, а на <b>отстаивание решений<\/b>.<\/p>\n<p>Нашёл для себя триггер: если команде не хочется идти на эту встречу, потому что «сейчас накидают на вентилятор» — это сигнал, что проблема есть.<\/p>\n<h2><b>Выход — составить матрицу согласований<\/b><\/h2>\n<p>Самое простое и при этом рабочее решение — выписать списком всех, кто влияет на дизайн: убрать лишних и чётко зафиксировать роли остальных. Нужно обсудить с каждым его роль и участие в процессе и в дальнейшем проследить, чтобы они выполняли договорённости.<\/p>\n<p>В идеале ответственными должны быть два человека: <b>продакт<\/b>, который ставит задачу и принимает решение, и <b>дизайнер<\/b>, который решает эту задачу, создавая решение. Остальные могут просто быть в курсе и давать рекомендации.<\/p>\n<h2><b>Как построить матрицу<\/b><\/h2>\n<p>Удобнее всего вести её в виде таблицы.<\/p>\n<p>В ней фиксируются:<\/p>\n<p>— Роль \/ должность;<br \/>\n— Заинтересованность — насколько человеку важна ваша работа и её результат (низкая, средняя или высокая);<br \/>\n— Мотивация — что человек получает от участия. Она может быть честная (результат), а может быть человеческая (самоутверждение, влияние);<br \/>\n— Насколько может повлиять? — от 1 до 5, где 1 — влияние минимально, а 5 — последнее слово;<br \/>\n— Текущий уровень доверия — низкий, нейтральный, средний, высокий. Есть ли напряжение в общении и затягивание согласования, или это «свой» человек;<br \/>\n— Заметки и риски — что важно помнить;<br \/>\n— Нужный уровень вовлечения по <b>RACI<\/b> — подробнее ниже.<\/p>\n<h2><b>Где тут наука<\/b><\/h2>\n<p>Если хотите копнуть глубже, то в проектном менеджменте есть множество крутых моделей — я лишь адаптировал их под себя.<\/p>\n<p><b>RACI-матрица<\/b> помогает разделить роли:<br \/>\nResponsible — кто делает;<br \/>\nAccountable — кто принимает финальное решение;<br \/>\nConsulted — с кем консультируемся;<br \/>\nInformed — кого информируем.<\/p>\n<p><b>Power—Interest Grid<\/b> показывает, кого вовлекать глубже, а кого просто держать в курсе.<br \/>\n<b>Salience Model<\/b> учитывает влияние, легитимность и срочность требований.<\/p>\n<p>По сути, <b>матрица согласований<\/b> — это локальная адаптация этих моделей под продуктовый дизайн. Возможно, вы учтёте другие пункты и адаптируете под себя.<\/p>\n<h2><b>Алгоритм по сборке<\/b><\/h2>\n<ol start=\"1\">\n<li>Выпишите всех, кто комментирует \/ блокирует \/ одобряет дизайн (продакт, тимлид фронта, бэкенд, аналитик, редактор, исследователь, саппорт-лид, маркетинг и т. д.). Посмотрите орг-схему или историю согласований.<\/li>\n<li>Расставьте оценки по критериям: заинтересованность, мотивация, влияние и т. п. В файле в Фигме есть подсказки, чтобы делать это проще.<\/li>\n<li>По итогам оценок определите роль каждого участника по RACI.  <br \/>\nСократите круг влияющих: оставьте ключевых <b>A<\/b>, остальным — <b>C<\/b> или <b>I<\/b>.<\/li>\n<\/ol>\n<p>Для каждого участника нужен свой подход:<\/p>\n<p><b>R<\/b> — отвечает за выполнение (обычно дизайнер или тимлид).<br \/>\n<b>A<\/b> — участвует в согласовании с самого начала, ранние черновики, мини-синки, финальный апрув.<br \/>\n<b>C<\/b> — короткое информирование, ранний показ черновиков (например, для оценки реализуемости).<br \/>\n<b>I<\/b> — короткое информирование, регулярные демо.<\/p>\n<p><a href=\"https:\/\/www.figma.com\/board\/hj4fCTnYFq4knSubxEt5WW\/%25D0%259C%25D0%25B0%25D1%2582%25D1%2580%25D0%25B8%25D1%2586%25D0%25B0-%25D1%2581%25D0%25BE%25D0%25B3%25D0%25BB%25D0%25B0%25D1%2581%25D0%25BE%25D0%25B2%25D0%25B0%25D0%25BD%25D0%25B8%25D0%25B8%25CC%2586?node-id=40000001-76&t=Q1Pbj06zueELfzr1-1\">Шаблон матрицы<\/a><\/p>\n<h2><b>Что это даёт?<\/b><\/h2>\n<p>Матрица согласований экономит время на синках и помогает понять, насколько сильна связка <b>дизайнер + продакт<\/b>.<br \/>\nЕсли человек имеет сильное влияние и при этом низкий уровень доверия — это сигнал, что нужно работать над коммуникацией.<\/p>\n<p>Матрица также повышает эффективность: решения перестают «обстукивать» обо всех. Ответственность становится конкретной, а не размытой по всей команде.<\/p>\n<h2><b>Короч<\/b><\/h2>\n<p>Создайте <b>матрицу согласований<\/b> и сократите список согласующих, если слишком много людей «смотрят дизайн» и советуют. Мнений много — всё не учесть. Поймите, кто <b>реально<\/b> отвечает за результат вашей работы.<\/p>\n<h2><b>Полезные ссылки<\/b><\/h2>\n<ol start=\"4\">\n<li>RACI-матрица:<br \/>\n<a href=\"https:\/\/www.atlassian.com\/ru\/work-management\/project-management\/raci-chart#:~:text=Что%20такое%20матрица%20RACI%3F,обязанности%20каждого%20участника%20проекта\">Atlassian про RACI<\/a><\/li>\n<\/ol>\n<ol start=\"5\">\n<li>Power—Interest Grid:<br \/>\n<a href=\"http:\/\/www.projectmanagement.com\/wikis\/368897\/stakeholder-analysis--using-the-power-interest-grid\">http:\/\/www.projectmanagement.com\/wikis\/368897\/stakeholder-analysis--using-the-power-interest-grid<\/a><\/li>\n<\/ol>\n<ol start=\"6\">\n<li>Salience Model:<br \/>\n<a href=\"https:\/\/projectmanagers.net\/understanding-the-stakeholder-salience-model\/\">https:\/\/projectmanagers.net\/understanding-the-stakeholder-salience-model\/<\/a><\/li>\n<\/ol>\n",
            "date_published": "2025-11-14T10:51:51+01:00",
            "date_modified": "2025-11-14T10:55:58+01:00",
            "tags": [],
            "_date_published_rfc2822": "Fri, 14 Nov 2025 10:51:51 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "87",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "86",
            "url": "https:\/\/blogdm.ru\/all\/intervyu-s-pobeditelem-dizayn-konkursa-telegram-karyera-v-dizayn\/",
            "title": "Интервью с победителем дизайн-конкурса Telegram: карьера в дизайне, профессиональный рост и путешествия",
            "content_html": "<p>Поговорил с Кирилл Сидорец — победителем дизайн-конкурса Telegram про его карьеру, как он интересно и не стандартно начинал, где путешествовал и как работалось в МТС и VK, а теперь в The Open Platform<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/SdCHKhyMPFM?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2024-06-22T22:11:47+01:00",
            "date_modified": "2024-06-22T22:11:42+01:00",
            "tags": [
                "видео"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-SdCHKhyMPFM-cover.jpg",
            "_date_published_rfc2822": "Sat, 22 Jun 2024 22:11:47 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "86",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-SdCHKhyMPFM-cover.jpg"
                ]
            }
        },
        {
            "id": "84",
            "url": "https:\/\/blogdm.ru\/all\/podborka-video-pro-prezentacii\/",
            "title": "Подборка видео про презентации",
            "content_html": "<p>Всем привет! Для презентации своих идей я использую Фигму. Это видео будет всем, кому нужно сделать презентацию.<\/p>\n<p>В ходе урока мы сделаем 4 базовых слайда. Вы можете посмотреть по ссылке шаблон презентации и взять то, что вы хотите использовать. <a href=\"https:\/\/www.figma.com\/community\/file\/1290426330962568110\/presentation-template\">https:\/\/www.figma.com\/community\/file\/1290426330962568110\/presentation-template<\/a><\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/xFRX3z-Bagw?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>В следующем видео покажу как сделать эффектные переходы между слайдами, чтобы ваша презентация выглядела профессионально и привлекала внимание! ?<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/fYW-28oTEzk?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2023-11-12T19:10:45+01:00",
            "date_modified": "2023-11-12T19:10:39+01:00",
            "tags": [
                "видео"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-xFRX3z-Bagw-cover.jpg",
            "_date_published_rfc2822": "Sun, 12 Nov 2023 19:10:45 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "84",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-xFRX3z-Bagw-cover.jpg",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-fYW-28oTEzk-cover.jpg"
                ]
            }
        },
        {
            "id": "83",
            "url": "https:\/\/blogdm.ru\/all\/veb-inspektor-dlya-dizaynerov-kak-bystro-sdelat-dizayn-v-kode\/",
            "title": "Веб-инспектор для дизайнеров. Как быстро сделать дизайн в коде",
            "content_html": "<p>Приветствую всех, записал видео про веб инспектор: он позволяет ускорить и упростить работу дизайнера. Представьте, что вы работаете над своим проектом, и вам нужно быстро изменить цвет фона, проверить, как будут выглядеть изменения в режиме реального времени и сразу же получить результат.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/iHw9SuSFd1o?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2023-09-02T11:01:42+01:00",
            "date_modified": "2023-09-02T11:01:37+01:00",
            "tags": [
                "видео"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-iHw9SuSFd1o-cover.jpg",
            "_date_published_rfc2822": "Sat, 02 Sep 2023 11:01:42 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "83",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-iHw9SuSFd1o-cover.jpg"
                ]
            }
        },
        {
            "id": "82",
            "url": "https:\/\/blogdm.ru\/all\/8-chastyh-oshibok-dizaynerov-v-testovom-zadanii\/",
            "title": "8 частых ошибок дизайнеров в тестовом задании",
            "content_html": "<p>Привет, рассказал какие видел самые частые ошибки продуктовых дизайнеров в тестовых работах. Если вы дизайнер, делаете тестовое задание и задаетесь вопросом «как сделать тестовое задание?», то вам будет полезно узнать на что я обратил внимание, проверив много дизайнерских тестовых заданий.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/A-PmdfQUR9c?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2022-01-27T10:38:19+01:00",
            "date_modified": "2022-01-27T10:38:13+01:00",
            "tags": [
                "видео"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-A-PmdfQUR9c-cover.jpg",
            "_date_published_rfc2822": "Thu, 27 Jan 2022 10:38:19 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "82",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-A-PmdfQUR9c-cover.jpg"
                ]
            }
        },
        {
            "id": "81",
            "url": "https:\/\/blogdm.ru\/all\/kopirovat-i-vstavit-obnovlenie-figma-bystry-razbor-novyh-vozmozh\/",
            "title": "Копировать и вставить — обновление Figma. Быстрый разбор новых возможностей",
            "content_html": "<p>В этом видео я собрал самые важные изменение Фигмы при обновлении функции copy\/paste: позиционирование вставляемого элемента, мульти-вставка, paste here, вставка с заменой, вставка в зону видимости. Во второй части рассказываю как копировать стили в figma, как скопировать «as PNG» и как SVG.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/lsvsKlGPYyY?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2021-10-10T20:01:57+01:00",
            "date_modified": "2021-10-10T20:01:47+01:00",
            "tags": [
                "figma",
                "видео",
                "урок"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-lsvsKlGPYyY-cover.jpg",
            "_date_published_rfc2822": "Sun, 10 Oct 2021 20:01:57 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "81",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-lsvsKlGPYyY-cover.jpg"
                ]
            }
        },
        {
            "id": "80",
            "url": "https:\/\/blogdm.ru\/all\/goryachie-klavishi-v-figme-kotorye-ya-ispolzuyu-kak-zapomnit-i-k\/",
            "title": "Горячие клавиши в Фигме, которые я использую: как запомнить и как работать быстро (Figma Hotkeys)",
            "content_html": "<p>В этом видео собрал 9 групп горячих клавиш, которые использую в своей работе. Чтобы быстро рисовать дизайн, нужно их запомнить и начать применять. Всем добра, пишите вопросы, пожелания к новым видео!<\/p>\n<p><a href=\"https:\/\/www.figma.com\/file\/Jq9D2ivwd9IEhzaomQhygR\/%D0%B3%D0%BE%D1%80%D1%8F%D1%87%D0%B8%D0%B5-%D0%BA%D0%BB%D0%B0%D0%B2%D0%B8%D1%88%D0%B8?node-id=3%3A203\">Исходник с презентацией<\/a><\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/gUo8a1qvJ50?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2021-07-21T21:30:12+01:00",
            "date_modified": "2021-07-21T21:30:06+01:00",
            "tags": [
                "figma",
                "видео"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-gUo8a1qvJ50-cover.jpg",
            "_date_published_rfc2822": "Wed, 21 Jul 2021 21:30:12 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "80",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-gUo8a1qvJ50-cover.jpg"
                ]
            }
        },
        {
            "id": "79",
            "url": "https:\/\/blogdm.ru\/all\/figma-interaktivnye-komponenty-beta\/",
            "title": "Figma: Интерактивные компоненты (бета)",
            "content_html": "<p>Записал видео про интерактивные компоненты в фигме. Показываю что можно с ними сделать на своих кейсах. Мне кажется, это обновление поднимает уровень дизайнера на новую ступень. Я уже не говорю про открывающие возможности к тестированию проекта.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/n782Wqvysxs?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2021-03-27T21:45:25+01:00",
            "date_modified": "2021-03-27T21:45:15+01:00",
            "tags": [
                "figma",
                "видео"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-n782Wqvysxs-cover.jpg",
            "_date_published_rfc2822": "Sat, 27 Mar 2021 21:45:25 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "79",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-n782Wqvysxs-cover.jpg"
                ]
            }
        },
        {
            "id": "77",
            "url": "https:\/\/blogdm.ru\/all\/nenuzhnye-funkcii\/",
            "title": "Ненужные функции",
            "content_html": "<p>В админке CRM wordpress есть выбор первого дня недели.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2021-01-05--13.07.48.png\" width=\"1674\" height=\"406\" alt=\"\" \/>\n<\/div>\n<p>Первый день недели может быть либо воскресение, либо понедельник, других вариантов я не знаю. Но в вордпрессе решили дать все дни на выбор. Представляю разговор разработчиков:<br \/>\n— А зачем нам ограничивать пользователя, вдруг кто-то захочет начинать неделю со среды. Давайте дадим эту возможность! Тем более это нам ничего не стоит, а пользователи оценят!<\/p>\n<p>Так вот, большинство пользователей работают с настройками по умолчанию. С какого дня начинать неделю машина должна определять сама, в зависимости от региона использования. Чем больше интерфейс перекладывает на пользователя, тем менее он кажется понятным и удобным. Не делайте так.<\/p>\n",
            "date_published": "2021-01-05T11:15:17+01:00",
            "date_modified": "2021-01-05T11:15:06+01:00",
            "tags": [
                "заметки"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/--2021-01-05--13.07.48.png",
            "_date_published_rfc2822": "Tue, 05 Jan 2021 11:15:17 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "77",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/--2021-01-05--13.07.48.png"
                ]
            }
        },
        {
            "id": "76",
            "url": "https:\/\/blogdm.ru\/all\/vystupleniya-v-finale-na-hakatone-ot-vkontakte\/",
            "title": "Выступления в финале на хакатоне от вконтакте",
            "content_html": "<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/aCV6HzI90N0?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Участвовал в двухнедельном хакатоне от вконтакте. Наша команда заняла 6 место из 600+ команд. Для финала за сутки нужно было продумать и презентовать случайную и смешную тему. У нас было приложение с дополненной реальностью для занятий спортом диснеевских принцесс. Было весело делать и выступать.<\/p>\n<p>Из полезного: можно посмотреть или скопировать <a href=\"https:\/\/www.figma.com\/file\/8DNBSOnIeBhuXYnLWA8AHb\/%D0%9F%D1%80%D0%B5%D0%B7%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D0%B8%D1%8F-%D1%85%D0%B0%D0%BA%D0%B0%D1%82%D0%BE%D0%BD-%D0%B2%D0%B5%D0%B7%D0%B4%D0%B5%D0%BA%D0%BE%D0%B4?node-id=97%3A13\">презентацию в фигме<\/a> (для просмотра нажмите плей)<\/p>\n",
            "date_published": "2020-09-29T20:46:07+01:00",
            "date_modified": "2020-09-29T20:45:53+01:00",
            "tags": [
                "видео",
                "презентации",
                "фигма"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-aCV6HzI90N0-cover.jpg",
            "_date_published_rfc2822": "Tue, 29 Sep 2020 20:46:07 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "76",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-aCV6HzI90N0-cover.jpg"
                ]
            }
        },
        {
            "id": "75",
            "url": "https:\/\/blogdm.ru\/all\/figma-rabota-s-komponentami-na-realnom-primere\/",
            "title": "Figma: работа с компонентами на реальном примере",
            "content_html": "<p>В новом видео показываю на примере как удобно можно работать через компоненты<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/KbzfBv7WVB0?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Вопросы пишите на ютубе<\/div>\n<\/div>\n",
            "date_published": "2020-08-30T19:53:56+01:00",
            "date_modified": "2020-08-30T19:53:36+01:00",
            "tags": [
                "figma",
                "видео",
                "компоненты фигм",
                "обучение",
                "скринакас",
                "фигма"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-KbzfBv7WVB0-cover.jpg",
            "_date_published_rfc2822": "Sun, 30 Aug 2020 19:53:56 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "75",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-KbzfBv7WVB0-cover.jpg"
                ]
            }
        },
        {
            "id": "59",
            "url": "https:\/\/blogdm.ru\/all\/dizayn-mobilnyh-prilozheniy-letniy-intensiv-v-britanke\/",
            "title": "Дизайн мобильных приложений. Летний интенсив в Британке",
            "content_html": "<p>После обучения в Бюро Горбунова я хотел попасть на обучение в Британку. Это случилось на летнем интенсиве 2019. Расскажу про свой опыт и проект, который мы там делали.<\/p>\n<p>Всех учащихся разделили на команды по 4 человека. После первого дня лекций от разных спикеров, рассказали про задачу. Нам достался проект от Яндекс Почты: нужно было улучшить боковое меню.<\/p>\n<p>В ходе обучение было весело, было сложно и было сжато. На что уходит месяц, нужно было сделать за 4 дня и применять новые знания, которые параллельно нам рассказывались.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"800\" data-ratio=\"1.3333333333333\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1644.jpg\" width=\"800\" height=\"600\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1594-1.jpg\" width=\"600\" height=\"800\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1603-1.jpg\" width=\"600\" height=\"800\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1613-1.jpg\" width=\"600\" height=\"800\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1661.jpg\" width=\"800\" height=\"600\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1591.jpg\" width=\"800\" height=\"600\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1597.jpg\" width=\"800\" height=\"600\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1621.jpg\" width=\"800\" height=\"600\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1626.jpg\" width=\"800\" height=\"600\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1631.jpg\" width=\"800\" height=\"600\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_1634.jpg\" width=\"800\" height=\"600\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">На лекциях было много информации от разных спикеров.<\/div>\n<\/div>\n<p>У каждой команды был наставник, который включался в задачу и помогал. Завершением интенсива — выступление на большую аудиторию. Помимо строгих судьей, нас оценивали все желающие, которые пришли на открытую защиту. Часть из пришедших ищет дизайнеров к себе в компанию.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"800\" data-ratio=\"0.74976569821931\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_69145.jpg\" width=\"800\" height=\"1067\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_69148.jpg\" width=\"800\" height=\"1067\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/photo_2019-08-16-13.11.00.jpeg\" width=\"1280\" height=\"959\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_69153.jpg\" width=\"800\" height=\"1067\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Наша презентация не обошлась без юмора<\/div>\n<\/div>\n<h2>Наш концепт Яндекс Почты<\/h2>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/xMGKuWS0WlE?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/YaMail_Facebook_Post_2.png.jpg\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Один из слайдов из презентации<\/div>\n<\/div>\n<p>Мое мнение: на интенсив я пошел уже имея за плечами почти год работы в Яндексе. Там еще раз прошелся по знакомым темам и структурировал знания. Узнал, что-то новое, но многое уже знал. Плюс прокачал навык презентации. Новичкам советую.  <a href=\"https:\/\/britishdesign.ru\/courses\/d\/intensives\/\">Ссылка на интенсивы<\/a><\/p>\n",
            "date_published": "2020-06-21T14:33:25+01:00",
            "date_modified": "2020-06-21T14:37:45+01:00",
            "tags": [
                "дизайн",
                "образование",
                "обучение",
                "проекты"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/IMG_1638.jpg",
            "_date_published_rfc2822": "Sun, 21 Jun 2020 14:33:25 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "59",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/IMG_1638.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1644.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1594-1.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1603-1.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1613-1.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1661.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1591.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1597.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1621.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1626.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1631.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_1634.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_69145.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_69148.jpg",
                    "https:\/\/blogdm.ru\/pictures\/photo_2019-08-16-13.11.00.jpeg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_69153.jpg",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-xMGKuWS0WlE-cover.jpg",
                    "https:\/\/blogdm.ru\/pictures\/YaMail_Facebook_Post_2.png.jpg"
                ]
            }
        },
        {
            "id": "65",
            "url": "https:\/\/blogdm.ru\/all\/kak-dizayneru-perestat-dumat-staticheski-i-dumat-dinamicheski\/",
            "title": "Как дизайнеру перестать думать статически",
            "content_html": "<p>Когда я начинал свой путь в дизайне, главное что меня беспокоило — как сделать финальную картинку. О том, как будет эта страница вести себя в цепочке остальных — я не задумывался. За полгода обучения в школе Горбунова, таких задач не возникало: мы проектировали не многостраничные сервисы, а что-то простое, одностраничное.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-11-16--16.46.10@2x.png\" width=\"712\" height=\"677\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Образно, как я думал над макетом<\/div>\n<\/div>\n<p>На стажировке в Яндексе столкнулся со сложными взаимодействиями, но делал по-старинке: рисовал картинку, смотрел на неё, смотрел на отступы, как будет удобно расположить кнопки, что еще можно подвигать.<\/p>\n<p>Потом, приносил этот макет на обсуждение команде опытных дизайнеров. Получал список замечаний в духе: а что будет если нажать на эту кнопку, а что будет если данных не будет или не загрузятся.  Как будет после нажатия на меню — для меня была загадка;<\/p>\n<p>Мой наставник по стажировке дал мне совет, в духе «<i>начни представлять как будет работать интерфейс, что будет в динамике<\/i>». Полностью прочувствовал этот совет совсем недавно :-)<\/p>\n<p>Теперь для меня интерфейс — это история, которая движется во времени. Я прокручиваю в голове идеальный путь пользователя, как покадровая анимация. Затем ищу затыки, редкие кейсы, которые могут произойти у пользователя.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-11-16--16.59.04@2x.png\" width=\"674\" height=\"679\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Проектируется не страница, а история<\/div>\n<\/div>\n<p>Для меня следующий этап, это продумывание анимации и микровзаимодействия, которая помогает связать экраны между собой и приносит удовольствие от использования. Буду рад советам, что почитать или посмотреть на эту тему?<\/p>\n<p><b>Выводы<\/b>: для проектирования интерфейсов представляйте как ваш интерфейс работает, как вы с ним взаимодействуете, прокрутите сценарий в голове от начала до конца. Все ли было окей? Где логика хромает? Если сложно представить, то поможет быстрый прототип в фигме, который можно дать «потыкать» кому-то ещё.<\/p>\n",
            "date_published": "2020-06-21T13:28:47+01:00",
            "date_modified": "2019-12-11T17:47:39+01:00",
            "tags": [
                "дизайн",
                "проектировани"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/--2019-11-16--16.46.10@2x.png",
            "_date_published_rfc2822": "Sun, 21 Jun 2020 13:28:47 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "65",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/--2019-11-16--16.46.10@2x.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-11-16--16.59.04@2x.png"
                ]
            }
        },
        {
            "id": "74",
            "url": "https:\/\/blogdm.ru\/all\/proekt-zdorovye\/",
            "title": "Проект Здоровье",
            "content_html": "<p>Год назад принимал участие в интеграции приложения Яндекс Здоровье в приложение <a href=\"https:\/\/mobile.yandex.ru\/apps\/iphone\/search\/\">Яндекс<\/a> . Задача заключалась в том, чтобы перевести функциональность приложения на новые компоненты и быстро запустить.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1680\" data-ratio=\"1.524500907441\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/3fe4a9fd3426df3c03203a3a15b799cb.png\" width=\"1680\" height=\"1102\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/f383fd078126aab7a27badaa587cea1f.png\" width=\"1680\" height=\"1102\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Посмотреть приложение можно внутри приложения Яндекс.<\/div>\n<\/div>\n",
            "date_published": "2020-06-08T08:51:26+01:00",
            "date_modified": "2020-06-08T08:51:49+01:00",
            "tags": [
                "проекты"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/3fe4a9fd3426df3c03203a3a15b799cb.png",
            "_date_published_rfc2822": "Mon, 08 Jun 2020 08:51:26 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "74",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/3fe4a9fd3426df3c03203a3a15b799cb.png",
                    "https:\/\/blogdm.ru\/pictures\/f383fd078126aab7a27badaa587cea1f.png"
                ]
            }
        },
        {
            "id": "73",
            "url": "https:\/\/blogdm.ru\/all\/ikonka-nastroek-v-figme\/",
            "title": "Иконка настроек в фигме",
            "content_html": "<p>Записал видео про то, как нарисовать иконку настроек в фигме<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/6yWdl1OAwLI?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2020-05-16T21:23:42+01:00",
            "date_modified": "2020-05-16T21:23:28+01:00",
            "tags": [
                "figma",
                "видео"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-6yWdl1OAwLI-cover.jpg",
            "_date_published_rfc2822": "Sat, 16 May 2020 21:23:42 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "73",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-6yWdl1OAwLI-cover.jpg"
                ]
            }
        },
        {
            "id": "72",
            "url": "https:\/\/blogdm.ru\/all\/ya-repetitor\/",
            "title": "Дизайн счетчика баллов в репетиторе",
            "content_html": "<p>Какое-то время назад я помогал сервису <a href=\"https:\/\/yandex.ru\/tutor\/\">Яндекс Репетитор<\/a> повысить вовлеченность учеников. Для этого команда предложила сделать счетчик баллов. В итоге появился блок с баллами, блок и раздел с достижениями ученика.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/__2019-11-04__12.15.30.gif\" width=\"2252\" height=\"1502\" alt=\"\" \/>\n<div class=\"e2-text-caption\">При выполнении задания счетчик растет, можно перейти в достижения и посмотреть свою статистику<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/__2019-11-04__12.16.11.gif\" width=\"2252\" height=\"1502\" alt=\"\" \/>\n<div class=\"e2-text-caption\">При наведении на каждый из предметов можно увидеть статистику по предмету: сколько баллов за сегодня и вклад за неделю<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/tutal@2x.gif\" width=\"365\" height=\"574\" alt=\"\" \/>\n<div class=\"e2-text-caption\">При достижении определенных значений — выдается награда с анимацией<\/div>\n<\/div>\n",
            "date_published": "2020-02-29T23:06:25+01:00",
            "date_modified": "2020-02-29T23:09:41+01:00",
            "tags": [
                "дизайн",
                "проекты"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/__2019-11-04__12.15.30.gif",
            "_date_published_rfc2822": "Sat, 29 Feb 2020 23:06:25 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "72",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/__2019-11-04__12.15.30.gif",
                    "https:\/\/blogdm.ru\/pictures\/__2019-11-04__12.16.11.gif",
                    "https:\/\/blogdm.ru\/pictures\/tutal@2x.gif"
                ]
            }
        },
        {
            "id": "56",
            "url": "https:\/\/blogdm.ru\/all\/voprosy-dlya-stranicy-pri-proektirovanii-dizayna\/",
            "title": "Вопросы для страницы при проектировании дизайна",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/Facebook-Cover---1.png\" width=\"820\" height=\"312\" alt=\"\" \/>\n<div class=\"e2-text-caption\">— Постоянно забываю нарисовать какую-то фигню для разработчиков, а они меня потом достают ?<br \/>\n— Держи чек-лист!<\/div>\n<\/div>\n<p>Перед сдачей дизайна сайта или приложения нужно пробежаться по списку. Я частенько не задумываюсь, все ли доделал. А потом разработчик отрывает от работы и просит доделать. Чтобы такого не было, внизу чек-лист:<\/p>\n<h2>Чек-лист для дизайнера перед сдачей макетов<\/h2>\n<ol start=\"1\">\n<li>Состояние выделения у всех элементов, на которые можно нажать: кнопок, ячеек таблицы, инпуты.<\/li>\n<li>Пустые экраны: когда пользователь первый раз зайдет, когда у него ничего не будет, когда он все удалит, если нет аватарки.<\/li>\n<li>Что будет показываться, когда у пользователя медленный интернет: скелетон, картинка мелким размером, которая при дозагрузке станет четкой.<\/li>\n<li>Проверить текст на реальных данных. Что будет если текст не влезет, что если будет на других языках.<\/li>\n<li>Состояния ошибок, уведомления о действиях, алерты, попапы, 404 ошибка и т. д.<\/li>\n<li>Ну и само собой, если нарисовали веб-версию, не забываем про тачи и про ширину 320 px.<br \/>\nПодробно об этом рассказывали в <a href=\"https:\/\/www.youtube.com\/watch?v=2O_CShWrJDk\">этом видео<\/a>.<\/li>\n<\/ol>\n<h2>Чек-лист для проверки решения<\/h2>\n<p>А еще я для себя составляю чек-лист для этапа проверки своего решения, у кого есть идеи пишите в комментарии<\/p>\n<ol start=\"0\">\n<li>Кто наши пользователи?<\/li>\n<li>Какой основной сценарий выполняет пользователь на этом экране?<\/li>\n<li>Как человек поймет, что это за интерфейс, будет ли обучение? Как разберется в нашем продукте?<\/li>\n<li>Что главное должен считывать пользователь на этом экране?<\/li>\n<li>Что не главное на этом экране?<\/li>\n<li>Что если пользователь не готов выполнить наше действие или хочет отказаться?<\/li>\n<li>Что если пользователя отвлекли? Он вспомнит что он делает на этом экране?<\/li>\n<li>Как этот экран помогает пользователю выполнить его основной сценарий?<\/li>\n<li>Какой будет не основной сценарий? А какой сценарий еще возможен?<\/li>\n<li>Если есть цвета — как они помогают пользователю решить его задачу?<\/li>\n<\/ol>\n",
            "date_published": "2020-01-23T09:07:20+01:00",
            "date_modified": "2020-01-23T13:10:24+01:00",
            "tags": [
                "дизайн",
                "обучение",
                "чек-лист"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/Facebook-Cover---1.png",
            "_date_published_rfc2822": "Thu, 23 Jan 2020 09:07:20 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "56",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/Facebook-Cover---1.png"
                ]
            }
        },
        {
            "id": "66",
            "url": "https:\/\/blogdm.ru\/all\/nuzhny-li-poloski-vnutri-tablicy\/",
            "title": "Нужны ли полоски внутри таблицы",
            "content_html": "<p>Решил разобраться как лучше сделать с полосками или нет.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2019-12-26@2x.png\" width=\"790\" height=\"422\" alt=\"\" \/>\n<\/div>\n<p>Сперва смотрю на сайте бюро: нашел статью про <a href=\"https:\/\/bureau.ru\/bb\/soviet\/20171114\/\">черезполосицу,<\/a> они предлагают её убирать. А вот мнение Ильи Бирмана <a href=\"https:\/\/bureau.ru\/bb\/soviet\/20120501\/\">насчет линий.<\/a> И у него же отличный пример таблицы без полосок:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/website-pre-4.jpg\" width=\"842\" height=\"1036\" alt=\"\" \/>\n<div class=\"e2-text-caption\"><a href=\"http:\/\/biathlontime.com\/2018-2019\/cup\/women\/nations\/\">http:\/\/biathlontime.com\/2018-2019\/cup\/women\/nations\/<\/a><\/div>\n<\/div>\n<p>Нужно взглянуть на примеры других сервисов:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1594\" data-ratio=\"0.93985849056604\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.13.14.png\" width=\"1594\" height=\"1696\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.21.34.png\" width=\"1594\" height=\"1696\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.22.17.png\" width=\"1594\" height=\"1696\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.20.25.png\" width=\"1594\" height=\"1696\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.13.37.png\" width=\"1594\" height=\"1696\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.12.35.png\" width=\"1594\" height=\"1696\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.13.00.png\" width=\"1594\" height=\"1696\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.33.14.png\" width=\"1594\" height=\"1696\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>В моем случае решил выбрать 1 вариант:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/Frame-51.png\" width=\"775\" height=\"622\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Пример с работы: между строчек есть или нет разделительной линии (шапку замазал, чтобы ни кто не догадался)<\/div>\n<\/div>\n<h3>Для себя нашел такие зависимости:<\/h3>\n<ol start=\"1\">\n<li>Если в таблице 2-3 значения цифр то можно обойтись и без полосок: смотрится вполне хорошо.<\/li>\n<li>Когда много цифр и они находятся на непредсказуемом расстоянии друг от друга, по всей длине экрана — то полоски лучше использовать.<\/li>\n<li>Черезполосицу просто так использовать не стоит, но в анализе финансовых показателей этот приём может обозначать рост и падение акций.<\/li>\n<li>Если делать полоски, то делать их незаметными, серенькими.<\/li>\n<\/ol>\n",
            "date_published": "2019-11-20T14:54:12+01:00",
            "date_modified": "2019-12-26T20:20:12+01:00",
            "tags": [
                "UX",
                "дизайн",
                "таблиц"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/--2019-12-26--22.13.59.png",
            "_date_published_rfc2822": "Wed, 20 Nov 2019 14:54:12 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "66",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/--2019-12-26--22.13.59.png",
                    "https:\/\/blogdm.ru\/pictures\/2019-12-26@2x.png",
                    "https:\/\/blogdm.ru\/pictures\/website-pre-4.jpg",
                    "https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.13.14.png",
                    "https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.21.34.png",
                    "https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.22.17.png",
                    "https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.20.25.png",
                    "https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.13.37.png",
                    "https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.12.35.png",
                    "https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.13.00.png",
                    "https:\/\/blogdm.ru\/pictures\/Screenshot-2019-11-20-at-13.33.14.png",
                    "https:\/\/blogdm.ru\/pictures\/Frame-51.png"
                ]
            }
        },
        {
            "id": "62",
            "url": "https:\/\/blogdm.ru\/all\/kak-ocenivat-ux-dizayn-bez-issledovaniy\/",
            "title": "Как оценивать UX дизайн бесплатно и без исследований",
            "content_html": "<p>Предположим у нас есть 2 варианта пути пользователя. Как определить, что один из них лучше другого? В моем примере ниже — это очевидно: чем меньше экранов, тем лучше.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/maket.jpg\" width=\"2560\" height=\"1280\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Два варианта сценария покупки<\/div>\n<\/div>\n<p>Но, что делать если количество экранов равно? Когда я столкнулся с такой задачей, то начал считать количество действий пользователя. Например, тут нужно: навести на кнопку «купить», нажать на кнопку, на другом экране прочитать заголовок, навести на кнопку добавить в корзину и т. д. Когда все действия расписаны, легко заметить, где нужно совершить меньше движений.<\/p>\n<h3>Метод GOMS<\/h3>\n<p>Более продвинутую методику я услышал от одного из спикеров на <a href=\"https:\/\/www.youtube.com\/channel\/UCnc8DJT8EMnQQX2U9g5P8-A\">Media & Design Conference.<\/a> Они так же считают количество действий пользователя, но еще переводят действия в секунды и оценивают финально сколько пользователь тратит времени на каждый экран. Самое интересное — расчеты времени пользователя.<\/p>\n<blockquote>\n<blockquote>\n<p><b>K = 0,28 c <\/b>— нажатие клавиши клавиатуры;<br \/>\n<b>B = 0,2 с<\/b> — клик мышью;<br \/>\n<b>P = 1,1 с<\/b> — среднее время нахождения любого объекта на сайте;<br \/>\n<b>H = 0,4 с<\/b> — перемещения руки с клавиатуры на мышь (или обратно);<br \/>\n<b>M = 1,35 с<\/b> — ментальная пауза (время на обдумывание следующего шага).<\/p>\n<\/blockquote>\n<\/blockquote>\n<p>Почему то запись этого доклада пропала, но я для себя наскриншотил самое важное:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"2548\" data-ratio=\"1.7793296089385\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.16.20.png\" width=\"2548\" height=\"1432\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.33.30.png\" width=\"2548\" height=\"1432\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.35.32.png\" width=\"2548\" height=\"1432\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.35.04.png\" width=\"2548\" height=\"1432\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.27.23.png\" width=\"2548\" height=\"1432\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.26.43.png\" width=\"2548\" height=\"1432\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.26.33.png\" width=\"2548\" height=\"1432\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.36.01.png\" width=\"2548\" height=\"1432\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>С помощью этого способа можно доказать удобство одного из вариантов, но этот метод имеет свои исключения: например огромную форму для заполнения лучше разбить на несколько экранов.<\/p>\n",
            "date_published": "2019-11-03T22:00:33+01:00",
            "date_modified": "2019-11-04T10:21:44+01:00",
            "tags": [
                "UX",
                "дизайн"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/maket.jpg",
            "_date_published_rfc2822": "Sun, 03 Nov 2019 22:00:33 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "62",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/maket.jpg",
                    "https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.16.20.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.33.30.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.35.32.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.35.04.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.27.23.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.26.43.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.26.33.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-10-29--13.36.01.png"
                ]
            }
        },
        {
            "id": "60",
            "url": "https:\/\/blogdm.ru\/all\/kak-provodit-ux-issledovaniya\/",
            "title": "Как проводить UX исследования",
            "content_html": "<p>Недавно я был на интенсиве в Британке. Необходимость проведения исследований над продуктом подчеркивал каждый лектор. И это правильно: наша модель мира, модель мира нашей команды может сильно отличаться от реальных пользователей. Материал интенсива и знания из опыта я попробую описать в этой статье.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/1-com.jpg\" width=\"2560\" height=\"1460\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Твой мир может сильно отличаться от мировоззрения других<\/div>\n<\/div>\n<h2>Необходимо замерять показатели эффективности.<\/h2>\n<p>Когда я открыл магазин матрасов, было мало конкурентов. Покупатели находили пару сайтов, выбирали и шли ко мне. Покупатели были, прибыль была → магазин рос. Но все изменилось через пару лет. Когда конкурентов стало много → клиенты стали реже приходить. Как понять где причина, что стало меньше покупателей? Я стал измерять показатели: сколько людей заходят на сайт, сколько времени они тратят, сколько из них звонят, приходят в магазин и создают заказ.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2-com.jpg\" width=\"2560\" height=\"860\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Воронка продаж в моем представлении<\/div>\n<\/div>\n<p>Горькая правда: <i>Даже 1 шаг, который людям придется сделать, чтобы воспользоваться вашим продуктом, может стоить вам бизнеса.<\/i><\/p>\n<blockquote>\n<p>Пример про такси: таксисты 90% времени простаивали. В то время как клиенты искали их на остановках, звонили по телефону диспетчеру. Диспетчер искала водителей по рации. Водители соревновались у кого лучше рация и реакция. Когда появилось приложение для водителей, водители видели где клиент, а клиентам не нужно звонить диспетчерам. Все в выигрыше!<\/p>\n<\/blockquote>\n<p>Так должен себя вести идеальный продукт: <i>Чтобы воспользоваться вашим продуктом, люди вообще ничего не должны «делать». Это ваш бизнес должен незаметно интегрироваться в человеческую жизнь.<\/i><\/p>\n<p>Чтобы найти то, что может незаметно встроиться в нашу жизнь нужно найти потребность пользователей. Для этого проводят исследования. А для проведения достоверных исследований нужен целый арсенал умений:<br \/>\n— Слушать<br \/>\n— Слышать<br \/>\n— Понимать реальную задачу<br \/>\n— Анализировать предпосылки, мотивы<br \/>\n— Правильно выстраивать беседу<br \/>\n— Читать эмоции человека<\/p>\n<p>С полученными результатами тоже нужно уметь работать. Например, нужно уметь абстрагироваться от своего мнения и искать главное, отсекая слабые решения. Это звучит просто, но на практике применять этот принцип начинающему дизайнеру очень сложно. Со мной была такая когнитивная ошибка: нарисовал интерфейс, который, по-моему мнению, идеально выполнял задачу. Чтобы его проверить, я подходил к людям и предлагал им выполнить задание. Положительные ответы от пользователей я приумножал, а когда пользователь не справлялся — про себя я отмечал, что он «просто не целевая аудитория».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/3-com.jpg\" width=\"2560\" height=\"1145\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Я часто искал подтверждение своего решения<\/div>\n<\/div>\n<h3>Исследования помогают:<\/h3>\n<p>— найти проблемы интерфейса;<br \/>\n— выявить и описать потребности пользователей;<br \/>\n— правильно сформулировать бизнес-требования;<br \/>\n— проверить эргономику решения.<\/p>\n<h2>Качественное или количественное исследование<\/h2>\n<p><b>Количественные<\/b> — проверка решения на большом количестве респондентов. Например, сравнить два варианта дизайна и выбрать лучший. В этом помогает <a href=\"https:\/\/toloka.yandex.ru\/promo?referralCode=UB3BU7LS\">Яндекс Толока<\/a>. Там много пользователей за копеечку сравнивают картинки. Для заказчиков — это возможность сравнить дизайн, опросить пользователей. Когда из 100 опрошенных, 70 выбирают вариант, который тебе казался хуже, это удивляет.<\/p>\n<p><b>Качественные<\/b> — это часто наблюдение и опрос пользователя о том, что он делает. Пользователи могут привирать, придумывать, советовать улучшения в интерфейсе. В этом исследовании много тонкостей, поэтому особо важно фильтровать информацию и правильно его проводить. Далее про качественные исследования:<\/p>\n<p>Виды качественных исследований:<br \/>\n— Интервью: узнаем боли и потребности<br \/>\n— Юзабилити-тестирование: замеряем удобство<br \/>\n— Карточная сортировка: говорим о структуре<br \/>\n— Наблюдение: изучаем контекст<br \/>\n— Опрос: узнаем мнение.<br \/>\n— Соц сети\/звонки\/поддержка: читаем обратную связь.<\/p>\n<h3>При проведении интервью следим, чтобы:<\/h3>\n<p>— у нас были открытые вопросы,<br \/>\n— мы молчим и слушаем, больше говорит респондент,<br \/>\n— не задаем вопросы с вариантами ответа,<br \/>\n— не поддакиваем пользователю, не говорим: «да нажимайте сюда...»<br \/>\n— не используем профессиональный лексикон,<br \/>\n— придерживаемся плана интервью, тратим не более 45 мин,<br \/>\n— исследовать опыт пользователя, без вопросов (а если бы... вы купили?),<\/p>\n<h2>Пользователи врут<\/h2>\n<p>И мы тоже. Дето в том, что наш мозг изменяет прошлое, мы помним информацию искаженно, забываем и редактируем эмоциональные события; добавляем пробелы информации из стереотипов, упрощаем события и числа, отбрасываем частности. И еще множество искажений на картинке:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/SPC.png.jpg\" width=\"2560\" height=\"1810\" alt=\"\" \/>\n<div class=\"e2-text-caption\"><a href=\"https:\/\/blogdm.ru\/pictures\/SPC.png.jpg\">Большая картинка<\/a><\/div>\n<\/div>\n<p>Большая часть материалов составлена на основе лекции Алины Ермаковой. <a href=\"https:\/\/bangbangeducation.ru\/course\/uxresearch\">А вот её курс<\/a>.<\/p>\n<p><a href=\"https:\/\/t.me\/blogdm\">Мой телеграмм канал<\/a><br \/>\nP.S: волшебные фразы при тестировании: «мы тестируем интерфейс, а не вас. Тут нет неправильных ответов или правильных», «А как вам кажется, что это?»,<\/p>\n",
            "date_published": "2019-08-26T10:22:13+01:00",
            "date_modified": "2019-09-15T13:32:09+01:00",
            "tags": [
                "UX",
                "дизайн",
                "Интенси",
                "исследования",
                "конспект"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/1-com.jpg",
            "_date_published_rfc2822": "Mon, 26 Aug 2019 10:22:13 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "60",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/1-com.jpg",
                    "https:\/\/blogdm.ru\/pictures\/2-com.jpg",
                    "https:\/\/blogdm.ru\/pictures\/3-com.jpg",
                    "https:\/\/blogdm.ru\/pictures\/SPC.png.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}