{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Таня Мисютина, заметки с тегом: Веб-наблюдатель",
    "home_page_url": "https:\/\/blog.infotanka.ru\/tags\/veb-nablyudatel\/",
    "feed_url": "https:\/\/blog.infotanka.ru\/tags\/veb-nablyudatel\/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": "87",
            "url": "https:\/\/blog.infotanka.ru\/all\/po-goryachim-sledam-404-festa\/",
            "title": "По горячим следам «404 феста»",
            "content_html": "<p>На прошлых выходных в Самаре прошёл весёлый и бодрый «404 фест». Помимо поедания раков на берегу Волги, прогулок по городу и отмокания в джакузи, я участвовала в основной программе конференции: прочитала <a href=\"http:\/\/2012.404fest.ru\/themes\/webnabludatel\/\">доклад<\/a> о том, как мы делали приложение «Веб-наблюдатель», а также совместно с Юрой и Антоном провела <a href=\"http:\/\/2012.404fest.ru\/themes\/app-lynch\/\">спонтанный апп-разбор<\/a>.<\/p>\n<p>Вот, кстати, презентация про «Веб-наблюдателя»:<\/p>\n<iframe src=\"http:\/\/www.slideshare.net\/slideshow\/embed_code\/14672707?hostedIn=slideshare&page=upload\" width=\"640\" height=\"438\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<p><br><br \/>\nВ апп-разборе участвовало 5 приложений. Всё самое интересное происходило в формате живого общения и осталось за рамками презентации, поэтому публиковать её не вижу смысла. Подробные разборы приложений-участников в ближайшее время появятся в блоге.<\/p>\n<p>Огромное спасибо организаторам (в особенности Руслану Демьяненко и Егору Гилёву) за приглашение и приём, самарчанам за гостеприимство, всем слушателям за внимание и интересные вопросы.<\/p>\n<p>Здорово, что «404» год за годом собирает со всей России самую приятную и душевную компанию. Была ужасно рада со всеми увидеться и пообщаться &#9829;<\/p>\n",
            "date_published": "2012-10-10T22:03:56+03:00",
            "date_modified": "2013-08-03T11:58:59+03:00",
            "_date_published_rfc2822": "Wed, 10 Oct 2012 22:03:56 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/po-goryachim-sledam-404-festa\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "54",
            "url": "https:\/\/blog.infotanka.ru\/all\/kak-my-delali-veb-nablyudatel-rabota-nad-oshibkami\/",
            "title": "Как мы делали «Веб-наблюдатель». Работа над ошибками",
            "content_html": "<p>«Веб-наблюдатель» сделан в рекордные сроки независимой командой добровольцев, которые никогда раньше не работали вместе, в свободное от основных занятий время. Я получила огромное удовольствие от работы над проектом и рада, что была частью этой замечательной команды. Но обстоятельства всё же наложили отпечаток на результат: в приложение закрались грубые интерфейсные ошибки и мелкие недочёты.<\/p>\n<p>Больше всего в текущей версии мне не нравится экран «Я» — информация о пользователе:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/observer-31.png\" width=\"900\" height=\"475\" alt=\"\" \/>\n<\/div>\n<p>Пункты в первом блоке выглядят одинаково, но ведут себя по-разному: «Twitter» и «Facebook» авторизуют пользователя через социальные сети, а «ФИО + Email» ведёт к заполнению полей внутри приложения. При этом пользователь должен догадаться, что мы ждём от него ввода информации — никаких призывов на экране нет. Даже если он вошёл через фэйсбук, и мы узнали его имя и почту, телефон рискует остаться незамеченным. Далее наблюдатель указывает свой статус и загружает фотографию удостоверения, причём у кнопки загрузки аж три заголовка («Официальные полномочия», «Загрузите фото удостоверения», «Сфотографировать») и многословное пояснение, скрывающееся за иконкой «i».<\/p>\n<p>Этот экран наблюдатели видят сразу после установки приложения, это их первое впечатление. Мне бы хотелось, чтобы оно было более понятным и приятным. Например, таким:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/observer-32.png\" width=\"589\" height=\"435\" alt=\"\" \/>\n<\/div>\n<p>Интерфейс подталкивает пользователя к действию, заполненные и пустые поля всегда на виду, а простым смертным, которые не обладают официальными полномочиями, достаточно вбить свои данные на первом экране и не нужно переходить на второй. Жаль, что эта версия была придумана слишком поздно, и мы не успели её реализовать.<\/p>\n<p>Кроме того, меня смущают подсказки, которые были добавлены в последний момент перед запуском, из страха, что пользователи не разберутся с интерфейсом. Хорошо, что хотя бы чеклист избежал этой участи.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/observer-33.png\" width=\"900\" height=\"411\" alt=\"\" \/>\n<\/div>\n<p>Но, несмотря ни на что, проект получился крутой и полезный. Отличный повод для гордости — для нас всех!<\/p>\n<p>Спасибо Илье Обшадко за жёсткость, разумную критику и реалистичный подход к срокам, Диме Валетину за избавление от мук с андроид-версией, Сергею Ерошенкову и Косте Баеву за скорость и отзывчивость, а также Тимофею Цветкову, Лёше Поимцеву, Илье Сегаловичу, Насте Дёминой и всем-всем участникам проекта :-)<\/p>\n",
            "date_published": "2012-08-26T21:21:03+03:00",
            "date_modified": "2012-08-26T23:14:50+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/observer-31.png",
            "_date_published_rfc2822": "Sun, 26 Aug 2012 21:21:03 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/kak-my-delali-veb-nablyudatel-rabota-nad-oshibkami\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/observer-31.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/observer-32.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/observer-33.png"
                ]
            }
        },
        {
            "id": "52",
            "url": "https:\/\/blog.infotanka.ru\/2012\/08\/03\/1\/",
            "title": "Как мы делали «Веб-наблюдатель». Лого и отчёты",
            "content_html": "<p>Какую иконку выбрать для приложения? Объекты из реального мира (кабинки для голосования, урны и бюллетени) слишком громоздки и не отражают суть «Наблюдателя», логотипа и фирменного стиля у проекта не было.<\/p>\n<p>Идея пришла мне в голову, когда я размышляла над визуализацией собранных с помощью приложения данных. Вся информация, которую мы получаем от пользователей представляет собой набор тумблеров в разных состояниях. Я предложила отображать результаты в виде «восьмёрки»: чем больше тумблеров отмечено налево, тем больше площадь левого «уха» и честнее выборы. Зелёный цвет я поменяла на голубой, чтобы вся эта история ненавязчиво рифмовалась с российским флагом.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/88.png\" width=\"501\" height=\"270\" alt=\"\" \/>\n<\/div>\n<p>Такие «восьмёрки» можно рисовать в приложении по индивидуальным результатам или по участкам и регионам: при этом их размер зависит от количества наблюдателей, чтобы сравнивать их между собой. Наконец, можно одной «восьмёркой» описать все результаты, которые собраны нашими наблюдателями по всей стране.<\/p>\n<p>Узнаваемая «восьмёрка» на клечатой сетке стала символом проекта и иконкой приложения. Чтобы объяснить разработчикам, как правильно построить объект по количеству нарушений, я нарисовала в фотошопе схему с формулами.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/figure.png\" width=\"800\" height=\"200\" alt=\"\" \/>\n<\/div>\n<p>Мы добавили в приложение экран «Отчёт» с индивидуальными результатами и перекрасили тумблер в чеклисте.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/observer-2.png\" width=\"900\" height=\"411\" alt=\"\" \/>\n<\/div>\n<p>С голубым переключателем приложение выглядит «более лучше» :-)<\/p>\n",
            "date_published": "2012-08-03T17:52:41+03:00",
            "date_modified": "2012-08-03T19:21:01+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/88.png",
            "_date_published_rfc2822": "Fri, 03 Aug 2012 17:52:41 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/2012\/08\/03\/1\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/88.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/figure.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/observer-2.png"
                ]
            }
        },
        {
            "id": "8",
            "url": "https:\/\/blog.infotanka.ru\/2012\/07\/19\/1\/",
            "title": "Как мы делали «Веб-наблюдатель». Чеклист",
            "content_html": "<div class=\"e2-text-calliope-formatted\">((http:\/\/itunes.apple.com\/ru\/app\/nabludatel\/id505350851 «Веб-наблюдатель»)) помогал официальным наблюдателям и простым избирателям следить за процедурой голосования на выборах Президента РФ. Приложение разработано командой независимых экспертов под руководством Ильи Сегаловича (Яндекс) и Алексея Поимцева (Progress Engine) в феврале этого года. Я отвечала за дизайн интерфейсов, нарисовала сайт, придумала логотип и способ отображения собранной информации.\r\n\r\nОбстоятельства проекта были довольно необычными: мы начали работать над приложением и сайтом в конце января, при этом дедлайн — 4 марта — был окончательным и бесповоротным. Я жила в Таиланде и работала удалённо, остальные ребята находились в Москве. Но всё получилось: 6197 наблюдателей из Москвы, Питера, Башкортостана, Краснодарского края, Саратовской, Свердловской, Ростовской и других областей зарегистрировали с помощью приложения 11709 нарушений.\r\n\r\nЧеловеку, далёкому от политики, сложно разобраться во всех тонкостях процедуры голосования, поэтому для наблюдателей организуют обучение, выпускают справочники и пособия. Идея «Веб-наблюдателя» состоит в том, чтобы предоставить пользователям список возможных нарушений и способ мгновенно сообщить о замеченной проблеме, приложив фото или видео с места событий. Удобный и хорошо структурированный чеклист поможет даже неподготовленному наблюдателю проверить соблюдение правил, а дополнительная справочная информация пригодится в случае возникновения спора или конфликтой ситуации.\r\n\r\nКо мне список потенциальных нарушений попала в таком виде:\r\n!!\/\/3.2 (Опечатывание стационарных и переносных урн\/ящиков)\r\nВидели ли вы лично пустые урны и то, как они при вас опечатывались?\r\nДа: ОК\r\nНет: \r\nВозможное_Нарушение_2(«НАБЛЮДАТЕЛЬ НЕ ВИДЕЛ ПУСТЫХ УРН ИЛИ НЕ ВИДЕЛ КАК ОНИ ОПЕЧАТЫВАЛИСЬ»)\r\n{\r\n= вы пришли поздно, или вы не пожелали это засвидетельствовать, и претензий вы не имеете\r\n= вам не дали осмотреть пустые урны или не дали быть при их опечатывании и вы будете (или нет) подавать жалобу \r\n= вы увидели в урнах бюллетени, и вы будете (или не будете) подавать жалобу\r\n}\/\/!!\r\n\r\nПунктов было около сорока. Для простого приложения тексты оказались слишком сложными, поэтому в первую очередь я разобралась с формулировками. Вот что получилось:\r\n\r\n!!\/\/Урны\r\nпредъявлены пустые ящики (да—…—нет)\r\nурны опечатали при вас (да—…—нет)\r\n(Фото пустых ящиков)\r\n(Видео опечатывания)\/\/!!\r\n\r\nВариант ответа (…) подразумевает, что пользователь не располагает информацией по этому вопросу — это состояние во всех пунктах чеклиста было выставлено по умолчанию. Таким образом, мы не только сократили текст, но и избавились от второго уровня ветвления «возможно нарушение».\r\n\r\nПосле недолгих экпериментов дизайнер Антон Бондарев нарисовал трёхпозиционный тумблер:\r\n\r\n((thumbler-final.png))\r\n\r\nПервая версия чеклиста выглядела так:\r\n\r\n((observer-1_1.png))\r\n\r\nВ следующих статьях я расскажу про поиски фирменного стиля, оформление результатов и битву за главный экран.<\/div>",
            "date_published": "2012-07-19T19:39:11+03:00",
            "date_modified": "2012-08-03T17:47:41+03:00",
            "_date_published_rfc2822": "Thu, 19 Jul 2012 19:39:11 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/2012\/07\/19\/1\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        }
    ],
    "_e2_version": 3239,
    "_e2_ua_string": "E2 (v3239; Aegea)"
}