top of page
Project Name3: 포트폴리오

Playerunknown's Battegrounds

아웃게임/인게임 UI설계 

​소속

​협업대상

​주요업무

​기간

PUBG

시스템기획자, UI디자이너, 프론트엔드엔지니어 등

아웃게임 UI설계업무 전담, 인게임 UX개선, UI컴포넌트 제작 

​2017.5 ~ 2019.2

프로젝트 목표

사용성 개선

Early Access버전부터

제품 전반의 사용성을

지속적으로 개선 

신규컨텐츠 대응

제품 업데이트에 따른

​신규 컨텐츠 UI대응

​제품퀄리티 개선

유저 피드백을 반영하여

UI관련 버그 및 기능을 
지속적으로 개선 

PUBG 서비스 전반의 UX개선에 기여

​아웃게임 정보구조 개선

Early Access(Beta) Version의 서비스를 정보구조 부터 처음부터 재설계

pupc_1.png

정식버전 출시 이후 컨텐츠의 확장성을 고려하여 정보구조 재구성

​아웃게임 화면설계

Play메뉴및 팀원 정보 개선

npupc_1.png

AFTER 1.0 Launching Version(2017.12)

BEFORE Early Access Version(2017.3)

게임매치 선택지를 우선순위에 따라 간소화하고

각 팀원 정보와 상태를 명확하게 인지할 수 있도록 개선 

​아웃게임 화면설계

Play메뉴 개편 업데이트

pupc_2.3.png

 'Vikendi' Update Version(2018.12)

컨텐츠 확장에 따른 다양한 선택지를 수용할 수 있는 UI

선택에 따라 매치서버 상태를 파악할 수 있는 방안을 고안

​아웃게임 화면설계

커스텀매치 리스트 화면 개선

npupc_3.png

AFTER 1.0 Launching Version(2017.12)

BEFORE Early Access Version(2017.3)

매치 리스트의 정보를 직관적으로 찾아볼 수 있는 화면으로 재구성

​아웃게임 화면설계

커스텀매치 대기실 화면 개선

npupc_4.png

AFTER 1.0 Launching Version(2017.12)

BEFORE Early Access Version(2017.3)

100명이상의 플레이어 정보를 한눈에 파악할 수 있도록 설계

​아웃게임 화면설계

커스텀매치 화면 개편 업데이트

 Update Version(2018.4)

npupc_5.png

커스텀 모드 업데이트에 대응하여 매치설정을 상세하게 할 수 있도록 설계

​아웃게임 화면설계

친구리스트 개선

npupc_6.3.png

팀초대 수신

AFTER 1.0 Launching Version(2017.12)

BEFORE Early Access Version(2017.3)

친구들의 초대가능 여부와 현재상태 정보를 명확하게 표시

아웃게임 설계

리더보드 화면 개선

npupc_7.png

리더보드 등수를 유저에게 유의미한 데이터로 표시

BEFORE Early Access Version(2017.3)

AFTER 1.0 Launching Version(2017.12)

아웃게임 설계

커리어 화면 개편 업데이트

npupc_8.png

​랭크 시스템 도입으로 데이터를 직관적으로 확인할 수 있도록 개선

BEFORE Early Access Version(2017.3)

AFTER Update Version(2018.10)

아웃게임 설계

이벤트 매치 화면설계

pupc_16.png

매번 룰이 바뀌는 이벤트 매치에 대응하여 룰을 설명하고

친구를 팀으로 초대할 수 있는 방식을 고려하여 설계

인게임 설계

이모트 시스템 화면 및 동작방식 설계

아웃게임 설정화면

이모트 휠 UI

마우스오버(Hover)

아웃게임에서 세팅후 인게임에서 사용할 수 있는 UI방식 고안

단축키 및 숏컷키를 통한 빠른 조작 고려

인게임 설계

라디오 메세지 기획

일반 라디오 메세지 사용시

ITEM SPOTTED 항목 사용시

pupc_22.png

단축키를 활용하여 라디오 메세지로 의사소통

​플레이어가 바라보는 시점의 오브젝트의 위치를 팀원에게 전달

인게임 내에서 마이크 없이도

기본적인 의사소통을 할 수 있는 방식 고안

  • linkedin
  • facebook
  • 블랙 인스 타 그램 아이콘

©2022 mean

bottom of page