{
    "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\/tags\/dizayn\/",
    "feed_url": "https:\/\/blogdm.ru\/tags\/dizayn\/json\/",
    "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": "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": "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"
                ]
            }
        },
        {
            "id": "57",
            "url": "https:\/\/blogdm.ru\/all\/s-lekcii-drugie-miry-den-2-esh-torp\/",
            "title": "С лекции «Другие миры» день 2 Эш Торп",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2019-07-16-20-22-12.JPG\" width=\"2560\" height=\"1920\" alt=\"\" \/>\n<\/div>\n<p>Был на двух днях на Стрелке. Спикеры рассказывали про знаки в фильмах (на примере Контакт), раскодровки анимации Рик и Морти, а Эш Торп рассказал о том, как работает. Я решил законспектировать именно её. В конце ссылки на полное видео с лекций.<\/p>\n<h3>Как избавиться от творческих блоков<\/h3>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-07-17--22.45.55.png\" width=\"1156\" height=\"546\" alt=\"\" \/>\n<\/div>\n<ol start=\"1\">\n<li>Работать сразу над 2-3 проектами, когда в тупике над одним проектом, переключается на второй.<\/li>\n<li>Важно иногда отвлечься, делать перерывы.<\/li>\n<li>Находиться в кругу братьев по оружию.<\/li>\n<li>Избегать плохих привычек и ритуалов.<\/li>\n<li>Довести до конца начатое.<\/li>\n<\/ol>\n<h3>Списки. Отчетность перед самим собой<\/h3>\n<p>Списки помогают определиться в чем приоритеты. В жизни много отвлечений, но нужно понимать что мы ценим больше всего.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-07-17--23.04.13.png\" width=\"896\" height=\"428\" alt=\"\" \/>\n<\/div>\n<ol start=\"1\">\n<li>Записывать все: что хочешь достичь, в чем заинтересован, что нужно сделать и т. д.<\/li>\n<li>Избавляться от того, что требует ненужного внимания. (ухожу из компаний, где не интересно, не отвечаю на какие-то письма).<\/li>\n<li>Расставлять приоритеты между делами, фокусироваться только на том, что нужно и что приносит удовольствие.<\/li>\n<li>Расписать цели по порядку их выполнения.<\/li>\n<li>Эш заводит будильники и контролирует время.<\/li>\n<li>Доводить запланированные цели до конца.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-07-17--23.11.05.png\" width=\"2002\" height=\"1616\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Ежедневник на 6 дней. Обычно вечером каждый день составляет что хочет сделать на следующий день.<\/div>\n<\/div>\n<p>Эш постоянно читает.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/--2019-07-17--23.16.33.png\" width=\"1042\" height=\"398\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Список книг, которые он рекомендует<\/div>\n<\/div>\n<h3>Правила Эша<\/h3>\n<ol start=\"1\">\n<li>Окружать себя людьми, которые вдохновляют. Те кто говорит, что ты отстой — от них нужно избавляться. Вокруг, должны быть те, кто бросает вызов, заряжает энергией.<\/li>\n<li>Важно оставаться скромным, не зазнаваться. Всегда оставаться учениками.<\/li>\n<li>Не оставливаться в своем творчестве.<\/li>\n<li>Всегда учиться, это постоянный процесс.<\/li>\n<li>Всегда помогайте окружающим.<\/li>\n<\/ol>\n<iframe src=\"\/\/vk.com\/video_ext.php?oid=-39236499&id=456239836&hash=b741783e177e7c46&hd=2\" width=\"853\" height=\"480\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>день 2<\/p>\n<iframe src=\"\/\/vk.com\/video_ext.php?oid=-39236499&id=456239834&hash=08f7f8452c29b897&hd=2\" width=\"853\" height=\"480\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>день 1<\/p>\n",
            "date_published": "2019-07-17T21:26:45+01:00",
            "date_modified": "2019-07-18T06:28:03+01:00",
            "tags": [
                "видео",
                "дизайн",
                "конспект",
                "обучение",
                "развитие",
                "стрелк"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/2019-07-16-20-22-12.JPG",
            "_date_published_rfc2822": "Wed, 17 Jul 2019 21:26:45 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "57",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/2019-07-16-20-22-12.JPG",
                    "https:\/\/blogdm.ru\/pictures\/--2019-07-17--22.45.55.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-07-17--23.04.13.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-07-17--23.11.05.png",
                    "https:\/\/blogdm.ru\/pictures\/--2019-07-17--23.16.33.png"
                ]
            }
        },
        {
            "id": "45",
            "url": "https:\/\/blogdm.ru\/all\/vorkshop-ot-yandeksa-razrabotat-interfeys-pokupki-kriptovalyuty\/",
            "title": "Воркшоп от Яндекса: интерфейс покупки криптовалюты",
            "content_html": "<p><b>Задача<\/b>: разработать интерфейс покупки криптовалюты.<\/p>\n<p><b>Решение <\/b>с анимацией:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/ya-vihi.gif\" width=\"872\" height=\"670\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Интерфейс покупки криптовалюты<\/div>\n<\/div>\n<p>Подробно:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/ya-vih.jpg\" width=\"1783\" height=\"2397\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Решение, которое я отправил в Яндекс на проверку<\/div>\n<\/div>\n<p><b>Результат<\/b><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/rezultat.jpg\" width=\"669\" height=\"795\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Приглашение на воркшоп<\/div>\n<\/div>\n",
            "date_published": "2018-04-01T22:20:05+01:00",
            "date_modified": "2018-04-01T22:19:59+01:00",
            "tags": [
                "дизайн",
                "интерфейс",
                "портфолио",
                "проекты"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/ya-vihi.gif",
            "_date_published_rfc2822": "Sun, 01 Apr 2018 22:20:05 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "45",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/ya-vihi.gif",
                    "https:\/\/blogdm.ru\/pictures\/ya-vih.jpg",
                    "https:\/\/blogdm.ru\/pictures\/rezultat.jpg"
                ]
            }
        },
        {
            "id": "36",
            "url": "https:\/\/blogdm.ru\/all\/verstka-plakata-pro-turizm\/",
            "title": "Верстка плаката про туризм",
            "content_html": "<p>Я подписан на рассылку <a href=\"http:\/\/leshareva.ru\/\">дизайнера Лёши Рева<\/a>. Как-то в рассылке получаю задание сверстать плакат. Результат нужно отправить на почту и получу обратную связь.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/e-mail.jpg\" width=\"971\" height=\"576\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Письмо с заданием<\/div>\n<\/div>\n<p>Я решил попрактиковаться. На верстку потратил примерно полчаса: быстренько нашел картинку с туристом, текст редактировал по ходу, подвигал там-сям и получился простенький плакат с приглашением:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/-_1.jpg\" width=\"1418\" height=\"1832\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Макет плаката про туризм<\/div>\n<\/div>\n<p>На следующий день получил обратную связь. Спасибо Лёше за его внимательное отношение к обучению:<br \/>\n<a href=\"https:\/\/monosnap.com\/video\/MAYrDXPWxOZvKGWhwMRkdOTLkKAwiC\">https:\/\/monosnap.com\/video\/MAYrDXPWxOZvKGWhwMRkdOTLkKAwiC<\/a><\/p>\n<p>Это пример простой верстки, где все логично понятно. Нужно соблюдать правила модульности, теории близости и т. д. Но я хочу научится верстать дичь:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"600\" data-ratio=\"0.75187969924812\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/photo5404832346626172942.jpg\" width=\"600\" height=\"798\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/photo5404832346626172941.jpg\" width=\"570\" height=\"807\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/photo5404832346626172938.jpg\" width=\"600\" height=\"803\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/photo5400325933795223689.jpg\" width=\"576\" height=\"807\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/photo5400325933795223687.jpg\" width=\"576\" height=\"807\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/photo5400325933795223686.jpg\" width=\"576\" height=\"807\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/photo5388660403187329270.jpg\" width=\"576\" height=\"807\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/photo5388660403187329266.jpg\" width=\"576\" height=\"807\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Плакаты из телеграмма <a href=\"https:\/\/t.me\/posterino\">https:\/\/t.me\/posterino<\/a><\/div>\n<\/div>\n<p>Мне говорили, чтобы так верстать нужно насмотренность и опыт. Буду рад наводкам, что почитать на эту тему.<\/p>\n",
            "date_published": "2017-10-12T22:35:29+01:00",
            "date_modified": "2019-05-26T20:55:31+01:00",
            "tags": [
                "видео",
                "дизайн",
                "плакат"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/e-mail.jpg",
            "_date_published_rfc2822": "Thu, 12 Oct 2017 22:35:29 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "36",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/e-mail.jpg",
                    "https:\/\/blogdm.ru\/pictures\/-_1.jpg",
                    "https:\/\/blogdm.ru\/pictures\/photo5404832346626172942.jpg",
                    "https:\/\/blogdm.ru\/pictures\/photo5404832346626172941.jpg",
                    "https:\/\/blogdm.ru\/pictures\/photo5404832346626172938.jpg",
                    "https:\/\/blogdm.ru\/pictures\/photo5400325933795223689.jpg",
                    "https:\/\/blogdm.ru\/pictures\/photo5400325933795223687.jpg",
                    "https:\/\/blogdm.ru\/pictures\/photo5400325933795223686.jpg",
                    "https:\/\/blogdm.ru\/pictures\/photo5388660403187329270.jpg",
                    "https:\/\/blogdm.ru\/pictures\/photo5388660403187329266.jpg"
                ]
            }
        },
        {
            "id": "35",
            "url": "https:\/\/blogdm.ru\/all\/dizayn-vyhodnye-v-nizhnem-novgorode\/",
            "title": "Дизайн-выходные в Нижнем Новгороде",
            "content_html": "<p>Самая спонтанная поездка: о событии я узнал в пятницу в 15 часов, а в 21 час уже садился на поезд. К сожаления, смог побывать только на первом дне, но узнал много нового. В статье коротко опишу выступления, а внизу будут материалы для просмотра и скачивания. Полезно для дизайнеров.<\/p>\n<h2>Как делать плохую рекламу: инструкция по неприменению<\/h2>\n<p>Антон Котовский на примере роликов показывал как плохо и как хорошо сделана реклама.<br \/>\nРоликов было много, но смог найти только три.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/xsv3BOWYevo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Реклама пельменей<\/div>\n<\/div>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/cUEkOVdUjHc?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Реклама курсов языка<\/div>\n<\/div>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/xZx0viOa0TA?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Плохая реклама курсов языка<\/div>\n<\/div>\n<p><b>Частые ошибки в видео рекламе: <\/b><\/p>\n<ol start=\"1\">\n<li>Пластиковые герои в которых не верят.<\/li>\n<li>Слишком далекая от жизни ситуация, иллюстрирующая эту же реальную жизнь.<\/li>\n<li>Неумение вытянуть из героя мимику.<\/li>\n<li>Плохая музыка.<\/li>\n<li>Несовпадение масштабов идеи и бюджета<\/li>\n<li>Отсутствие креатива.<\/li>\n<\/ol>\n<h2>Немного опыта: как мы делаем сценарии и креативные концепции для сайтов<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-09-30-14-40-16.JPG\" width=\"802\" height=\"462\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Что важно для создания сайта<\/div>\n<\/div>\n<p>Александр Ковальский рассказал про то, как они создавали сайты: «Есть несколько приёмов на котором строится сайт: визуал — эффекте — анимации — игровой момент — история. Миксуя эти штуки мы придумываем хороший сценарий и обычно это минимум интерфейса». Далее был рассказ про их кейс и про поиск идеи. Подробнее в аудио.<\/p>\n<p>Запись выступления:<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"2850\" href=\"https:\/\/blogdm.ru\/audio\/Creativ-people-pro-sayt.mp3\">Creativ-people-pro-sayt.mp3<\/a><\/div>\n<\/div>\n<h2>Совмещение эффектности и эффективности: серия 2<\/h2>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1012\" data-ratio=\"1.5450381679389\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-09-30-17-44-49.JPG\" width=\"1012\" height=\"655\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-09-30-18-03-43.JPG\" width=\"1032\" height=\"595\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-09-30-18-04-15.JPG\" width=\"1017\" height=\"585\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-09-30-18-09-58.JPG\" width=\"1068\" height=\"585\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Фото презентации Сергея<\/div>\n<\/div>\n<p>Сергей Андронов разделяет решения в дизайне на создание вау эффекта и решение конкретных задач, бизнес задач. Продуктовый сервис — например, мобильный банинг. Они сухи на эмоции, утилитарны, но помогают выполнять задачи. При создании продукта нужно думать не только как решать задачу, но и думать о том, что человек будет чувствовать при пользовании продукта.<\/p>\n<p><b>Пример букинг<\/b>: хороший бизнес, у него большая база. Но при каждом использовании я испытываю дискомфорт, когда всплывают окна, что этот отель забронировали, сколько просматривают сейчас этот отель. В итоге нас запугивают, чтобы мы быстро закрыли сделку. У ребят всё круто с точки зрения бизнеса, но хочется более приятный сервис.<\/p>\n<p>Понятие эффектности — способность производить впечатления.<br \/>\nЧетыре типа эффектности:<\/p>\n<ol start=\"1\">\n<li>визуальная — когда анимация или изображение впечатляет. Это самый распространенный способ.<\/li>\n<li>смысловая — идея впечатляет, как в клипах группы окей, гоу.<\/li>\n<\/ol>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/QvW61K2s0tA?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<ol start=\"3\">\n<li>функциональная — пример сервиса, который позволяет рисовать крутые иконки <a href=\"https:\/\/www.autodraw.com\/\">https:\/\/www.autodraw.com\/<\/a><\/li>\n<li>коммуникационная — то как продукт говорит с пользователями.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/primer-bank-tocka.jpg\" width=\"900\" height=\"974\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Мой пример банк Точка<\/div>\n<\/div>\n<p>Часть записи выступления:<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"2039\" href=\"https:\/\/blogdm.ru\/audio\/Sergey-andronov.mp3\">Sergey-andronov.mp3<\/a><\/div>\n<\/div>\n<h2>Материалы, которые выложили<\/h2>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/pqIR4VHOmCA?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Как согласовывать макеты<\/div>\n<\/div>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/S9Ny5HKwx14?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Основы менеджмента для дизайнеров<\/div>\n<\/div>\n<p><b>Презентации:<\/b><br \/>\n<a href=\"https:\/\/yadi.sk\/i\/3XlJBUBz3NUjBn\">Михаил Губергриц: «Мятный Гусь, Имбирный Лось...»<\/a><br \/>\n<a href=\"https:\/\/yadi.sk\/d\/qPPunZb73NUjKM\">Сергей Мосякин: «Сезон метафор»<\/a><br \/>\n<a href=\"https:\/\/yadi.sk\/i\/NuaD-em_3NUjLV\">Сергей Рассказов: «Шрифты без правил»<\/a><\/p>\n",
            "date_published": "2017-10-05T00:13:15+01:00",
            "date_modified": "2017-10-05T10:47:45+01:00",
            "tags": [
                "dsgnwknd",
                "аудио",
                "видео",
                "дизайн",
                "дизайн-выходные",
                "знания",
                "конспект",
                "лекция",
                "образование",
                "обучение",
                "реклама",
                "шрифты"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/remote\/youtube-xsv3BOWYevo-cover.jpg",
            "_date_published_rfc2822": "Thu, 05 Oct 2017 00:13:15 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "35",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jouele\/jouele.css",
                    "jouele\/jouele.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-xsv3BOWYevo-cover.jpg",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-cUEkOVdUjHc-cover.jpg",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-xZx0viOa0TA-cover.jpg",
                    "https:\/\/blogdm.ru\/pictures\/2017-09-30-14-40-16.JPG",
                    "https:\/\/blogdm.ru\/pictures\/2017-09-30-17-44-49.JPG",
                    "https:\/\/blogdm.ru\/pictures\/2017-09-30-18-03-43.JPG",
                    "https:\/\/blogdm.ru\/pictures\/2017-09-30-18-04-15.JPG",
                    "https:\/\/blogdm.ru\/pictures\/2017-09-30-18-09-58.JPG",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-QvW61K2s0tA-cover.jpg",
                    "https:\/\/blogdm.ru\/pictures\/primer-bank-tocka.jpg",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-pqIR4VHOmCA-cover.jpg",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-S9Ny5HKwx14-cover.jpg"
                ]
            }
        },
        {
            "id": "33",
            "url": "https:\/\/blogdm.ru\/all\/lekciya-lyudviga-kak-ya-vyhozhu-iz-tupikov-den-1\/",
            "title": "Лекция Людвига в Рязани: «Как я выхожу из тупиков»",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_2801-1.JPG\" width=\"900\" height=\"672\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Людвиг не учит, а делится опытом<\/div>\n<\/div>\n<h2>Тупик 1: акушерство и больничная горячка.<\/h2>\n<p>Свою лекцию Людвиг начал с примера контринтуитивного мышления. Вена 1823-1847 гг. Если бы вы попали на стол к врачу, то с большой вероятностью могли умереть. 60% умирало, если требовалось вмешательство хирурга. Это было характерно для того времени, но именно в этом городе возникла интересная ситуация. Там была клиника, которая занималась акушерством, и два отделения. В одном из родительных отделений смертность была выше в 5 раз, чем во втором.<\/p>\n<p>Люди стали искать ответ, почему умирают роженицы (автор называет такие решения <b>слабым ходом<\/b>):<\/p>\n<ul>\n<li>бог дал — бог взял,<\/li>\n<li>дурная слава: умирают, потому что знают, что все тут умирают,<\/li>\n<li>в 1 отделении ходил священник, и думали, что умирают от страха перед ним,<\/li>\n<li>в 2 отделении принимали роды женщины, и решили, что женщины не стесняются женщин, поэтому выживают.<\/li>\n<\/ul>\n<p>Эти решения никак не помогали, пока не появился Игнац Зиммельвейс. Он начал изучать статистику. В какой-то момент у него умирает знакомый коллега с теми же симптомами, что и роженицы. И он предположил, что врачи могут заражать пациентов. В 1 отделении был доступ к моргу, и хирурги резали трупы, а кровь просто вытирали о фартук. И чем был замызганней фартук — тем круче был врач. Они не мыли руки, принимали роды и заражали пациенток.Он начал заставлять врачей мыть руки. Изобрел антисептик. И смертность упала в десятки раз.<\/p>\n<p>И тут произошло интересное: Игнаца стали травить, запретили публиковать результаты, сообщество коллег решило, что он сбрендил, и упекли его в психушку. В итоге врач умер где-то в психушке, так и не добившись прорыва.<\/p>\n<p>Но 18 лет спустя получилось у другого врача, который научно обосновал знания микробов. Теория была принята, в итоге — «антисептик это хорошо, давайте мыть руки».<\/p>\n<p><b>Этот пример показывает, насколько сильное сопротивление возникает, когда находится выход из тупика.<\/b> Если из тупика можно было выйти просто так — люди вышли. А если они в нём находятся, то нужен очень странный дикий прорыв.<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"504\" href=\"https:\/\/blogdm.ru\/audio\/pro-vrachey.mp3\">pro-vrachey.mp3<\/a><\/div>\n<\/div>\n<h2>Тупик 2: прыжки в высоту.<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_2878789.JPG\" width=\"900\" height=\"672\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Советский плакат о том, как прыгать в высоту. (Вначале изображен «классический способ», а ниже альтернативный новый способ)<\/div>\n<\/div>\n<p>Раньше все прыгали перекатом, то есть животом вперед.<br \/>\n<b>Слабое решение<\/b>: упираться, бороться за сантиметры, чтобы прыгнуть выше.<br \/>\nПоявился чувак и попробовал прыгнуть иначе: спиной вперед. Его результат стал лучше, потому что легче перекидывать центр тяжести. Так он одержал победу в первой Олимпиаде.<br \/>\nСМИ: ха-ха-ха, спортсмен, прыгает как обезьяна и выиграл. Однако ведущие спортсмены перехватили этот стиль. И он постепенно вошёл в моду.<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"371\" href=\"https:\/\/blogdm.ru\/audio\/pro-prichki-spinoy.mp3\">pro-prichki-spinoy.mp3<\/a><\/div>\n<\/div>\n<p><b>Возникает вопрос, где искать решения? <\/b><br \/>\nИз примера с ребенком и носком есть два способа: получить опыт из вне или открыть способ самому. Чтобы получить контринтуитивный прорыв — учитель не нужен. Просто делай бред:<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"88\" href=\"https:\/\/blogdm.ru\/audio\/primer-pro-nosok.mp3\">primer-pro-nosok.mp3<\/a><\/div>\n<\/div>\n<h2>Тупик 3. Тортик<\/h2>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/uBCyiGibMjI?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Фильм сахар, после которого Людвиг решил сократить сладкое.<\/div>\n<\/div>\n<p>Людвиг выработал теорию «А чё, так можно было?». Тупик про тортик: приходишь в кафе, и предлагают тортик. На витрине тортики вертятся, они подсвечены и говорят тебе: «Дааа, съешь меня». Тут можно применить 2 стратегии и обе проигрышные:<\/p>\n<ul>\n<li>«Нет, я не буду тортик». И тут ты понимаешь, что проиграл, потому что он вкусный.<\/li>\n<li>«Да, я буду тортик». Ты кушаешь его, но чувствуешь себя ничтожеством, потому что сорвался.<\/li>\n<\/ul>\n<p>Самый дикий способ — чтобы не есть сахар, нужно есть сахар. Людвиг начал с утра кушать сухофрукты и  сладкое: шоколадки, конфеты. Возникает удивительный эффект — в кафе не хочется тортика, потому что утром будет сладкое (обязательно будет!). После этого вечерний торт становится не нужен.<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"232\" href=\"https:\/\/blogdm.ru\/audio\/primer-pro-tort.mp3\">primer-pro-tort.mp3<\/a><\/div>\n<\/div>\n<h2>Итого<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_2787.JPG\" width=\"900\" height=\"573\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"126\" href=\"https:\/\/blogdm.ru\/audio\/itogi-1-chasti.mp3\">itogi-1-chasti.mp3<\/a><\/div>\n<\/div>\n<h2>Общие ошибки мышления<\/h2>\n<p>У всех есть ошибки мышления. Хороший пример ФОА (фундаментальная ошибка атрибуции): когда какой-то чувак бьет автомат с водой, мы думаем что он «истеричка». А если ты попадешь в такую же ситуацию — то этого не замечаешь. Ты зависишь от ситуации, а все остальные так себя ведут, потому что «истерички».<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"247\" href=\"https:\/\/blogdm.ru\/audio\/primer-foa-taksi.mp3\">primer-foa-taksi.mp3<\/a><\/div>\n<\/div>\n<p>Про сохранение потраченного: «О господи, а сохранять ли нам проект, в который вложен год и 1 млн. рублей? Экономисты не говорят: да, надо спасать, столько же денег вложено. Они говорят — побыстрее бросаем балласт и идем дальше».<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"52\" href=\"https:\/\/blogdm.ru\/audio\/pro-ekonomist-i-ballast.mp3\">pro-ekonomist-i-ballast.mp3<\/a><\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"900\" data-ratio=\"2.9032258064516\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_2793.JPG\" width=\"900\" height=\"310\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_2794.JPG\" width=\"900\" height=\"254\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_2795.JPG\" width=\"900\" height=\"185\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Людвиг перечислил психологические затыки, которые бывают.<\/div>\n<\/div>\n<p><b>Ошибки мышления: индивидуальные особенности<\/b><\/p>\n<p>Дихотомическое мышление. «Если я не добьюсь успеха во всем, то я неудачник».<\/p>\n<p>Катастрофизация. «Я так расстроюсь, что не смогу вообще ничего делать».<\/p>\n<p>Обесценивание позитивного. «Действительно, мне удалось выполнить эту работу. Но это вовсе не означает, что я способный — мне просто повезло».<\/p>\n<p>Эмоциональное обоснование.«Я знаю, что мне многое удается на работе, но я по-прежнему чувствую себя неудачником»<\/p>\n<p>Навешивание ярлыков. «Я неудачник», «Он зануда»<\/p>\n<p>Преувеличение и преуменьшение. «Средняя оценка говорит, что я неспособный. Оценка „отлично“ не говорит о том, что я умный».<\/p>\n<p>Мысленный фильтр. «Один плохой результат по тесту (наряду с несколькими хорошими) свидетельствует о том, что я лентяй, который не смог как следует подготовиться».<\/p>\n<p>Чтение мыслей. «Он думает, что я ничего не смыслю в этой работе».<\/p>\n<p>Сверхгенерализация. «Поскольку я чувствовал себя не в своей тарелке на встрече, я не умею знакомиться с людьми».<\/p>\n<p>Персонализация. «Мастер по ремонту нагрубил мне потому, что я сделал что-то не так».<\/p>\n<p>Долженствование. «Ужасно, что я ошибся. Я должен во всем добиваться успеха».<\/p>\n<p><b>Приемы решения затыков: <\/b><\/p>\n<ul>\n<li>обратиться к профессионалу (самый лучший способ),<\/li>\n<li>выделить конкретное время на переживания,<\/li>\n<li>если вы по отношению к кому-то даете добрый совет, а к себе строги — надо это исправить,<\/li>\n<li>разговор с мышцами,<\/li>\n<li>медитация.<\/li>\n<\/ul>\n<h2>Тупик 4: рассеянность, несобранность, неудача.<\/h2>\n<p>Людвиг рассказал, что не может долго концентрироваться: «иду чистить зубы, вижу открытую стиралку, иду в комнату, чтобы взять майку и бросить в стирку, вижу в ноутбуке новое письмо, сажусь отвечать. И тут возникает вопрос: что делает зубная щетка у меня в руке?».<\/p>\n<p>Практически все советы не работают, при том, что мир набит помогающими вещами и людьми. В статьях часто пишут очевидные ходы. У книг по саморазвитию огромные тиражи. Читаешь, а сделать так, как написано в книге не можешь или не работает. Начинаешь думать, что с тобой не так. Оказывается — все советуют то, что работает в их личном мире, не учитывая индивидуальные отличия. Вы же не будите советовать инвалиду правильно ходить, потому что физическая разница очевидна. А про психологические различия забывают.<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-text-super-wrapper e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" data-length=\"265\" href=\"https:\/\/blogdm.ru\/audio\/soveti-ne-rab.mp3\">soveti-ne-rab.mp3<\/a><\/div>\n<\/div>\n<p>В конце лекции он показал трейлер игры. Сказал, что когда накрывает у него есть папка с позитивными фильмами или можно поиграть в эту игру или посмотреть фотки под тегом вдохновение. Я вначале не понял, что особенного в этой игре, но потом внимательно посмотрел от начала до конца и проникся.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/HdJk8ROpuEo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Игра, которая позволяет взглянуть по другому на мир (но надо протерпеть первые две минуты, с середины видео будет самый кайф).<\/div>\n<\/div>\n<p><a href=\"https:\/\/amashkov.ru\/blog\/all\/kak-vyhodit-iz-tupikov\/\">Полный список материалов<\/a> собрал Александр Машков.<\/p>\n",
            "date_published": "2017-09-25T21:19:01+01:00",
            "date_modified": "2017-10-04T19:39:43+01:00",
            "tags": [
                "дизайн",
                "конспект",
                "лекция",
                "Людвиг",
                "мышление",
                "тупики"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/IMG_2801-1.JPG",
            "_date_published_rfc2822": "Mon, 25 Sep 2017 21:19:01 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "33",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "jquery\/jquery.js",
                    "jouele\/jouele.css",
                    "jouele\/jouele.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/IMG_2801-1.JPG",
                    "https:\/\/blogdm.ru\/pictures\/IMG_2878789.JPG",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-uBCyiGibMjI-cover.jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_2787.JPG",
                    "https:\/\/blogdm.ru\/pictures\/IMG_2793.JPG",
                    "https:\/\/blogdm.ru\/pictures\/IMG_2794.JPG",
                    "https:\/\/blogdm.ru\/pictures\/IMG_2795.JPG",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-HdJk8ROpuEo-cover.jpg"
                ]
            }
        },
        {
            "id": "32",
            "url": "https:\/\/blogdm.ru\/all\/kakoy-dolzhen-byt-predvyborny-plakat\/",
            "title": "Как улучшить дизайн предвыборного плаката",
            "content_html": "<p>Дизайн предвыборных плакатов однообразен. Это я заметил, когда поехал отдыхать в соседний город: мелькали одни и те же рекламные щиты. Может у кандидатов мало времени — не до дизайна. А может быть, то, что опишу — делают только профессиональные рекламные агентства. Я не хочу оскорбить депутатов, цель статьи показать, как можно сделать лучше. <\/p>\n<p>Пока ехал, встретил 3 плаката: <\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"900\" data-ratio=\"1.7786561264822\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_20170822_193808.png\" width=\"900\" height=\"506\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_20170822_193651.png\" width=\"900\" height=\"506\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_20170822_193402.png\" width=\"900\" height=\"506\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Плакаты депутатов в Рязани<\/div>\n<\/div>\n<p>Только плакат не убедит человека проголосовать за него. Его главная цель — напомнить человеку о депутате. В идеале, человек захочет узнать о кандидате больше: посмотреть сайт, программу или ютуб. Поэтому нужен комплексный подход. Не пытайтесь в плакат впихнуть всё подряд. <\/p>\n<p>Давайте посмотрим, что в этом плакате не так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_20170822_17665.png\" width=\"900\" height=\"486\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Восстановленный по фото плакат<\/div>\n<\/div>\n<ol start=\"1\">\n<li>Фон не несет полезную информацию и ухудшает считывание на большом расстоянии. <\/li>\n<li>Нет управления вниманием: не понятно, что тут главное и второстепенное.  <\/li>\n<li>Текст набран прописными буквами. <\/li>\n<li>Имя сливается с фоном. Особенно на большом расстоянии. <\/li>\n<li>Логотип в 3D.<\/li>\n<\/ol>\n<p>Очистим фон и уберём лишнее:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"900\" data-ratio=\"1.7786561264822\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_20170822_1936651.png\" width=\"900\" height=\"506\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_20170822_1936515.png\" width=\"900\" height=\"506\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_20170822_19335435.png\" width=\"900\" height=\"486\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Считывается лучше, но не вызывает интерес.<\/div>\n<\/div>\n<h2>Рассказываем историю через фото<\/h2>\n<p>Над плакатом работают комплексно: <\/p>\n<p><i>продумать позиционирование → написать лозунг → сверстать черновик → придумать как проиллюстрировать позиционирование → сфотографировать → протестировать → тиражировать. <\/i><\/p>\n<p>Этот вариант стоит дороже, но отдача выше. <\/p>\n<p>Фотография — самый сильный элемент на плакате. Она бывает «для галочки» или интересной: фото на паспорте скучное, а вот удачный кадр с отдыха — радует глаз. Продумайте детали, чтобы рассказать историю через фото:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_5791.png\" width=\"900\" height=\"642\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Депутат в военной форме с медалями, вызывает больше доверия, чем тот же человек в пиджаке. <\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/147[1].jpg\" width=\"1200\" height=\"837\" alt=\"\" \/>\n<div class=\"e2-text-caption\">В плакате Сталина художник продумал детали: человек в форме работает для Родины (источник getimg.germany.ru)<\/div>\n<\/div>\n<p>Проделаем подобное. В учебных целях взял фото с сайта chita.ru, где депутат общается с рабочим. Удалим лишние детали с фото, расставим лозунг и акценты:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"900\" data-ratio=\"1.7786561264822\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_20170822_19340243.png\" width=\"900\" height=\"506\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_20170822_19340277.png\" width=\"900\" height=\"506\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/IMG_20170822_19335435434.png\" width=\"900\" height=\"486\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Такой плакат вызывает больше интереса, чем с белым фоном.<\/div>\n<\/div>\n<p>Чтобы сделать запоминающуюся рекламу продумайте позиционирование, напишите лозунг и проиллюстрируйте продукт или услугу. Фотографируйте продуманно. И следите за мелочами.<br \/>\nБонус. Процесс записал на видео: <\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/6MjtgKZRdhI?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/IWzsajnSzw4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "date_published": "2017-09-08T00:07:00+01:00",
            "date_modified": "2017-09-08T08:42:48+01:00",
            "tags": [
                "верстка",
                "депутаты",
                "дизайн",
                "как лучше",
                "как надо"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/IMG_20170822_193808.png",
            "_date_published_rfc2822": "Fri, 08 Sep 2017 00:07:00 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "32",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/IMG_20170822_193808.png",
                    "https:\/\/blogdm.ru\/pictures\/IMG_20170822_193651.png",
                    "https:\/\/blogdm.ru\/pictures\/IMG_20170822_193402.png",
                    "https:\/\/blogdm.ru\/pictures\/IMG_20170822_17665.png",
                    "https:\/\/blogdm.ru\/pictures\/IMG_20170822_1936651.png",
                    "https:\/\/blogdm.ru\/pictures\/IMG_20170822_1936515.png",
                    "https:\/\/blogdm.ru\/pictures\/IMG_20170822_19335435.png",
                    "https:\/\/blogdm.ru\/pictures\/IMG_5791.png",
                    "https:\/\/blogdm.ru\/pictures\/147[1].jpg",
                    "https:\/\/blogdm.ru\/pictures\/IMG_20170822_19340243.png",
                    "https:\/\/blogdm.ru\/pictures\/IMG_20170822_19340277.png",
                    "https:\/\/blogdm.ru\/pictures\/IMG_20170822_19335435434.png",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-6MjtgKZRdhI-cover.jpg",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-IWzsajnSzw4-cover.jpg"
                ]
            }
        },
        {
            "id": "27",
            "url": "https:\/\/blogdm.ru\/all\/uchebnye-proekty\/",
            "title": "Учебные проекты в бюро Горбунова",
            "content_html": "<p>За вторую ступень <a href=\"http:\/\/bureau.ru\/school\/30jan2017\/\">Школы дизайнеров<\/a> бюро Горбунова сделал огромное количество сайтов, но самое главное — быстро. На каждую работу у нас было 4 дня, потом критика и ещё 4 дня на доработку. И за эти 4 дня нужно успевать работать, тратить время на семью и <s>отдых<\/s>.<\/p>\n<h2>Одноэкранный сайт о себе<\/h2>\n<p>За 4 дня нужно было успеть написать текст о себе и спроектировать страницу. Правильно расставить якорные объекты и подчеркнуть выразительность автора.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"950\" data-ratio=\"1.578073089701\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/buro-1.png\" width=\"950\" height=\"602\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/buro-2.png\" width=\"948\" height=\"599\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Самое важное в работе — это фото. Но перефоткаться я не успел.<\/div>\n<\/div>\n<h2>Информационный текст для сайта<\/h2>\n<p>Написать текст на заданную тему. Ну и раз мы дизайнеры — сверстать текст красиво и подобрать картинки. В бюро очень правильный подход к тексту — он не может быть без картинок. Цель автора рассказать историю, в том числе и через картинки.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"600\" data-ratio=\"0.28368794326241\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/buro-3.png\" width=\"600\" height=\"2115\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/buro-4.jpg\" width=\"600\" height=\"2137\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Максим высоко оценил мою работу. Но сильно снижал за шаблонные картинки кофе и не жизненные картинки.<\/div>\n<\/div>\n<h2>Вёрстка сложного документа<\/h2>\n<p>Для меня это оказалась очень скурпулёзной задачей: нужно было изучить договор на 14 листах, проверить тире, отступы, кавычки и особенно отсутствие предлога в конце строчки. Чтобы сделать эту работу нужно большое терпение и внимательность к мелочам.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/buro-5.png\" width=\"1143\" height=\"1466\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Начало документа, правая часть «меню по договору» по идее должна была человеку помочь ориентироваться по договору, но в итоге только создала мусор.<\/div>\n<\/div>\n<h2>Проектирование сайта<\/h2>\n<p>Пожалуй, это был самый интересное для меня задание. Для себя я сделал 3 интернет-магазина и мне было интересно узнать мнение эксперта к моему подходу. Спасибо <a href=\"http:\/\/ilyabirman.ru\/\">Илье Бирману<\/a> за советы.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"600\" data-ratio=\"0.21929824561404\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/buro-6.png\" width=\"600\" height=\"2736\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/buro-8.png\" width=\"600\" height=\"3184\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">В странице всё должно быть направлено на продажи товара. Но выставить товар мало — нужно о нем рассказывать.<\/div>\n<\/div>\n<h2>Вёрстка многоэтажной веб-страницы<\/h2>\n<p>Текст из 2-го задания нужно сверстать красиво. Задание мне с трудом даётся. Почему тут «тяжело», «страница перевесила» — я понимал с трудом. Под конец второй недели понимание стало по чуть-чуть приходить.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"598\" data-ratio=\"0.32535364526659\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/buro-10.png\" width=\"598\" height=\"1838\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/buro-9.png\" width=\"600\" height=\"1858\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Нужно все правильно сбалансировать и вызвать эмоции.<\/div>\n<\/div>\n<p>Вопросы, замечания, предложения — пишите на почту sxep@yandex.ru или в телеграмм @geksin.<\/p>\n",
            "date_published": "2017-08-11T16:50:34+01:00",
            "date_modified": "2017-09-05T01:44:04+01:00",
            "tags": [
                "бюро Горбунова",
                "дизайн",
                "как работаю",
                "обо мне"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/buro-1.png",
            "_date_published_rfc2822": "Fri, 11 Aug 2017 16:50:34 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "27",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/buro-1.png",
                    "https:\/\/blogdm.ru\/pictures\/buro-2.png",
                    "https:\/\/blogdm.ru\/pictures\/buro-3.png",
                    "https:\/\/blogdm.ru\/pictures\/buro-4.jpg",
                    "https:\/\/blogdm.ru\/pictures\/buro-5.png",
                    "https:\/\/blogdm.ru\/pictures\/buro-6.png",
                    "https:\/\/blogdm.ru\/pictures\/buro-8.png",
                    "https:\/\/blogdm.ru\/pictures\/buro-10.png",
                    "https:\/\/blogdm.ru\/pictures\/buro-9.png"
                ]
            }
        },
        {
            "id": "21",
            "url": "https:\/\/blogdm.ru\/all\/proekt-septiki\/",
            "title": "Проект «Септики»",
            "content_html": "<p><b>Полезное действие:<\/b> показать какие бывают септики, как они работают, сколько стоят и предложить оставить заявку.<br \/>\n<b>ЦА:<\/b> владельцы частных домов, «дачники». Чаще всего мужчины 30-50 лет.<\/p>\n<h2>Первый экран сразу все рассказывает про септики<\/h2>\n<p>Первое, что видит человек — заголовок про монтаж септика, подзаголовок и схему устройства. Для большей информативности схема подписана, а под схемой три блока с выгодами сотрудничества. В какой-то мере этот блок стал «клеше», но мы разместили полезные фото, а не бессмысленные иконки.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/34242344.png\" width=\"1256\" height=\"1069\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Скриншот первого и второго экрана<\/div>\n<\/div>\n<p>Самый кайф в анимации:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/342342.gif\" width=\"743\" height=\"324\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Посмотрел на анимацию и понял принцип работы<\/div>\n<\/div>\n<p>Приятная деталь для широких мониторов:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-07-14_23-41-00.png\" width=\"551\" height=\"423\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Крот в углу монитора вылез посмотреть<\/div>\n<\/div>\n<h2>Важная информация на 1-м месте<\/h2>\n<p>Дизайнеры с фриланса прячут текст, таблицы. А для бизнеса важно показывать цифры, описания, названия моделей и т. д. Поэтому у нас картинка, описание и понятная таблица:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/3454.png\" width=\"1258\" height=\"546\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Информация о каждом септике и полная информация по ссылке<\/div>\n<\/div>\n<p>Культурное предложение спросить совета у профессионала, без крика, красной кнопки «купить» и счетчика.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017.png\" width=\"1264\" height=\"551\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Форма сбора контактов и опубликованный договор с важными пунктами<\/div>\n<\/div>\n<p><b>Над проектом работали:<\/b><br \/>\nДизайн, проектирование и написание текстов: Дмитрий Московский, Илья Трунин.<br \/>\nПрограммирование: Андрей Тиньков.<br \/>\nБлагодарность за активное участие и терпение Михаилу Екишкину.<br \/>\nДля связи: sxep@ya.ru<\/p>\n",
            "date_published": "2017-07-14T22:00:48+01:00",
            "date_modified": "2017-07-14T21:59:10+01:00",
            "tags": [
                "дизайн",
                "проекты"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/34242344.png",
            "_date_published_rfc2822": "Fri, 14 Jul 2017 22:00:48 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "21",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/34242344.png",
                    "https:\/\/blogdm.ru\/pictures\/342342.gif",
                    "https:\/\/blogdm.ru\/pictures\/2017-07-14_23-41-00.png",
                    "https:\/\/blogdm.ru\/pictures\/3454.png",
                    "https:\/\/blogdm.ru\/pictures\/2017.png"
                ]
            }
        },
        {
            "id": "20",
            "url": "https:\/\/blogdm.ru\/all\/obuchenie-v-shkole-stazherov-1-stupen\/",
            "title": "Обучение в школе стажеров 1 ступень",
            "content_html": "<p>Прошли три месяца обучения в школе стажеров бюро Горбунова. Это был интересный опыт и интенсивное обучение. Первая ступень обучения позади, теперь я на второй ступени. А это значит пришло время рассказать про бюрошный подход и отличие обучения.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-07-01_095928.jpg\" width=\"568\" height=\"600\" 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\/2017-07-01_102838.jpg\" width=\"839\" height=\"449\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Скриншот презентации школы «дизайна»<\/div>\n<\/div>\n<h2>Другой подход у школы<\/h2>\n<p>По мнению бюро, дизайнер — «эталон квалификации, самостоятельности и порядочности. За ним идёт охота работодателей, потому что растить свои кадры никто не хочет и не умеет, а во всех прочих учебных заведениях учат неизвестно чему».<br \/>\nМеня учили разбираться в личном планировании, организации изменений на фирме клиента, написанию текстов в информационном стиле, правильном иллюстрировании текста, вопросах авторских прав, договорах и юридических аспектах, умению вести переговоры, пониманию как выруливать из сложных ситуаций. И только 2 из 6 дисциплин посвящены непосредственно дизайну: типографика и верстка, интерфейс и информация.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-07-01_103713.jpg\" width=\"1253\" height=\"263\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Дисциплины школы<\/div>\n<\/div>\n<h2>Тестирование и дедлайн.<\/h2>\n<p>Каждую неделю нас ждало тестирование по разным предметам + задание (написать текст или сделать форму заказа). А вот тесты больше пугали, чем задания: в тестах могло быть 4 варианта ответа и из них может быть 4 правильных — не сообщается сколько в вопросе правильных ответов. Чтобы лучше решать, тесты я их распечатывал, решал в начале недели, один день отдыхал и перерешивал снова.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-07-01_105618.jpg\" width=\"831\" height=\"80\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Однажды у меня получилось ответить на все вопросы правильно.<\/div>\n<\/div>\n<p>Дедлайн был в пятницу в 23:59. Это приучило работать и соблюдать дедлайн до конца недели. Один раз я не успел и заработал штраф. Под конец научился сдавать тесты и задание немного с запасом.<\/p>\n<h2>Курсовая работа и итоги<\/h2>\n<p>Самое веселое, что курсовую работу я делал в самолете, в хостеле, в автобусе, в кафе и ни разу не дома в спокойной обстановке. Курсач и поездка в Европу у меня совпали. За курсовую работу очень внимательный к мелочам Илья Бирман поставил мне 4 балла за логику, идею и эстетику. Честно говоря ожидал более низких оценок.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/kursovaya.jpg\" width=\"600\" height=\"1128\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Курсовая: редизайн мебельного сайта<\/div>\n<\/div>\n<h2>С 11 места я поднялся до 5-го из 53 студентов:<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-07-01_112207.jpg\" width=\"1015\" height=\"288\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Скриншот рейтинга<\/div>\n<\/div>\n<p>Если бы полученные знания можно было сравнить с мышцами, то было бы как-то так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/motivation_06[1].jpg\" width=\"700\" height=\"515\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Источник: 24warez.ru<\/div>\n<\/div>\n<h2>Напоследок<\/h2>\n<ol start=\"1\">\n<li>В школе ответственность на том, кто учится. Не понимаешь — твои проблемы. Обратной связи почти нет: были 2-3 вебинара и то по инициативе преподавателей, работы каждого студента не разбираются. Знания приходится выцеживать. Это сложно для тех, кто к этому не привык.<\/li>\n<li>Если дать этот материал без тестов, я бы ничего не запомнил. Самое глубокое погружение в тему было именно в моменты, когда я искал ответы на вопросы.<\/li>\n<li>Дизайнер — это очень-очень широкое понятие. Школа учит мыслить не вокруг оформительства, а вокруг подхода. Если раньше я думал, как красиво оформить форму заказа, то сейчас я думаю как убрать форму заказа, чтобы чаще заказывали.<\/li>\n<\/ol>\n",
            "date_published": "2017-07-01T09:47:20+01:00",
            "date_modified": "2017-07-02T20:36:13+01:00",
            "tags": [
                "бюро Горбунова",
                "дизайн",
                "обучение",
                "школа стажеров"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/2017-07-01_095928.jpg",
            "_date_published_rfc2822": "Sat, 01 Jul 2017 09:47:20 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "20",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/2017-07-01_095928.jpg",
                    "https:\/\/blogdm.ru\/pictures\/2017-07-01_102838.jpg",
                    "https:\/\/blogdm.ru\/pictures\/2017-07-01_103713.jpg",
                    "https:\/\/blogdm.ru\/pictures\/2017-07-01_105618.jpg",
                    "https:\/\/blogdm.ru\/pictures\/kursovaya.jpg",
                    "https:\/\/blogdm.ru\/pictures\/2017-07-01_112207.jpg",
                    "https:\/\/blogdm.ru\/pictures\/motivation_06[1].jpg"
                ]
            }
        },
        {
            "id": "22",
            "url": "https:\/\/blogdm.ru\/all\/poleznye-ssylki-dlya-dizaynera\/",
            "title": "Полезные ссылки для дизайнера",
            "content_html": "<p>Дизайн в целом<br \/>\n<a href=\"https:\/\/academy.yandex.ru\/events\/design\/msk-2015\/\">Школа дизайна Яндекса<\/a><br \/>\n<a href=\"https:\/\/baymard.com\/ecommerce-design-examples\">примеры страниц<\/a><br \/>\n<a href=\"https:\/\/mobbin.design\/patterns\">паттерны мобильного дизайна<\/a><\/p>\n<p>Бюро<br \/>\n<a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/o-naraschenii-okonchaniy-chislitelnyh\/\">О наращении окончаний числительных<\/a><br \/>\n<a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20140908\/\">О выборе полей<\/a><br \/>\n<a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20140721\/\">О вёрстке ссылок<\/a><br \/>\n<a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20090827\/\">Оформление копирайта по-русски<\/a><br \/>\n<a href=\"http:\/\/bureau.ru\/bb\/soviet\/20140818\/\">Совет о правиле внутреннего и внешнего<\/a><br \/>\n<a href=\"http:\/\/bureau.ru\/bb\/soviet\/20140324\/\">Правило якорных объектов<\/a><br \/>\n<a href=\"http:\/\/bureau.ru\/bb\/soviet\/20110630\/\">Приём «смешать комки»<\/a><br \/>\n<a href=\"http:\/\/bureau.ru\/bb\/soviet\/20140519\/\">Базовые элементы вёрстки<\/a><br \/>\n<a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20140616\/\">Заголовки<\/a><br \/>\n<a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20140707\/\">Иллюстрации<\/a><br \/>\n<a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20140728\/\">Подписи<\/a><\/p>\n<p>Мобильные<br \/>\n<a href=\"https:\/\/vc.ru\/design\/93884-32-otlichiya-dizayna-mobilnogo-prilozheniya-pod-ios-i-android\">32 отличия дизайна мобильного приложения под iOS и Android<\/a><\/p>\n<p>Эффективность<br \/>\n<a href=\"https:\/\/vc.ru\/flood\/26953-200-productive-hours\">Окружение, тело и мозг: опыт повышения продуктивности до 200 часов в месяц<\/a><\/p>\n<p>Присылайте в телегу ссылки, к которым вы обращаетесь время от времени<\/p>\n",
            "date_published": "2017-06-15T11:14:19+01:00",
            "date_modified": "2021-05-30T11:01:22+01:00",
            "tags": [
                "дизайн",
                "обучение"
            ],
            "_date_published_rfc2822": "Thu, 15 Jun 2017 11:14:19 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "22",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "12",
            "url": "https:\/\/blogdm.ru\/all\/dizayn-dlya-magazina-matrasov\/",
            "title": "Дизайн для магазина матрасов",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/72142750706939.58d7af5855b7b.jpg\" width=\"1400\" height=\"3893\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2017-03-26T18:39:13+01:00",
            "date_modified": "2017-03-26T18:42:22+01:00",
            "tags": [
                "дизайн",
                "портфолио",
                "проекты"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/72142750706939.58d7af5855b7b.jpg",
            "_date_published_rfc2822": "Sun, 26 Mar 2017 18:39:13 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "12",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/72142750706939.58d7af5855b7b.jpg"
                ]
            }
        },
        {
            "id": "11",
            "url": "https:\/\/blogdm.ru\/all\/grubye-oshibki-v-dizayne-saytov\/",
            "title": "Грубые ошибки в дизайне сайтов",
            "content_html": "<p>Уже 3 недели учусь в школе стажеров <a href=\"http:\/\/artgorbunov.ru\/school\/30jan2017\/\">Бюро Горбунова<\/a>. За это время узнал про правило внутреннего и внешнего, теории близости, какие базовые элементы верстки есть и всё. Но самое главное: я стал видеть это в своих и чужих работах.<\/p>\n<h2>Правки по реальному проекту<\/h2>\n<p>Красным отметил дизайнерские замечания, в синей рамки — смысловые.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/Artel.png\" width=\"1366\" height=\"4431\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Сайт, предлагающий услуги по пескоструйке<\/div>\n<\/div>\n<p>В самом дизайне ещё есть много замечаний. Я отметил самые явные. Что-то еще смущает, пишите в комментарии.<\/p>\n<p>P.S: Хотите получить комментарий по своей работе? <a href=\"https:\/\/vk.com\/geksin\">Пишите.<\/a><\/p>\n",
            "date_published": "2017-03-03T23:18:24+01:00",
            "date_modified": "2017-03-03T23:43:02+01:00",
            "tags": [
                "дизайн",
                "комментарии"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/Artel.png",
            "_date_published_rfc2822": "Fri, 03 Mar 2017 23:18:24 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "11",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/Artel.png"
                ]
            }
        },
        {
            "id": "10",
            "url": "https:\/\/blogdm.ru\/all\/proekt-ai-kuhni\/",
            "title": "Проект ai-кухни",
            "content_html": "<p>Компания ай-кухни обратилась к нам с просьбой привести клиентов через сайт. Лично мне рассказывали, что у них высокие цены, но делают хорошо. Вместе с партнером посетили их магазин. На тот момент у меня был свой магазин матрасов, но посетив их магазин — я понял как нужно делать. Правильное освещение, приятные детали, тарелочки — в общем мне очень понравилось. Приятно пообщавшись с директором мы начали сотрудничать.<\/p>\n<p>Особенности: ай-кухни стараются делать хорошие кухни на долгий срок. Они используют качественное ЛДСП, внутри оно только белого цвета. Фурнитура немецкая, ручки на выбор и тоже качественные. Отверстия просверлены с умом, ничего не скрипит. При желании фасады можно снять и купить на их место новые. Замена очень простая. В общем они стараются делать хорошие кухни. Однако, стоимость хорошей кухни выше, чем кухни «из гаража». Поэтому главная задача у продавца — показать качество товара при приходе в магазин или при общении по телефону.<\/p>\n<p><b>Полезное действие сайта<\/b><br \/>\nМы подумали и решили, что самое важное для сайта — заинтересовать посетителей приемлемыми ценами и ассортиментом, который можно посмотреть. Что сделают бесплатный дизайн-проект и не будет проблем с установкой и доставкой. Предложить записаться на встречу с дизайнером для более детального просчета.<\/p>\n<p>Делаем главную страницу и под каждую кухню страницу с её описанием. Ищем главную картинку, узнаем что спрашивают клиенты, какие кухни бывают, как их делят и т. д.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"600\" data-ratio=\"0.44609665427509\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/ai-4.jpg\" width=\"600\" height=\"1345\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/ai-5.jpg\" width=\"884\" height=\"1345\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Прототип сайта<\/div>\n<\/div>\n<p>Решаем сфотографировать магазин и показать его на 1-м экране.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/ai-6.jpg\" width=\"700\" height=\"399\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Количество фотографий<\/div>\n<\/div>\n<p>Собираем панорамной фото для 1 экрана. Есть 2 варианта:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"655\" data-ratio=\"2.4716981132075\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/Untitled_Panorama1.jpg\" width=\"655\" height=\"265\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/Untitled_Panorama2.jpg\" width=\"742\" height=\"265\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Панорамные фото<\/div>\n<\/div>\n<p>Работаем с текстом: приводим штампованный текст к более человеческому:<\/p>\n<p><b>Было:<\/b><br \/>\n<i>Современные кухни — это сочетание эргономичной функциональности и изысканной простоты. Для создания удобного пространства над каждой кухней трудится дизайнер, создавая ее с учетом ваших индивидуальных черт. Для безопасности вашей семьи при производстве используются комплектующие экологического стандарта Е1, из которых делают детскую мебель.<\/i><\/p>\n<p><b>Стало:<\/b><br \/>\n<i>Современные кухни — это кухни, где нет лишних деталей, а формы простые и четкие. Каждая ручка, ящик, полка помогает хозяйке приготовить вкусный завтрак, обед и ужин. Ничего лишнего — просто и функционально. Современный стиль прост и элегантен. Вы можете сочетать в кухне элементы, другого стиля, главное — это простота и четкие линии. Тщательно продумать расположение мебели, обеденной зоны, мойки, бытовой техники, газовой плиты поможет дизайнер.<\/i><\/p>\n<p>Показываем клиенту.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"716\" data-ratio=\"2.8987854251012\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/ai-7.jpg\" width=\"716\" height=\"247\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/ai-8.jpg\" width=\"716\" height=\"247\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Акцентные места для согласования<\/div>\n<\/div>\n<p>Итоговый сайт<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/ai-102.jpg\" width=\"987\" height=\"2164\" alt=\"\" \/>\n<\/div>\n<p>Видео<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/JLP1JKT2WVA?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<h2>Маркетинговые показатели<\/h2>\n<p>Сайт должен приносить клиентов, поэтому мы считали обращения. К сожалению, точно отследить откуда человек пришел в магазин так и не получилось. Люди говорили, что с сайта, но с нового или старого никто не говорил. Поэтому сколько человек с сайта в итоге купили — неизвестно.<\/p>\n<div class=\"righttext\" style=\"margin-top: -60px;\"><p><font size=\"7\"><b>35<\/b> <\/font><br \/><br \/>\n<b>обращений<\/b><br \/> <b>за месяц<\/b><\/p>\n<\/div><p>За июль 2017 было 35 обращений: 18 из которых заполнили форму на сайте, остальные позвонили.<br \/>\nПри этом количество переходов на сайт 1139. Средняя цена клика 21,75 р.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"900\" data-ratio=\"1.8633540372671\">\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-08-10_002627.jpg\" width=\"900\" height=\"483\" alt=\"\" \/>\n<img src=\"https:\/\/blogdm.ru\/pictures\/2017-08-10_003900.jpg\" width=\"900\" height=\"483\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Cкриншоты почты и директа<\/div>\n<\/div>\n<p>Адрес сайта: <a href=\"http:\/\/ай-кухни.рф\">http:\/\/ай-кухни.рф<\/a><br \/>\nПроект выполнили: Московский Дмитрий и Трунин Илья<br \/>\nПрограммист: Андрей Тиньков<\/p>\n",
            "date_published": "2016-12-03T21:53:13+01:00",
            "date_modified": "2017-08-11T14:46:00+01:00",
            "tags": [
                "дизайн",
                "как сделали",
                "портфолио",
                "проекты"
            ],
            "image": "https:\/\/blogdm.ru\/pictures\/ai-4.jpg",
            "_date_published_rfc2822": "Sat, 03 Dec 2016 21:53:13 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "10",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blogdm.ru\/pictures\/ai-4.jpg",
                    "https:\/\/blogdm.ru\/pictures\/ai-5.jpg",
                    "https:\/\/blogdm.ru\/pictures\/ai-6.jpg",
                    "https:\/\/blogdm.ru\/pictures\/Untitled_Panorama1.jpg",
                    "https:\/\/blogdm.ru\/pictures\/Untitled_Panorama2.jpg",
                    "https:\/\/blogdm.ru\/pictures\/ai-7.jpg",
                    "https:\/\/blogdm.ru\/pictures\/ai-8.jpg",
                    "https:\/\/blogdm.ru\/pictures\/ai-102.jpg",
                    "https:\/\/blogdm.ru\/pictures\/remote\/youtube-JLP1JKT2WVA-cover.jpg",
                    "https:\/\/blogdm.ru\/pictures\/2017-08-10_002627.jpg",
                    "https:\/\/blogdm.ru\/pictures\/2017-08-10_003900.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}