о визуализации данных и жизни

Позднее Ctrl + ↑

Апп-разбор: DOMGEO 5/3

Спрашивает Максим Барнаш, менеджер проекта DOMGEO:
DOMGEO — портал о недвижимости, с объявлениями об аренде и покупке квартиры, главные цели которого максимально «чистая» база и удобство использования. У нас также есть айфон и айпад приложения, но их качество нас не совсем устраивает.

Какие, на твой вгляд, грубые ошибки есть в интерфейсе? Что можно улучшить?
http://blog.infotanka.ru/pictures/domgeo-1.png

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

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

http://blog.infotanka.ru/pictures/domgeo-2.png

На главном экране смущают две кнопки: «Продажа» и «Аренда». Не очень понятно, кому из пользователей понадобятся они обе. На мой взгляд, покупатели и арендаторы, а также их агенты — это две непересекающиеся аудитории. И даже если функционал для них совпадает, решение с двумя кнопками вызовет ошибки и путаницу. Базы лучше разделить более явно, например, переключателем сверху (Segmented Control) или даже сделать два отдельных приложения.

http://blog.infotanka.ru/pictures/domgeo-3.png

По собственному опыту знаю, что хорошие предложения разлетаются «как горячие пирожки», кто первым отреагировал на объявление, тот и снимает квартиру. Поэтому я бы советовала дополнить списки пуш-уведомлениями о новых вариантах. Информативность выдачи результатов можно повысить, если логотип «Домгео» в шапке заменить на «Аренда на Зоологической, Москва», а вместо «2-комнатная квартира в аренду» писать «2 комн.» или просто «двушка». Таким образом, освободится место для дополнительной информации: точного адреса, метража, агентской комиссии и т. п.

http://blog.infotanka.ru/pictures/domgeo-4.png

Итого: идея отличная, а вот реализация на троечку.

Брэйнвошинг «Интерфейсы для айфона»

12, 13 и 15 апреля на курсе «Интерфейсы для айфона» 16 участников слушали лекции, делали практические задания и проектировали свои собственные приложение под чутким руководством Тани Мисютиной, Юры Подорожного и Антона Ловчикова.

Курс получился очень динамичным: теорию сменяла практика, практику — самостоятельная работа и обсуждение с инструкторами. Участники работали над самыми разными предложениями: серьёзными («Госуслуги», интернет-банк и новостная лента «Интерфакса»), полезными (хранилка банковских карт, учёт доходов, метроном) и развлекательными (туристический аудиогид, «Живое граффити», планировщик вечеринки). Душевности мероприятию добавляла необычная атмосфера «Банки».

Фотографии организаторов и участников @sergeyminkin, @peterbatur, @boldov, @VlaPy:

В первый день обсуждали концепцию и структуру приложения. Ребята отвечали на открытые вопросы, избавлялись от избыточной функциональности и продумывали структурные схемы интерфейсов. Во время утреннего перерыва выяснилось, что у нашего гостя из Самары Сергея Минкина — День рождения. К счастью, нам удалось найти в окрестных магазинах поздравительные свечки, и мы устроили на втором кофебрэйке праздничное чаепитие :-)

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

Отзывы участников
Владислав Коробов, LiveTyping: «Приехал я после брэйнвоша домой и не хотел ничего делать кроме интерфейса айфоновского, учел основные грубые ошибки и сразу поправил их, стал по-другому мыслить про андроиды (перепродумал все чуток).»

Евгений Силинский, интернет-агентство «Далее»: «Мне очень понравился второй день, состоящий полностью из докладов (без практики). Мне было бы удобней вынести практику в домашние задания, а собравшись вместе слушать лекции (наверно мне далек образ дизайнера, который может работать с ноутбуком в любом месте :) А так мне понравилось, всё было очень познавательно :)»

Ярослав Патрикеев, Cloud Castle: «По всему: хочется глубже, хардкор для продвинутых, больше практики и конкретики, кейсов и дискуссий. Нужно больше обсуждений, практики, сложнее теории, больше кейсов.»

The Eatery: о вкусной и здоровой пище

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

Считается, что ежедневно записывая съеденное, можно улучшить качество питания без каких бы то ни было дополнительных правил. Факт наблюдения заставляет человека более ответственно относиться к еде, но вести подобный дневник довольно утомительно. Кроме того, вечером длинного дня бывает сложно вспомнить все завтраки, обеды и перекусы. Эту проблему создатели «Итери», ребята из компании «Мэссив-хэлс», решают с помощью айфона. Он всегда под рукой, а добавление еды происходит в два простых шага: фото + оценка по шкале «вредно-полезно».

http://blog.infotanka.ru/pictures/the-eatery-1.png

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

http://blog.infotanka.ru/pictures/the-eatery-2.png

Но как быть, если человек не знает о вреде того или иного блюда? На этот случай в приложении используются «интеллект толпы» (crowd intelligence): вся добавленная еда оценивается не только мной, но и другими пользователями. Поэтому статистически вероятность правильной оценки значительно возрастает. Единственый нюанс, который я наблюдала на собственном опыте, — красивые фотографии получают больше баллов, чем ничем не выдающиеся, даже если еда на них одинаковая. Но эта разница остаётся в пределах допустимой погрешности.

http://blog.infotanka.ru/pictures/the-eatery-3.png

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

У приложения есть и недостатки. Для меня еда — очень личная тема, мне бы не хотелось шарить свою ленту съеденного друзьям на фэйсбуке. К сожалению, в «Итери» до сих пор нет возможности вести закрытый дневник. Кроме того, приложение часто ошибается в выборе гео-локации, а отредактировать добавленные записи невозможно, поэтому во время обеда приходится тратить время на проставление правильных гео-тэгов. Это большой минус, потому что отвлекает от, собственно, еды.

Айфон как образ жизни

Айфон и айпад — устройства будущего. Благодаря мобильности, встроенным возможностям и удобству среды для разработчиков, они идеальны для появления революционных приложений, которые уже изменили и продолжают менять наши представления об интерфейсах. Твиттер, Форсквер, Эверноут, Дропбокс, спорт- и фуд-трэкеры, журналы и книги на айпаде — больше, чем приложения с хорошим дизайном. Каждое из них создаёт новые форматы и сценарии, которые влияют на наш образ жизни, делают нас более активными, свободными, здоровыми и умными :-)

Айфон избавляет от лишнего. Я больше не беру в поездки путеводители, бумажные книги, фотокамеру. В незнакомом городе я чувствую себя как дома: ориентируюсь по Гугл-картам, исследую интересные места с помощью Форсквера, связываюсь со старыми друзьями через Фэйсбук, бронирую жильё на Эйр-би-эн-би, делюсь впечатлениями в Твиттере и фотографирую Инстаграмом:

http://blog.infotanka.ru/pictures/IMG_6550.JPG
Юнион-сквер, Нью-Йорк

Этот блог не про новинки аппстора, не про текстуры и стеклянные кнопочки. Мне интересны приложения, которые меняют реальность и помогают стать лучше. Я буду делиться открытиями и идеями, писать о собственных работах, публиковать разборы приложений по заявкам читателей и отвечать на вопросы. Присылайте свои приложений или живые прототипы на апп-разбор:  .