На прошлых выходных в Самаре прошёл весёлый и бодрый «404 фест». Помимо поедания раков на берегу Волги, прогулок по городу и отмокания в джакузи, я участвовала в основной программе конференции: прочитала доклад о том, как мы делали приложение «Веб-наблюдатель», а также совместно с Юрой и Антоном провела спонтанный апп-разбор.

Вот, кстати, презентация про «Веб-наблюдателя»:

В апп-разборе участвовало 5 приложений. Всё самое интересное происходило в формате живого общения и осталось за рамками презентации, поэтому публиковать её не вижу смысла. Подробные разборы приложений-участников в ближайшее время появятся в блоге.

Огромное спасибо организаторам (в особенности Руслану Демьяненко и Егору Гилёву) за приглашение и приём, самарчанам за гостеприимство, всем слушателям за внимание и интересные вопросы.

Здорово, что «404» год за годом собирает со всей России самую приятную и душевную компанию. Была ужасно рада со всеми увидеться и пообщаться ♥

«Веб-наблюдатель» сделан в рекордные сроки независимой командой добровольцев, которые никогда раньше не работали вместе, в свободное от основных занятий время. Я получила огромное удовольствие от работы над проектом и рада, что была частью этой замечательной команды. Но обстоятельства всё же наложили отпечаток на результат: в приложение закрались грубые интерфейсные ошибки и мелкие недочёты.

Больше всего в текущей версии мне не нравится экран «Я» — информация о пользователе:

Пункты в первом блоке выглядят одинаково, но ведут себя по-разному: «Twitter» и «Facebook» авторизуют пользователя через социальные сети, а «ФИО + Email» ведёт к заполнению полей внутри приложения. При этом пользователь должен догадаться, что мы ждём от него ввода информации — никаких призывов на экране нет. Даже если он вошёл через фэйсбук, и мы узнали его имя и почту, телефон рискует остаться незамеченным. Далее наблюдатель указывает свой статус и загружает фотографию удостоверения, причём у кнопки загрузки аж три заголовка («Официальные полномочия», «Загрузите фото удостоверения», «Сфотографировать») и многословное пояснение, скрывающееся за иконкой «i».

Этот экран наблюдатели видят сразу после установки приложения, это их первое впечатление. Мне бы хотелось, чтобы оно было более понятным и приятным. Например, таким:

Интерфейс подталкивает пользователя к действию, заполненные и пустые поля всегда на виду, а простым смертным, которые не обладают официальными полномочиями, достаточно вбить свои данные на первом экране и не нужно переходить на второй. Жаль, что эта версия была придумана слишком поздно, и мы не успели её реализовать.

Кроме того, меня смущают подсказки, которые были добавлены в последний момент перед запуском, из страха, что пользователи не разберутся с интерфейсом. Хорошо, что хотя бы чеклист избежал этой участи.

Но, несмотря ни на что, проект получился крутой и полезный. Отличный повод для гордости — для нас всех!

Спасибо Илье Обшадко за жёсткость, разумную критику и реалистичный подход к срокам, Диме Валетину за избавление от мук с андроид-версией, Сергею Ерошенкову и Косте Баеву за скорость и отзывчивость, а также Тимофею Цветкову, Лёше Поимцеву, Илье Сегаловичу, Насте Дёминой и всем-всем участникам проекта :-)

Какую иконку выбрать для приложения? Объекты из реального мира (кабинки для голосования, урны и бюллетени) слишком громоздки и не отражают суть «Наблюдателя», логотипа и фирменного стиля у проекта не было.

Идея пришла мне в голову, когда я размышляла над визуализацией собранных с помощью приложения данных. Вся информация, которую мы получаем от пользователей представляет собой набор тумблеров в разных состояниях. Я предложила отображать результаты в виде «восьмёрки»: чем больше тумблеров отмечено налево, тем больше площадь левого «уха» и честнее выборы. Зелёный цвет я поменяла на голубой, чтобы вся эта история ненавязчиво рифмовалась с российским флагом.

Такие «восьмёрки» можно рисовать в приложении по индивидуальным результатам или по участкам и регионам: при этом их размер зависит от количества наблюдателей, чтобы сравнивать их между собой. Наконец, можно одной «восьмёркой» описать все результаты, которые собраны нашими наблюдателями по всей стране.

Узнаваемая «восьмёрка» на клечатой сетке стала символом проекта и иконкой приложения. Чтобы объяснить разработчикам, как правильно построить объект по количеству нарушений, я нарисовала в фотошопе схему с формулами.

Мы добавили в приложение экран «Отчёт» с индивидуальными результатами и перекрасили тумблер в чеклисте.

С голубым переключателем приложение выглядит «более лучше» :-)