Приложение для изучения языка Duolingo перерисовало и «оживило» свой талисман, стремясь создать более привлекательный и насыщенный пользовательский интерфейс. Приложение, запущенное в 2011 году, предлагает пользователям короткие уроки на разных языках – от испанского до клингонского – и вознаграждает за ежедневное посещение баллами.
Эволюция совы Дуо
Обновление приложения, которое Duolingo назвал самым большим визуальным потрясением за последние пять лет, направлено на то, чтобы создать «более яркий» внешний вид, чтобы «постоянно улучшать» опыт пользователей и «мотивировать» их продолжать обучение.
По словам арт-директора Duolingo Грегори Хартмана (Gregory Hartman), редизайн был сосредоточен на обновлении талисмана совы приложения Дуо, которой была придана большая «индивидуальность» и более широкий спектр выражений и движений.
При взгляде со стороны было не совсем очевидно, что Duolingo нужен был редизайн, но внутри все понимали это. Мы работали с двумя художественными стилями, которые не очень хорошо сочетались друг с другом, что препятствовало нашей способности использовать Дуо – нашу сову-талисман – более динамично.
Тысячи новых иллюстраций
Редизайн, который был сделан собственными силами, выглядит более «согласованным» для всех платформ и языковых курсов. В приложении обновились тысячи иллюстраций. Одним из важнейших изменений стало использование большего количества геометрических форм и плоской перспективы для изображений во всем приложении. По словам Хартмана, это облегчает использование анимации и комбинирование разных изображений вместе.
До редизайна сова Дуо и другие иллюстрации выглядели более «нарисованными от руки» и имели более неправильные формы.
Но Хартман объясняет: с момента предыдущего редизайна прошло пять лет назад, команда Duolingo расширилась, как и ассортимент продуктов. Поэтому было просто необходимо сделать изображения более гибкими, более быстрыми для производства и простыми для анимации.
Сова Дуо превратилась из чисто номинальной фигуры в маскота, который может и должен работать с пользователем.
Старый (слева) и новый дизайн (справа)
«Дуо несколько раз появлялся в продуктах и маркетинговых материалах, но мы чувствовали, что он может рассказать больше, – говорит Хартман. – Мы предоставили ей широкий спектр эмоций, а это позволило пользователю развивать с ним более тесные отношения. Кроме этого, так мы сможем использовать сову в различных ситуациях».
Новые анимации
Сова, которая раньше была бесстрастной, теперь может быть разной. Она может быть веселой, грустной и заинтересованной – всё это позволяет ей реагировать на действия ученика. Например, если пользователь не возвращается в приложение для продолжения обучения, сообщения в приложении или по электронной почте будут приходить с плачущей совой.
Анимации также стали частью UX. Например, если пользователь справляется с несколькими заданиями подряд, анимированная Дуо хвалит его и улыбается. По словам Хартмана, анимация будет наиболее «эффективной» при использовании в наиболее «полезные» моменты путешествия пользователя и что она поможет сделать UX более «игривым». Например, сундук, который открывается от переполняющих его камней.
Среди других изображений – словно мультипликационные иллюстрации для различных тем обучения (носок для моды, самолет для путешествий). Все они представлены на ярком цветном фоне вроде фиолетового, синего и зеленого. Края у фигур со словами стали скругленными.
Новое обновление уже получили все пользователи iOS. Вскоре его увидят юзеры Android и сайта Duolingo.
Источник: Design Week
Читайте также:
5 ошибок реализации мобильных push-уведомлений
Дизайн для суицидальных пользователей: как мы можем спасти больше жизней