Назад

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

Возможно, вы помните, как 12 лет назад мир сходил с ума по Gangnam style, «Ходячим мертвецам» и Эдварду Каллену. Однако с тех пор пыл «сумеречных» фанатов заметно поубавился, а российские меломаны почти перестали слушать PSY.

Мода приходит и уходит. Этот закон применим и к сфере UI/UX дизайна. Если вы откроете приложение в трендах 2012 года, то ужаснетесь от скевоморфных элементов и темных «ползунков». К счастью, это можно исправить с помощью редизайна. О том, как провести его максимально выгодно, читайте в этой статье.

Время чтения: 6 минут

Содержание

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

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

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

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

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

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

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

Ищете компанию, которая сделает для вас редизайн приложения?
В нашей копилке больше 300 проектов в разных нишах — от здравоохранения до IoT. Свяжитесь с нами и получите бесплатную оценку проекта в течение 48 часов.
Связаться

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

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

Этапы редизайна

Шаг № 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 экранов. Мы бесплатно оценим стоимость и сроки разработки, получится примерно следующий результат: 

Этап Время Приблизительная стоимость
Оценка проекта ⏰ 8 часов 👛 0
Исследование рынка  ⏰ 2 часа 👛 6 200 рублей
UX-аудит ⏰ 4 часа 👛 12 400 рублей
UI/UX-дизайн ⏰ 90 часов 👛 308 500 рублей
Разработка ⏰ 215 часов 👛 734 200 рублей
Тестирование ⏰ 86 часов 👛 119 100 рублей
Менеджмент  ⏰ на протяжении всего проекта 👛 121 200 рублей
Всего 3 недели  👛 1 301 600 рублей 

Давайте начнем редизайн вашего приложения уже сегодня!
Мы будем рады помочь. Свяжитесь с нами для получения бесплатной оценки проекта в течение 48 часов.
Связаться

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

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

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

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

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

Редизайн IPhone

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

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

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

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

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

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

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

Ребрендинг

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

Эволюция логотипа Netflix

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

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

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

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

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

Важность шрифта в дизайне

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

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

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

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

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

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

Насколько публикация полезна?

Оцени эту статью!

7 оценок, среднее 4.4 из 5.

Оценок пока нет. Поставьте оценку первым.

Так как вы нашли эту публикацию полезной...

Подписывайтесь на нас в соцсетях!

Share

FAQ s

  • Какой должна быть команда для успешного редизайна?

    В команде всегда есть UI/UX дизайнер и фронтенд-разработчик. Также менеджер, который управляет всем процессом. Если вы планируете изменения в серверной части проекта, к команде присоединяется бэкенд-разработчик.

  • Сколько времени требуется на переделку приложения?

    Ответ на этот вопрос может дать только конкретный партнер-разработчик. Сроки зависят от вашего проекта и подхода команды. Purrweb выпускает MVP в среднем за 3 месяца. Мы создаем базовую версию, наблюдаем за обратной связью и при необходимости вносим правки.

  • Как проверить качество нового дизайна?

    Есть несколько способов и методов. Во-первых, нужно понять, как аудитория воспринимает UI (интерфейс) в целом. Это можно делать с помощью опросов, теста 5 секунд и метода первого клика. Во-вторых, стоит оценить качество UX (пользовательского опыта). Для этого существует масса проверенных методов проверки юзабилити: тепловые карты, записи экранов и тестирование пользовательских сценариев.