6 заметок с тегом

айпад

Электронные прописи iTrace

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

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

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

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

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

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

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

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

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

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

Дюймовочка: 5/5

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

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

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

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

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

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

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

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

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

1000 лучших мест России: 4/4

Пишет Андрей Ковзель из издательства Ideanomix:

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

Приложение «1000 лучших мест России» рассказывает о достопримечательностях на родных просторах: реках, долинах, водопадах, ледниках, заповедниках, кремлях и соборах (листайте сладшоу ↓)

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

Взгляните на главный экран приложения Park Guides от National Geographic (которое, кстати, в этом году получило премию Apple Design Awards). В нём список и карта — это не разные разделы, а способ отображения информации, на том же экране справа — поиск с фильтрами. Засчёт этого структура приложения получается простой и понятной, вся информация находится под рукой, при этом пропадает необходимость прыгать туда-сюда через главный экран.

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

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

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

Hidepad: 5/4

Спрашивает Денис Ширяев, автор приложения Hidepad:

Если вкратце то приложение позволяет записывать текст в общественном месте путем скрытия экрана панелькой. Вот такая вот штука, что скажешь?

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

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

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

Ещё один совет: раз уж защитный экран — это ваша «супер-способность», активируйте его сразу и уберите дурацкую надпись «pull it down». Пусть экран опускается автоматически, а пользователь при желании отодвигает его вверх, заставляя замереть.

Итого: «пятёрка» за идею, «четвёрка» за реализацию.

2012   Hidepad   айпад   апп-разбор   заметки

Смарт-баттонс: 5/4

Пишет Сергей Алёшин, создатель приложения «Смарт-баттонс»:

Мне кажется, что это самый удобный бытовой калькулятор для iPad. Особенно на фоне сотен примитивных копий обычных калькуляторов. Наверное, хотелось бы узнать, что нужно сделать, чтобы человечество по достоинству его оценило ;-)

Калькулятор «Смарт-баттонс» хранит историю расчётов и превращает результаты операций в кнопки для дальнейшего использования.

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

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

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

UPD. Макс Барнаш подсказывает, что похожая функциональность реализована в калькуляторе Calcbot, но там для выбора числа или операции используется контекстное меню. Решение Сергея намного элегантнее.

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

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

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

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

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