Dev Story Раскраска: Динозавры. История об интерфейсах

ТЕКСТ: СТАНИСЛАВ ВЕРИГО (DECAFE). Идея сделать детские раскраски появилась сразу же, как только стало понятно, что на каждом айпаде сотрудника студии, у которого есть ребенок от четырех до семи лет, установлено как минимум, несколько раскрасок. А так как, всегда полезней учиться на чужих ошибках – мы устроили опрос наших маленьких тестеров, что нравится и не нравится в раскрасках, в которые они играют.

Что не нравится
1. Плохой контент. Неинтересный и плохо подготовленный, например, когда лезут пиксели такого размера, что непонятно откуда вообще авторы драли эти картинки.
2. Отсутствие самых обязательных опций: undo, сохранения картинки, чтобы можно было продолжить рисование потом, отсутствие чистого листа чтобы порисовать, понятная навигация, которая не даст случайно потерять результат рисования.
3. Банальные тормоза.
4. А самое раздражающее – неудобный, непонятный интерфейс (!), мешающий рисованию.

С пунктом 1 справиться проще простого – «прямые» руки дизайнера и иллюстратора создают альбомы авторских рисунков; а пункты 2 и 3 побеждаются квалификацией программистов.

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

Размещение блоков интерфейса

Простых схем достаточно, чтобы убедиться, что изобретать велосипед не стоит. Вариант 3 самый простой и функциональный, никакие элементы не закрывают область рисования, а вертикальная ориентация – позволяет использовать картинки близкие к квадрату, что удобно.

Варианты панели раскрашивания

Пробуем разные варианты: пограничные «сложный» и «упрощенный» – рисуем и тестируем.

После общения с детьми мы понимаем, что расширенный функционал никому не нужен и его минус, в том, что часть панелей всплывает поверх раскраски, мешая рисовать. Упрощенный вариант вообще не понравился. Даже самые маленькие хотели большей свободы для творчества.

Так что истина осталась где-то посередине. Ее мы и осуществили в очередном прототипе:

Общий функционал снова протестировали. Без компромиссов не обошлось.
Например, сделали фиксированную палитру и функцию заливки. Для тех, кто постарше, станет важной настройка толщины кисти в режиме рисования.

Читайте также  Clear: 350 000 загрузок за 9 дней, iPad и Mac на очереди

Видео с тестов схемы интерфейса и одного из финальных вариантов:

Иконки

Выбрали образы для основных иконок-функций. Традиционные иконки против объектов.

Объекты конечно сразу понятны. Но они не всегда отвечают смыслу функции. Ластик– хорош, а для undo объект придумать непросто.

Стилистика интерфейса

Теперь надо определиться со стилистикой. Варианты: «Photoshop», «Деревянная коробка» и «Мультяшный».

Коллективным голосованием детей был выбран вариант «Деревянная коробка с красками». Этот вариант был еще немного усовершенствован и его можно видеть в наших приложениях.

Динозавры vs. Динозаврики

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

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

Итак, мы разделили раскраску на «более взрослую» и версию «для самых
маленьких». Посмотрите что у нас получилось.
Видео «Динозавры»

Видео «Динозаврики»

Итоги

Мы написали о некторых ключевых этапах, чтобы не превращать историю в
роман. Эскизы разных вариантов интерфейса, создание и тесты прототипов, не ускоряют разработку приложений. Но это время не будет лишним, если речь идет о приложении для детей. Мы постарались учесть многое, но точно не все. В ближайших планах – усовершенствование интерфейса, добавление новых опций и контента в приложения. Так что будем благодарны за любую критику и комментарии!

Раскраска. Динозавры для iPad Full: $0.99 [iTunes link]

Раскраска. Динозавры для iPad Lite: Free [iTunes link]

Раскраска. Динозаврики для iPad Full: $0.99 [iTunes link]

Раскраска. Динозаврики для iPad Lite: [iTunes link]

Данная история опубликована в рамках рубрики Developer Story, где разработчики делятся секретами своей внутренней кухни.
Источник: iphones.ru

TRAVEL