FIFA MOBILE UI / UX 참고

안녕하세요. 나위입니다.

이번에 소개해 볼 게임은 피파 모바일입니다. 제목 하나로 모든 것이 설명되는 게임이에요.

명실상부한 최고의 축구 게임이라 볼 수 있겠어요.

 

모바일로 나온 피파라, 어떤 모습일지 잘 감이 잡히지 않았던 것도 사실입니다.

약간의 기대와 우려속에 게임을 설치해고 직접 플레이 해 보니, 하, 넥슨은 넥슨이고, 피파는 피파였습니다.

잘 만든 게임이라고밖에 생각되지 않아요. 축구 게임의 모바일화를 이렇게 해 내다니. 감탄했습니다.

 

UI / UX 또한 간결하고 필요한 정보만 멋지게 담았다고 생각하여, 참고할 요소가 많다고 생각합니다.

한 화면씩 살펴보러 가시죠!

---

타이틀 화면

일일 로그인 출석

아이템 팩 사용. 이미 사용된 상태이나 연출로 터치 유도.

개별 상품 하나씩 보여주는 모습.

패키지 내의 구성품을 모두 모아 보여주는 화면.

메인 로비

스페셜 찬스 화면.

커뮤티니 터치 시 화면. 웹 뷰로 표시.

미션 화면. 탭으로 분류된다. 스페셜 찬스 미션

미션 화면 - 마스터 파트 미션

미션 화면 - 일반 모드 미션

가이드 안내. 공통된 모습이다.

클랜 로비.

사점 로비

상점 - 상품 안내

상점 - 충전소

직과금 상품 설명

청약철회 내용

나의 팀 로비

나의 팀 - 포메이션 팝업

선수 리스트

선수 리스트 - 필터 팝업

캠페인 로비. 챕터와 스테이지 방식으로 구성되고 있다.

캠페인 - 개별 스테이지 정보

인게임 진입 로딩 화면

게임 진입 시 라인업 정보 안내

인게임 플레이 화면.

일시정지 화면

조작 패널의 모습. FSM 적용이 훌륭하다.

하프타임 및 전후반 종료 시 나타나는 별도 연출.

경기 결과

캠페인 - 특수 미션 (미니 게임)

VIP 로비

설정 팝업 1

설정 팝업 2

설정 - 엠블럼 선택

설정 - 유니폼 선택. 내가 고른 엠블럼 (팀) 의 유니폼이 보여진다.

설정 - 제작진

친구 로비

친구 - 친구 추가

친구 요청 보내기 팝업

요청 보내기 후 메시지. 단순 메시지도 팝업으로 처리하고 있다.

컨텐츠 해제 팝업

선수 리스트

특정 선수나 아이템을 사용하여 선수를 훈련시킬 수 있다.

훈련 결과 팝업