Как лучше всего подойти к редизайну мобильного приложения
Опубликовано: 2015-11-16Мир дизайна пользовательского интерфейса мобильных приложений быстро меняется. Тенденции дизайна приложений приходят и уходят. Популярные стили пользовательского интерфейса сегодня могут легко стать бестактностью завтрашнего дня. Просто подумайте о том времени, когда дизайн пользовательского интерфейса, на который сильно повлиял скевоморфизм, был в моде. Это было не так давно. Apple изменила дизайн только в 2013 году, выпустив iOS 7.
Креативные дизайнеры и новаторы постоянно внедряют новые способы разработки пользовательского интерфейса мобильного приложения. Превратятся ли эти новые способы в тенденции, во многом зависит от реакции мобильных пользователей на результаты. Чтобы быть хорошим дизайнером пользовательского интерфейса мобильного приложения, нужно быть в курсе последних тенденций дизайна и того, как развиваются мобильные пользователи в целом.
В какой-то момент карьеры дизайнера пользовательского интерфейса мобильного приложения приходится сталкиваться с проектом редизайна приложения. Возможно, вы запустили свое приложение пару лет назад, что с точки зрения дизайна пользовательского интерфейса эквивалентно десятилетию назад. Это нужно немного освежить. Или, может быть, проект редизайна приложения приземлился на вашем столе, и теперь вы задаетесь вопросом, с чего начать.
В этом посте мы рассмотрим основы редизайна мобильного приложения. Это полезно, если вам интересно, как подойти к редизайну мобильного приложения, на что обращать внимание и как это сделать хорошо.

Почему приложение переделывается?
Проект редизайна мобильного приложения — это большая работа, и мы все это знаем. Маловероятно, что кто-то будет запускать редизайн приложения по несерьезным причинам. Это действительно происходит, но мы вернемся к этому через некоторое время. Прежде чем прыгать прямо в артборд, чтобы раскручивать новые дизайны, сделайте шаг назад.
Напомните себе, что часто редизайн приложения требуется не только для изменения внешнего вида пользовательского интерфейса. Это во многом связано с пользовательским опытом приложения и тем, как оно не смогло убедить пользователей. Спросите себя: «Каковы цели редизайна мобильного приложения?»
Что-то не работает, но мы не знаем, что…
Поскольку это редизайн мобильного приложения, мы надеемся, что у вас будут некоторые данные для работы. Как и в случае любого UX-дизайна, вы должны изучить, кто такие пользователи и чего они пытаются достичь. Затем это необходимо сопоставить с целями бизнеса и тем, как приложение их выполняет.
Рекомендуется для вас:
Даже если вы по профессии не исследователь пользователей, редизайн мобильного приложения предоставляет прекрасную возможность попрактиковаться в дизайне, управляемом данными. Вы должны иметь возможность просматривать данные и выяснять, где все идет не так в пользовательском потоке. Затем вы можете определить, как это исправить.

- Стремитесь разобраться в проблемах. Например: Где пользователи разочаровываются? Они загружают приложение и используют его только один раз? Или отказываются от него после нескольких применений?
- Запросите и просмотрите аналитические данные, чтобы ответить на вышеуказанные вопросы. Если данные недоступны, попросите провести несколько интервью с пользователями. Подчеркните важность информации о пользователях для конверсии.
- Взгляните на предыдущие дизайнерские материалы, если таковые имеются. Просмотрите портреты пользователей и карты опыта, а затем сравните их с данными о реальных пользователях. Точно так же, если эти материалы недоступны, найдите время, чтобы создать их на основе имеющихся у вас пользовательских данных.
- Наметьте текущий дизайн приложения. Выделите области, которые идут не так. Это даст вам хороший обзор всего сценария.
- Выясните, какие из проблемных областей относятся к проблеме дизайна. Знайте, что некоторые проблемы могут быть за пределами вашей области. Например, если контент тусклый, он не может привлечь внимание пользователя. Или это может быть техническая проблема, например, неправильные данные загружаются после того, как пользователь нажимает кнопку. Каким бы замечательным ни был переработанный пользовательский интерфейс, приложение не улучшится, если такие проблемы не исчезнут.

