Путеводитель по редизайну мобильного приложения: советы и стратегии

Что дает редизайн 

Переделка приложения требует много сил, времени, денег и внимания. Однако при должном подходе затраты окупаются и предприниматели получают много преимуществ. 

• • Плюс сто к имиджу. Пользователям приятно заходить в приложение с трендовым и эстетичным дизайном, а забота компании об интерфейсе вызывает уважение. 
  • Новый уровень конкурентоспособности. Обновление продукта — проверенный способ увеличить привлекательность на рынке и усилить позиции в сторах.
  • Рост конверсии. В 99% случаев редизайн сопровождается улучшением UX, что положительно сказывается на показателях конверсии. 
  • Повышение узнаваемости бренда. Именно благодаря ей ваше приложение выбирают для скачивания в GooglePlay.
  • Приманка для инвесторов. Они смотрят на продукт как на вашу визитную карточку. Если вы обновляете и развиваете его, значит, в вас стоит инвестировать.
  • Повод для гордости. Открывать в смартфоне приложение, которое разработано по горячим трендам, и при этом понимать, что оно твое — приятный бонус. 

Как правильно подготовиться к редизайну приложения

Допустим, у вас набралось достаточно веских причин сделать редизайн, есть KPI, некая идея и острое желание действовать. Советуем не спешить: к такому непростому пути стоит как следует подготовиться. 

Вот что стоит сделать перед стартом работ:

• • Спланируйте реалистичный бюджет и сразу определите, чем вы можете и не можете пожертвовать.
  • Продумайте сроки и прикиньте желаемую дату релиза.
  • Поделитесь планами с партнерами.
  • Изучите тренды UI/UX.
  • Подумайте над функциями: останутся они прежними или нет?
  • Назначьте ответственного за организацию процесса.
  • Выберите путь: редизайн своими руками или с помощью агентства.
  • Если выбрали второй вариант, изучите рынок разработки и подберите команду.

Из каких этапов состоит редизайн 

В этом блоке мы опишем подход, по которому работаем сами.

Шаг № 1. Исследовать рынок

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

Шаг № 2. Провести UX-аудит текущей версии

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

Шаг № 3. Изучить отзывы 

Еще одно исследование, без которого не обойтись — анализ отзывов. Соберите комментарии в App Store и Google Play, а также в социальных сетях. Кстати, еще вы можете создать в приложении опрос и предложить участие пользователям.

Шаг № 4. Разработать концепцию UI/UX

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

Шаг № 5. Протестировать новый дизайн

Тестирование поможет устранить недостатки и пробелы в пользовательском опыте и интерфейсе в целом. На этой стадии UX-исследователи проводят интервью, A/B-тесты и продумывают пользовательские сценарии.

Шаг № 6. Запрограммировать

Когда интерфейс спроектирован, можно переходить к написанию кода. В редизайне всегда участвует фронтенд-разработчик, также в зависимости от количества новых функций к процессу подключается бэкендер. Если приложение разрабатывают заново с нуля, то удобнее писать его одновременно и для iOS, и для Android. Например, на React Native, фреймворке JavaScript.

Шаг №7. Проверить и выпустить в релиз

Еще один этап тестирования, на этот раз финальный. Команда QA оценивает продукт и ищет баги. Кроме того, разработчики следят за тем, чтобы программа соответствовала всем требованиям платформ. Затем, барабанная дробь, долгожданный выпуск приложения. 

Шаг № 8. Сделать ретроспективу

«Получилось или нет?» — постарайтесь честно ответить на этот вопрос после релиза. Но также помните, что жизненный цикл продукта на этом не заканчивается. Приложение требует поддержки и развития.

Сколько стоит редизайн мобильного приложения

В таблице ниже — примерная оценка стоимости редизайна мобильного приложения в партнерстве с Purrweb. По плану, который мы описали выше, в соответствии с принципами работы из этой статьи. 

