{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Таня Мисютина, заметки с тегом: интерфейс",
    "home_page_url": "https:\/\/blog.infotanka.ru\/tags\/interfeys\/",
    "feed_url": "https:\/\/blog.infotanka.ru\/tags\/interfeys\/json\/",
    "icon": "https:\/\/blog.infotanka.ru\/user\/userpic@2x.jpg",
    "author": {
        "name": "Таня Мисютина: mail@infotanka.ru",
        "url": "https:\/\/blog.infotanka.ru\/",
        "avatar": "https:\/\/blog.infotanka.ru\/user\/userpic@2x.jpg"
    },
    "items": [
        {
            "id": "250",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-complex-systems\/",
            "title": "Вопрос-ответ: о работе со сложными системами",
            "content_html": "<p>Анонимно:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>Я начинающий дизайнер и мне поручили обновить интерфейс сложной банковской системы. С чего лучше начать работу, как удержать в голове зависимости между разными элементами? Таблицы и списки, кажется, только сильнее запутывают.<\/p>\n<\/div><p>Представьте, что перед вами гигантский паззл. Вы можете сначала рассмотреть и классифицировать все кусочки, а потом приступить к сборке. Или взяться за небольшой фрагмент, собрать его, перейти к следующей тематической горстке, и так, пока «слепых пятен» почти не останется.<\/p>\n<p>В работе над сложными системами я придерживаюсь второго пути: начинаю с относительно небольшой, но важной задачи, досконально разбираюсь в ней, предлагаю решение и довожу его до внедрения. Один хороший интерфейс в системе — это уже польза, а в качестве бонуса я получаю близкое знакомство с частью системы и плюс в репутацию. Чем больше таких готовых фрагментов, тем более полная картина складывается в голове, тем более сложные и комплексные задачи я готова решать. Ничего страшного, если после «вскрытия» очередного пласта какие-то из ранних решений придётся пересмотреть, к тому времени они уже принесут пользу.<\/p>\n<p>Я всегда ставлю задачу самостоятельно. Обсуждаю проект с ответственными лицами, разбираюсь, задаю вопросы, после чего формулирую задачу своими словами в 2-3-4 абзаца текста. В «Нет-крекере» я периодически сталкивалась с длинными ТЗ, но мне всегда удавалось договориться о живом обсуждении и ни разу не пришлось тратить время на изучение многостраничной документации.<\/p>\n<p>Во время работы над задачей я «загружаю» всю доступную информацию в мозг и даю ей «повариться», пока решение не будет готово. После этого я «выгружаю» готовый фрагмент (фиксирую решение в виде картинок с пояснениями, например, в бейскемпе) и готова приступать к следующей задаче. Пока я ищу решение, я не берусь за другие проекты, не участвую в обсуждениях и встречах, не относящихся к теме. Входящая информация по другим задачам копится в почте и ждёт своего часа.<\/p>\n<p><b>Резюме<\/b><br \/>\nНе пытайтесь объять необъятное, начните с быстрых побед. Ставьте задачу сами, избегайте формальных ТЗ. Сохраняйте фокус, работайте над одной задачей в один момент времени. Фиксируйте результаты для быстрого доступа в будущем. Постепенно собирайте «большую картину» из качественно проработанных фрагментов.<\/p>\n<p>Подробный рассказ о моём опыте работы со сложными системами в «Нет-крекере», 2011 год:<\/p>\n<iframe width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/ayej-ShtgUo\" frameborder=\"2\" allowfullscreen><\/iframe>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы на почту <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a> — о визуализации данных и не только.<\/p>\n",
            "date_published": "2015-11-18T10:32:58+03:00",
            "date_modified": "2020-03-03T19:50:04+03:00",
            "_date_published_rfc2822": "Wed, 18 Nov 2015 10:32:58 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-complex-systems\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "199",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-chto-uluchshit-v-predlozhennoy-sheme\/",
            "title": "Вопрос-ответ: «Что улучшить в предложенной схеме?»",
            "content_html": "<p>Спрашивает Денис Балуев:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px;\"><p>Мы разрабатываем систему управления производством. Это «облачная» система в браузере, но интерфейс у нее более-менее привычный менеджеру, работающему с 1С, Word или Outlook: документы, строки, кнопки. Проблема возникла, когда нас попросили дать рабочим цеха возможность создавать и утверждать производственные приказы. Мы пытались улучшить традиционный табличный интерфейс, чтобы им можно было пользоваться на планшетах в цехе, но получалось плохо. Тогда мы вспомнили об идеях Брета Виктора, в частности, его концепции <a href=\"http:\/\/worrydream.com\/Tangle\/\" class=\"nu\">«<u>реактивных документов<\/u>»<\/a>.<\/p>\n<p>Вместо громоздкого списка документов-приказов мы стали рисовать на экране планшета <a href=\"http:\/\/bizflow.tk\/\">мнемосхемы с рецептами<\/a>, количество изменяется перетаскиванием вправо-влево. При этом видно, как изменяются остатки компонентов при производстве. Идея оказалась богатой: таким образом оказалось удобно, например, контролировать допустимые остатки компонентов на складе (пример с остатками заложен в рецепт «Велосипед»).<\/p>\n<p>К сожалению, у нас в штате нет дизайнера или специалиста по интерфейсам. Скажите, что в предложенной схеме можно улучшить?<\/p>\n<\/div><div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/velosiped.png\" width=\"700\" height=\"245\" alt=\"\" \/>\n<\/div>\n<p>Денис, идея отличная! Интерфейсу не достаёт наглядности и логики «изложения», но это легко исправить. Начните с заголовка, который объясняет назначение экрана. Название продукта управляет списком ингредиентов, включите его в заголовок. Подчёркнутые цифры — компактное решение, но не слишком наглядное. В вашем случае можно смело развернуть их в ползунки, которые покажут соотношение задействованных на производстве деталей и остатков:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/velociped-0.png\" width=\"700\" height=\"470\" alt=\"\" \/>\n<\/div>\n<p>Блок «Итого» закрепите у нижней границы экрана, чтобы он всегда был на виду и под рукой.<\/p>\n<p>Подчёркнутые ссылки отлично встраиваются в текст. В интерфейсах используйте более привычные и информативные элементы управления.<\/p>\n<p style=\"font-size:13px; margin-top:30px;\">Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: <a href=\"mailto:mail@infotanka.ru\">mail@infotanka.ru<\/a>. Ответы публикуются по понедельникам.<\/p>\n",
            "date_published": "2014-03-10T15:22:16+03:00",
            "date_modified": "2020-03-03T22:11:01+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/velosiped.png",
            "_date_published_rfc2822": "Mon, 10 Mar 2014 15:22:16 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-chto-uluchshit-v-predlozhennoy-sheme\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/velosiped.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/velociped-0.png"
                ]
            }
        }
    ],
    "_e2_version": 3239,
    "_e2_ua_string": "E2 (v3239; Aegea)"
}