FIFA Mobile: редизайн интерфейса

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

  • Стратегия

    Повышение комфорта игры

  • Дизайн

    UX & UI дизайн, прототип

  • Платформа

    iOS

Презентация проекта

Стопка событий 

Вместо стандартной карусели выбора события была выбрана стопка из событий. Она вносит свежесть в интерфейс главного меню игры.

Боковые кнопки 

Круглые кнопки слева имеют полупрозрачный градиент на фоне и обводку. Они будут хорошо заметны на любом светлом или тёмном оттенках. Размытие фона помогает кнопкам выделиться и не сливаться с ним на главном экране.

Нижняя панель кнопок 

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

Новый способ начать испытание

Active 
Selected 
Completed 

Способ запуска испытания был переосмыслен. Теперь вы можете быстро и легко начать игру, просто проведя пальцем вправо по переключателю. При одиночном касании появляется знакомое всплывающее окно справа с информацией об испытании и наградами, переработанное под современный дизайн.

Умная навигация внутри события

Умная панель навигации, в которой располагаются актуальные и завершившиеся события. Завершённые события становятся неактивными и перемещаются в правую часть панели, а активные остаются в левой части. При этом неактивные задания приобретают тёмный фон и оттенок текста, что визуально дает понять о завершившимся задании.

Обновлённый
экран наград

Экран достижений и наград также был изменен. Он получил современный вид со скруглёнными углами, который прослеживается во всём интерфейсе. Кнопка «Собрать всё» была перемещена в бокс к бесплатным наградам. Это позволило занять больше места на экране контенту, т.к. раньше кнопка располагалась под путём наград.

Редизайн экрана
наград за квесты

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

#user_personas

Внутриигровой магазин 

Новый размер карточек 

Новая широкая карточка с предложением покупки игровых ресурсов теперь всегда в центре внимания, потому что в неё вмещается больше информации, чтобы выделить самые выгодные предложения.

Свежий взгляд на магазин 

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

Игровой интерфейс 

Следуя общему новому стилю был изменён интерфейс в матче. Он получил скругленные углы и плавные формы. Текущий счёт в матче выделен и его невозможно не заметить. Названия команд больше не обрезаются, как оригинальном интерфейсе.

Спасибо
за просмотр

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

Back

This website stores cookies on your computer. Cookie Policy