Допустим, вы планируете обновить интерфейс приложения из 15 блоков — регистрация, лента новостей и так далее. Каждый состоит из 3-5 экранов. Мы бесплатно оценим стоимость и сроки разработки, получится примерно следующий результат: 

Как понять, что пора делать редизайн

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

Вот несколько вещей, которые подскажут вам, что настало время кардинальных перемен.

Устаревший интерфейс

Если тренды изменились, а приложение застряло в 2007 — это повод для обновлений. Возьмем кейс компании Apple. Пятнадцать лет назад iPhone 1 стал прорывным продуктом. Тогда его купили 6 миллионов человек, но сейчас вы едва ли захотите сделать то же самое. Однако к «яблочным» смартфонам последующих поколений хоть раз приглядывался почти каждый человек. Секрет Apple в том, что они знают, как развивать и поддерживать свою продукцию.

Первая версия iPhone vs iPhone 11. Левый интерфейс выполнен в реалистичном дизайне, который позднее потерял популярность в пользу флэт (от англ. flat — плоский) дизайна

Проседающие метрики

Плохие результаты аналитики — красный флажок, который нельзя игнорировать. Для мобильных устройств важны 

• • процент сохранения клиентов (retention rate), 
  • процент конверсии (conversion rate), 
  • процент новых пользователей (adoption rate). 

Также обратите внимание на 

• • коэффициент оттока (churn rate), 
  • показатель ежедневных активных пользователей (DAU),
  • показатель ежемесячных активных пользователей (MAU), 
  • пожизненную ценность клиента (LTV).

Низкие показатели аналитики — признак, что у приложения есть недостатки. Их важно исправить.

Ребрендинг

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

Как эволюционировал логотип «Нетфликса» с момента основания в 1997 году

А вот как как менялся официальный сайт сервиса

Негативные отзывы

Приложения создаются для комфорта и удобства пользователей. Поэтому, если в отзывах вам жалуются на нечитабельный черный Comic Sans на темно-зеленом фоне, нужно прислушаться. Обратную связь можно использовать для формирования UX стратегии и дизайна в целом. Конечно, если научиться не принимать ее на свой счет.

Пользователи подсказывают, что в интерфейсе есть недостатки

Новости и актуальные тренды из мира стартапов в нашем Telegram-канале Стартап-пикап.

Подписаться

Новая целевая аудитория

Смена бизнес-целей — тоже распространенное явление среди предпринимателей. Сначала компания может ориентироваться на одних пользователей, а затем сместить фокус на других. Это стоит отразить и в дизайне продукта. Скажем, приложение для домашнего фитнеса для женщин 25-45 лет расширило аудиторию до 65+. Тогда придется сделать дизайн более доступным для возрастных пользователей: увеличить шрифт, упростить навигацию и изменить подачу контента.

Повторим главное еще раз

• • Существует несколько причин и поводов, которые подталкивают предпринимателей провести редизайн. Среди них устаревший UI/UX, смена фирменного стиля компании, негативные отзывы, фокус на новой целевой аудитории и плохие показатели.
  • Успешный редизайн помогает улучшить имидж компании в глазах пользователей и инвесторов, повышает узнаваемость бренда и доверие к нему.
  • Чтобы обновление продукта прошло максимально эффективно, поставьте четкие цели и KPI, проанализируйте ЦА и рынок. Если редизайн для вас — это что-то на эльфийском, то лучше доверить его опытной команде.
  • Прежде чем приступать к редизайну, проведите подготовительную работу. Продумайте бюджет и сроки, обсудите планы с партнерами, назначьте того, кто будет управлять процессом с вашей стороны.
  • Процесс редизайна приложений имеет много общего с дизайном с нуля. Сначала проводится исследование рынка и аудитории. Затем дополнительный этап — анализ текущей версии приложения. Потом код и тестирование. После релиза вы собираете отзывы пользователей.

Если вы хотите начать редизайн приложения и ищете команду профессионалов, которые помогут вам, заполните форму для связи с нами.