Нам нужно исправить именно это и это.
Поднимите руку, если вы согласны с тем, что клиенты, точно знающие, чего они хотят, так же редки, как единороги UX. Конечно, есть владельцы продуктов, которые следуют лучшим практикам разработки продуктов до последней буквы.
В этом случае редизайн мобильного приложения по конкретным причинам вытекает из предыдущего анализа данных. Они установили предполагаемые проблемы. Они сделали эту часть работы. Ваша задача состоит в том, чтобы представить дизайн как решение этих проблем.
- Убедитесь, что хорошо понимаете предполагаемые проблемы. Вам может быть предложено «исправить это представление панели инструментов», потому что «пользователи считают его запутанным». Копните глубже в то, что именно в представлении сбивает с толку пользователей. Запросите информацию о том, как пользователи взаимодействуют с этим представлением и за его пределами. Редизайн мобильного приложения — это не просто исправление сломанных частей. Это улучшает весь опыт.
- При необходимости вносите незапрошенные изменения. Некоторые элементы текущего дизайна могут вас раздражать. Мы знаем. Любой дизайнер, который хоть раз в жизни занимался редизайном, наверняка сталкивался с этим. Также сложно изменить всего несколько экранов мобильного приложения. Представьте дальнейшие изменения в редизайне приложения, которые необходимы и имеют смысл для пользовательского потока. Если вы изменили дизайн представления панели мониторинга, возможно, последующие представления должны соответствовать дизайну. Также может случиться так, что старые значки в других местах приложения должны исчезнуть.
- Поддерживайте согласованность с остальной частью мобильного приложения. Излишне говорить, что это катастрофа, если внешний вид приложения отличается от одного экрана к другому. Проект редизайна мобильного приложения, в котором ваши задачи точно определены, может стать облегчением. Это также может ограничить ваше творчество, и вы должны принять это.

Дизайн приложения — это прошлый век, мы должны сделать его ослепительным!
Это может показаться несерьезной причиной для редизайна мобильного приложения. Тем не менее, идти в ногу с тенденциями дизайна важно для имиджа бренда. Если вы загружаете мобильное приложение, которое выглядит и ощущается как принадлежащее к поколению iPhone 3, вряд ли вы назовете его своим любимым приложением. Даже если он работает идеально.
Поскольку цель редизайна мобильного приложения состоит в том, чтобы обновить его, вы можете проявить свои творческие мускулы. Конечно, вы всегда должны помнить, что дизайн — это не просто красивое приложение. Это заставляет приложение работать.
- Даже если редизайн приложения сосредоточен на графических элементах, ознакомьтесь с выводами, полученными в результате исследования пользователей. Следуйте рабочему процессу, который вы бы использовали для проекта дизайна мобильного приложения, который начинается с нуля. Редизайн приложения в этом случае ничем не отличается. А еще лучше, у вас уже должны быть доступные данные от пользователей, с которыми вы можете работать.
- Посмотрите на другие подобные приложения для вдохновения. Не знаете с чего начать? Не волнуйтесь. Существует мир вдохновения для пользовательского интерфейса мобильных приложений. Ознакомьтесь с нашей ежемесячной серией, в которой представлены 10 лучших интерфейсов мобильных приложений и 5 лучших дизайнов мобильных взаимодействий.
- Сходите с ума от своего творчества. Для таких проектов редизайна приложений вы можете создавать. Чтобы изменить цвета. Для настройки макета. Упростить. Экспериментировать. В рамках бюджета, конечно. Суть в том, что у вас есть все пространство для творчества, о котором вы когда-либо могли мечтать. Так что сходите с ума.
- Сохраняйте некоторый уровень предсказуемости. Представьте, что однажды вы открываете приложение Facebook. У вас практически сразу отвисает челюсть. Вместо новостной ленты обновления теперь представлены в стиле Metro Grid. Знаковый синий цвет Facebook заменен на яркий неоново-розовый. Есть странные новые значки, такие как значок спящего кота и сомнительный значок кофейной чашки. Выглядит хорошо, но вы вдруг понимаете, что больше не знаете, как пользоваться приложением.
При редизайне мобильного приложения вы должны поддерживать определенный уровень предсказуемости. Некоторые элементы должны сохраняться. Общее приложение должно иметь смысл для текущих пользователей. Без сомнения, редизайн приложения делается в надежде привлечь новых пользователей. Но и текущих пользователей мы терять не хотим.

Выполнение редизайна приложения лучшим способом
Пользовательские интерфейсы мобильных приложений требуют большого количества взаимодействий. Это не статичные холсты. Это движение, действие и противодействие. Не ограничивайте дизайн вашего приложения неподвижными макетами.
Первоначально опубликовано в блоге Proto 9 ноября.






