Я всегда летаю Эвитеррой. У них низкие цены, супер-адекватная поддержка и очень удобный сайт. А недавно появилось и мобильное приложение: теперь планировать поездки и покупать билеты можно на айфоне. «Мы раньше никогда не разрабатывали под iOS и процесс был весьма увлекательным» — пишут ребята в блоге. Что же, посмотрим на результат :-)

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

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

Вместо бесконечной простыни результатов Эвитерра показывает осмысленные «стопочки» билетов: дешёвые, оптимальные, прямые и все остальные — наглядно и аккуратно. На мой взгляд, индикатор пролистывания (точки) здесь не нужен, достаточно торчащих слева и справа уголков других билетов. Количество вариантов лучше показать числом в заголовке блока.

Большинству пользователей подойдут билеты с первых мест выдачи, а для привередливых пассажиров предусмотрены фильтры. Правда, реализация пока хромает: окно поверх выдачи загромождает интерфейс и сбивает с толку. Перенесите фильтры на отдельный экран, а для обратной связи добавьте туда количество (и минимальную стоимость?) отфильтрованных билетов. Кстати, в одном из тестовых сценариев мне очень не хватало галочки «Максимум одна пересадка».

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

Если закрыть глаза на мелкие недочёты, приложение получилось не хуже сайта — успех!

Пишет Михаил Богорад, автор идеи и руководитель проекта:

Мы постоянно показываем результат детям, и вроде им нравится. С другой стороны, сомнения не оставляют всё равно. Когда над приложением работаешь 5 месяцев, а перед этим еще столько же вынашиваешь идею, начинаешь невольно относиться к результатам очень трепетно :)

Прописи iTrace учат детей правильно писать буквы, цифры и слова. С первого взгляда видно, как старались Миша и его команда (дизайнеры — Александра Мазурина и Игорь Волков, разработчики — Мурад Какабаев и Шурик Бабаев), приложение получилось удобным, понятным и красивым. Сколько не искала, я не нашла к чему придраться, поэтому расскажу о вещах, которые мне понравились.

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

Обучение поисходит засчёт многоступенчатой обратной связи: сперва букву демонстрирует рука со стилусом, затем на экране появляется точечная траектория, которая подсказывает направление штриха. Во время письма пропись реагирует на неправильные и неаккуратные действия, заставляет исправлять ошибки.

Со временем упражнение усложняется: буква уменьшается, границы становятся более строгими, подсказки менее явными, а на последнем шаге и вовсе исчезают.

Так, засчёт изменения интерфейса навык письма постепенно прокачивается.

Несколько спорных моментов. Мне кажется, что звёздочка после каждого подхода слишком долго летает по экрану, но кажется ли так дошкольнику, который только учится писать, нужно проверять экспериментами. Немного смущает скролл в боковом меню, где копятся призы за пройденные букво-уровни. Получается двойная вложенность: внутри скрытого элемента скрыта часть содержания. Почему бы не поставить призы в две колонки, например? Ещё, честно говоря, я с первого раза не разобралась в паззле при переходе от буквы к букве. И со второго тоже :-)

Я советую приложение как родителям начинающих «писателей», так и разработчикам детских (и не только) приложений. У ребят определённо есть чему поучиться. Ну и, Миша, когда ждать версию с кириллицей?

Кстати, я отказалась от оценок в разборах (всё равно никто не понимает, что они значат :-) Теперь заметки просто обращают внимание на ошибки и подчёркивают удачные решения.

Предновогодний разбор получился сказочным и даже с подарками :-)

Рассказывает Никита Канюков, руководитель и идейный вдохновитель проекта:

Наша студия занималась анимацией, но постепенно меняет медийный формат на приложения. Первая работа, о которой можно поразмышлять, — это интерактивный мультфильм с минииграми «Дюймовочка». Сейчас мы работаем над новым проектом, в котором постараемся учесть ошибки в UX и геймплее. Мне было бы очень интересно и полезно узнать ваше мнение о нашей работе.

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

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

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

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

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

Но в целом, приложение отличное, мне кажется, детям понравится. Читателям блога предлагается проверить это на собственном опыте. В честь Нового года команда «Дюймовочки» дарит подарки: первые пять человек, которые пришлют мне на почту mail@infotanka.ru письмо с пометкой «Дюймовочка в подарок», получат сказку бесплатно. Подарок расчитан на родителей с детьми и айпадами, поэтому в письме напишите, пожалуйста, как зовут вашего ребёнка и сколько ему лет :-)

Пишет Татьяна Дмитриева, дизайнер «Тануки»:

Таня, Привет! Мы наконец-таки закончили свое приложение и даже сделали багфикс. Как бы его тебе отдать на разбор? Было бы интересно услушать твое проф. мнение...

С помощью приложения «Тануки» любители суши выбирают и заказываю вкусную еду с доставкой и 10%-й скидкой.

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

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

На следующем экране корзина переезжает в правый нижный угол. Такие прыжки — следствие нестандартной навигационной модели — сбивают с толку. Гораздо удобнее, когда у элементов в интерфейсе есть своё постоянное место.

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

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

Оформление возвращает пользователя на стартовый экран с 30%-м барабаном. Даже заказ на двоих приходится несколько раз прокрутить туда-сюда для проверки. Как справляются пользователи, которые делают заказ на компанию, ума не приложу. При заполнении данных о доставке вы используете привычный барабан, но меняете его поведение: в вашем интерфейсе для выбора нужно не просто установить «стёклышко» на нужный пункт, но ещё раз дополнительно тапнуть по нему. Так делать категорически нельзя — стандартные элементы должны вести себя стандартно.

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

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

Обновлённый «мобильный сомелье» iSimple помогает выбрать качественное вино и купить его или заказать с доставкой. В предверии новогодних праздников пользу приложения сложно переоценить :-)

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

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

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

В гео-поиске избавьтесь от лишних шагов и покажите ассортимент прямо на экране магазина.

Ещё несколько мелочей. Заставка при запуске приложения — плохой тон. Лучше во время загрузки показать «пустой» интерфейс, это подготовит пользователя к работе с приложением (вот и Илья об этом пишет). Во время поиска вин таб-бар и кнопка «Назад» не работают. Правильнее делать загрузку внутри списка, не блокируя интерфейс. Ещё меня смутило, что ленточка, которая появляется на экране избранного вина не отображается в списке.

Лично мне не хватает рекомендаций «мобильного сомелье», чтобы выбрать первое попавшееся хорошее вино в обход фильтров и каталога. В остальном, приложение удобное и понятное. Идея и реализация — «на отлично» :-)