UI/UX일본

アルタリオン

메뉴를 여는 순간 파티 상태와 현재 위치, 다음 목적지를 함께 확인할 수 있습니다. 장비와 소지품을 정리하는 과정도 자주 사용하는 순서에 맞춰 구성했습니다.

고객
비공개
분야
게임
업무
기획 · UI/UX 디자인
기간
2019.03 – 2019.11
비퍼블리시(bpublish)가 만든 アルタリオン 전체 화면. 파티 상태와 소지품, 다음 목적지를 한 화면에서 확인하는 RPG 메뉴

RPG 메뉴의 편리함은 화면 수보다 관련 정보를 얼마나 자연스럽게 함께 보여 주는지에서 결정됩니다. アルタリオン은 반복해서 오가던 메뉴를 하나의 흐름으로 정리했습니다.

RPG에서는 전투뿐 아니라 장비 교체와 소지품 정리, 의뢰 확인에 많은 시간을 씁니다. 관련 정보가 서로 다른 메뉴에 흩어져 있으면 한 가지 결정을 위해 여러 화면을 반복해서 열어야 합니다.

アルタリオン은 일본 시장을 대상으로 한 판타지 RPG입니다. 파티 4명의 HP와 MP, 레벨, 현재 위치와 날씨, 다음 마을까지의 거리, 진행 중인 의뢰를 첫 메뉴 화면에 함께 배치했습니다. 소지품과 장비 메뉴는 사용 빈도에 따라 앞에 두고, 아이템 등급은 색상뿐 아니라 고정된 위치의 배지와 문자로도 구분했습니다.

アルタリオン 화면: 파티 상태와 다음 목적지를 함께 보여 줍니다
01

파티 상태와 다음 목적지를 함께 보여 줍니다

파티원의 남은 체력과 다음 마을까지의 거리를 같은 화면에 배치했습니다. 현재 상태로 이동을 이어가도 되는지 한 번에 판단할 수 있습니다.

アルタリオン 화면: 아이템 등급을 색상과 문자로 구분합니다
02

아이템 등급을 색상과 문자로 구분합니다

N, R, SR, SSR 배지를 목록의 같은 위치에 고정하고 문자를 함께 표시했습니다. 색상 인지에 관계없이 등급을 명확하게 확인할 수 있습니다.

アルタリオン 화면: 자주 사용하는 메뉴를 앞에 배치합니다
03

자주 사용하는 메뉴를 앞에 배치합니다

사용 빈도가 높은 소지품과 장비를 상단에 두었습니다. 저장 파일이나 진행 상황이 달라져도 메뉴 위치를 유지해 조작의 일관성을 높였습니다.

비퍼블리시(bpublish)가 만든 アルタリオン 전체 화면

アルタリオン

게임 UI는 시각적인 분위기뿐 아니라 반복 사용할수록 손에 익는 구조가 중요합니다. 같은 기능이 항상 같은 위치에 있어야 플레이어가 메뉴를 읽는 대신 자연스럽게 조작할 수 있습니다.

비퍼블리시는 메뉴 사용 빈도를 바탕으로 파티, 소지품, 장비, 스킬, 의뢰, 현재지 화면의 기획과 UI/UX 디자인을 맡았습니다. 일본어 문장의 조합과 게임의 시대감을 고려해 글꼴과 간격, 정보의 정렬도 함께 설계했습니다.

프로젝트 정보

서비스판타지 RPG 의 메뉴·인벤토리·파티 화면
대상전투보다 육성과 정리에 시간을 더 쓰는 콘솔 RPG 플레이어
해결한 문제한 가지를 확인하려고 메뉴를 네 번 드나들게 만들던 구조
주요 화면파티 · 소지품 · 장비 · 스킬 · 의뢰 · 현재지
언어일본어
유형UI/UX 디자인
기획 · 디자인비퍼블리시 (bpublish)
비퍼블리시(bpublish)가 만든 アルタリオン 세부 화면

アルタリオン

전투 밖의 시간을 설계한 일본 판타지 RPG 메뉴 화면

다음 프로젝트 Pacemate 미리보기. 달리는 중에도 핵심 정보를 빠르게 확인할 수 있도록 설계한 러닝 앱