Назад

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

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

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

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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

Ребрендинг

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

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

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

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

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

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

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

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

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

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

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

Когда редизайн не нужен

Обновление интерфейса несет много плюсов, но это не волшебная таблетка для любой ситуации. Иногда игра все-таки не стоит свеч.

Кейс № 1. Забыли о целевой аудитории

Опора на тенденции дизайна — разумная стратегия. Однако лучше не следовать за модой только ради моды. Для создания дружелюбного интерфейса, важно научиться смотреть на него глазами аудитории. Если ее составляют солидные бизнесмены 45+, которые носят смокинги 5 дней в неделю, дизайн в стиле Мемфиса будет неуместен.

Кейс № 2. Спутали вкусовщину с конструктивной критикой

В отзывах можно прочитать много полезного, как в примере выше про Comic Sans, но столь же часто вы будете натыкаться на вкусовщину. Одному не нравится цвет кнопок, другому удобнее заполнять форму с имени, а не с фамилии. Одиночные субъективные комментарии — не основание для редизайна. Лучше обратить внимание на тенденции и отфильтровать фидбэк, выбирая полезные замечания. Стоит следить за отзывами, где упоминаются недостатки юзабилити и UX. Например, низкая скорость загрузки страниц, непонятная навигация, сбивающие с толку CTA. Вот это — повод провести ревизию интерфейса.

Основные ошибки в редизайне приложений

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

Распространенные ошибки  Как их избежать
Нечеткие цели и задачи редизайна Сформулировать причины редизайна и KPI
Пренебрежение потребностями аудитории Проанализировать ЦА и разработать продукт, который она посчитает полезным
Перегруженный интерфейс Следить за балансом UI/UX, ставить пользу и дружелюбность интерфейса в приоритет
Незнание рынка Наблюдать за конкурентами, трендами и профильными коммьюнити
Отсутствие последовательности Выбрать одну концепцию, которой вы будете придерживаться в процессе
Первый в жизни редизайн своими силами Обратиться к профессионалам, которые выполнят всю работу
Если вы хотите доверить редизайн профессионалам, изучите список 10 лучших агентств в сфере UX

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

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

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

  • Спланируйте реалистичный бюджет и сразу определите, чем вы можете и не можете пожертвовать.
  • Продумайте сроки и прикиньте желаемую дату релиза.
  • Поделитесь планами с партнерами.
  • Изучите тренды UI/UX.
  • Подумайте над функциями: останутся они прежними или нет?
  • Назначьте ответственного за организацию процесса.
  • Выберите путь: редизайн своими руками или с помощью агентства.
  • Если выбрали второй вариант, изучите рынок разработки и подберите команду.
Давайте начнем редизайн вашего приложения уже сегодня!
Мы будем рады помочь. Свяжитесь с нами для получения бесплатной оценки проекта в течение 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 рублей 

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

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

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

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

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

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

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

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

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

Share

FAQ s

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

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

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

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

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

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