top of page
Project Name3: 포트폴리오
Playerunknown's Battegrounds(XBOX)
아웃게임/인게임 UI설계
소속
협업대상
주요업무
기간
PUBG
시스템기획자, UI디자이너, 프론트엔드엔지니어 등
아웃게임 UI설계업무 전담, 인게임 UX개선, UI컴포넌트 제작
2017.7 ~ 2018.10
프로젝트 목표
※ 2019년 10월 업데이트 이후 PC UI와 통합되어 기조가 변경됨
아웃게임 설계
컨트롤러로 조작에
최적화된 아웃게임 설계
컨트롤러 키매핑
PC의 플레이 경험을 최대한
살릴 수 있는 조작방식 설계
조작환경 고려
TV를 통해 조작하는 환경을
고려하여 컴포넌트의 시인성을 증진시킴
콘솔 플랫폼에 최적화된 컨텐츠 설계
아웃게임 UI플로우 설계
XBOX SHELL을 활용하는 영역
XBOX 플랫폼의 특성을 고려하여 아웃게임 UI플로우 설계
메인메뉴 구성
PC버전에서의 GNB형태가 아닌 콘솔게임에서 익숙한 계층구조 형태로 설계
XBOX컨트롤러로 조작하기 용이한 콘솔 형태의 UI로 구성
매치 진행정보 구성
콘솔 게임 특성상 매칭이 이뤄지기까지 다소 시간이 필요하므로 매치메이킹 진행상태를 모든메뉴에서 항시 표시하는 방안으로 구성
매치메이킹 상태구분
매치매이킹 시작직전
매치매이킹 진행중
매치매이킹 취소중
매칭진행중 다른 메뉴이동을 허용하고, 취소버튼을 HOLD로 구성하여
가급적 유저들이 매칭을 바로 취소하지 않도록 의도
화면 내 콘솔조작 방식 고려
2. 선택(Focused) 항목의 툴팁 표시고려
3. 텍스트 입력시 가상키보드 출력표시 고려
1.선택(Focused) 항목에대한 조작버튼 가이드 표시고려
전반적인 화면을 컨트롤러 조작에 최적화된 방식으로 구성
커스텀 매치 대기실
컨트롤러 대응하여 대기실 내 자리변경 및 환경설정이 가능하도록 화면설계
플레이어 자리변경, 매치환경설정 등의 복잡한 기능들을
컨트롤러로 직관적으로 조작할 수 있도록 화면설계
신고팝업
상황별로 신고팝업을 출력하는 케이스와 시나리오를 정의하고 팝업의 화면구성, 조작방식 설계
Y버튼을 누르면 신고가능
1. 플레이어 사망 직후
Y버튼을 누르면 신고가능
2. 킬러 플레이어 관전 중
불건전 플레이어를 신고할 수 있는 기능정의 및 화면설계
XBOX 컨트롤러에 대응하는 조작방식 정의
PC버전의 모든기능을 최대한 컨트롤러에 녹여낼 수 있도록 조작방식 기획
기본상태, 조준시, 차량, 수영, 인벤토리, 맵 등 각 상황 별로 조작방식을 정의하고
인게임 내에서 상황별로 조작가이드를 확인할 수 있도록 설계
색각이상자 지원
색각이상자(녹색맹, 적생맹, 청색맹) 기준 불편요소들을 발굴하고 개선함
최대 10인까지의 팀(마커) 컬러설정
인게임 요소 별 색약모드지원 컬러설정
인게임 플레어건 / 레드존 컬러설정
색각이상자 기준으로 게임 내 정보취득 측면에서 불편한 요소들을 발굴하고
적합한 색 컬러를 선정하고 적용하여 개선
bottom of page