{
    "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:\/\/www.blogdm.ru\/tags\/proektirovani\/",
    "feed_url": "https:\/\/www.blogdm.ru\/tags\/proektirovani\/json\/",
    "icon": "https:\/\/www.blogdm.ru\/pictures\/userpic\/userpic@2x.jpg?1760290258",
    "authors": [
        {
            "name": "Дмитрий Московский",
            "url": "https:\/\/www.blogdm.ru\/",
            "avatar": "https:\/\/www.blogdm.ru\/pictures\/userpic\/userpic@2x.jpg?1760290258"
        }
    ],
    "items": [
        {
            "id": "65",
            "url": "https:\/\/www.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:\/\/www.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:\/\/www.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:\/\/www.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:\/\/www.blogdm.ru\/pictures\/--2019-11-16--16.46.10@2x.png",
                    "https:\/\/www.blogdm.ru\/pictures\/--2019-11-16--16.59.04@2x.png"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}