---
publishYear: 2019
name: Video-santa
title: Дизайн мобильного интерфейса и авторское сопровождение
excerpt: Помогли Деду Морозу запустить мобильное приложение с поздравлениями
logo:
src: ~/assets/images/portfolio/video-santa/logo.png
alt: Видео дед мороз logo
link: https://videodedmoroz.ru/
image: ~/assets/images/portfolio/video-santa/video-santa.png
imageAlt: Дизайн мобильного интерфейса и авторское сопровождение
thumbnail:
src: ~/assets/images/portfolio/cards/dedmoroz.svg
alt: Собака Павлова • Видео Дед Мороз • Дизайн интерфейса мобильного приложения
tags:
- ec
- ux-design
- mass
- mob
- kids
- constructor
context: У заказчика уже был сайт. К нам он пришел разработать приложение.
result:
- text: Убрали из публичного доступа
link: mailto:we@sobakapav.ru
budget: ~ 950 000 ₽
metadata:
canonical: https://sobakapav.ru/portfolio/video-santa
title: Мобильный интерфейс • Дизайн приложения для Деда Мороза (практический кейс)
description: "Разработали UX/UI-дизайн приложения, в котором можно заказать поздравление Деда Мороза. С двумя режимами и отдельным интерфейсом для детей"
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/video-santa/video-santa.png'
width: 1318
height: 776
type: website
---
import { YouTube, Tweet, Vimeo } from 'astro-embed';
### Белая борода, мешок подарков и мобильное приложение
Дед Мороз старый, но вовсе не отсталый. Откуда мы это знаем? А мы помогали ему сделать мобильное приложение для видеопоздравлений. Сайт, между прочим, у него [уже есть](https://videodedmoroz.ru/).
Сам Дед Мороз классный — детям нравится (и вообще, вы посмотрите на эту бороду!) И поздравления настолько хороши, что дети их даже летом пересматривают. Дед и по имени ребенка назовет, и за школьные и прочие успехи похвалит, и куча всего еще.
<YouTube id="mi3IHAJ4kIg" />
Чтобы сделать подарок настолько детальным, на сайте есть конструктор поздравлений. Родители заполняют подробную анкету, загружают фото с комментариями и т. д. — и получают ролик с поздравлениями, в котором все эти детали учтены. Даже в бесплатной демо-версии.
Интерфейс этого конструктора нам нужно было перенести на другую платформу — адаптировать для мобильного приложения. По крайней мере, с этого все началось.
_Из пожеланий клиента: новогоднее настроение круглый год_
### Как мы интерфейс для дедушки рисовали
В первую очередь нужно продумать логику интерфейса. Мы начали с вайрфреймов, низкодетализированных монохромных картинок.
Так мы могли показывать заказчику не отдельные картинки, а целые сценарии в действии.
_Начало сценария «Создать поздравление»_
Продумав и утвердив логику интерфейса, мы занялись визуальными решениями.
_Ищем визуальное решение_
Предложили заказчику несколько дизайн-концептов, он выбрал один. Доработали концепт, начали детализировать интерфейс и делать прототип.
_Уточняем визуальное решение_
### И вот что получилось. Интерфейс для родителей
Основной родительский сценарий — создать поздравление в конструкторе.
Если это первое поздравление, нужно заполнить анкету ребенка. Выбрать имя из списка или добавить новое, если нужного нет. Если пол не очевиден по имени — уточнить. Если указать день рождения, Дед Мороз потом сможет поздравить ребенка еще и с ним.
_Анкета ребенка_
В анкете — постоянная информация о ребенке. Конкретное поздравление можно детализировать еще сильнее.
Загрузить несколько фото с комментариями, письмо к Деду Морозу, рассказать, за что нужно похвалить ребенка и что ему пожелать на следующий год.
_Можно добавить детали, которые сделают подарок личным_
Все, можно сохранить поздравление и, если захочется, купить его платный вариант.
_Подарок готов, можно дарить_
Что еще может понадобиться родителям от этого интерфейса? Выбрать поздравление в магазине. Подарить поздравление ребенку друзей. Удалить или восстановить видео.
Как видите, это уже не просто конструктор поздравлений, а чуть более сложная штука.
Но ведь приложением будут пользоваться не только родители, но и дети.
Нужен отдельный детский интерфейс.
### И вот что получилось. Интерфейс для детей
Плохой детский интерфейс — как фальшивая елочная игрушка. Разобраться-то в нем ребенок разберется, но радости никакой.
Вместо неудобного интерфейса или непонятного, или унылого, — лучше уж рыбьего жиру ребенку предложить, честное слово. Радости столько же, но хотя бы полезно.
Детский интерфейс должен быть таким же, как для взрослых, только лучше, удобней и понятней.
Навигация — настолько простая, насколько это вообще возможно. У нас вот — только кнопки «Вперед» и «Назад» и свайп.
Еще, кстати, дети держат телефоны не так, как взрослые.
_Вот так. И надо убедиться, что до любого контрола при этом легко дотянуться_
В первом релизе детский режим реализовать не успели. Но дизайн интерфейса для него мы уже сделали.
_Детский интерфейс. Главный экран и онбординг_
В детском режиме — личная комната ребенка.
В комнате ребенка хранятся поздравления. Детям нравится их пересматривать даже летом.
_Детский интерфейс. Комната ребенка, в которой хранятся видеопоздравления_
Что за маленькая неинтересная кнопка в верхнем углу? А это для взрослых — переход в родительский интерфейс.
### Погодите, это еще не все
Мы передали этот проект в разработку, но до самого запуска будем продолжать авторское сопровождение.
К примеру, нужен дизайн страниц приложения в AppStore и GooglePlay — рисуем дизайн страниц.
_Страница приложения в AppStore_
Или заказчик предлагает скорректировать логику интерфейса: убрать регистрацию «по умолчанию». Разумно — люди не любят регистрироваться без особой на то причины.
_Пускай приложение предлагает пользователю не зарегистрироваться, а создать видео. А поскольку поздравления строго индивидуальны, регистрация и заполнение анкеты не раздражают. Для них есть ясная причина, а не «нам нужно больше, больше регистраций»_
Реализуем новую логику в дизайне, корректируем макеты — и так пока приложение не выйдет.
Если бы все это происходило в рамках собственно проекта, а не авторского надзора, улучшайзинг бы затянулся приблизительно навечно и до разработки дело бы дошло нескоро.
### Смысл
1. В этом проекте самое для нас интересное — детский интерфейс. Тем более что мы делали его впервые. Теперь знаем: надо как для взрослых, только лучше.
2. Авторское сопровождение — не роскошь, а нормальная часть рабочего процесса.
3. Дорогой Дедушка, если ты это читаешь, подари мне, пожалуйста, котенка.
# Ничего страшного, если концепция меняется на лету. Поймаем и сделаем.