개발자 노트

> 새소식 > 개발자 노트

UI 개편

  • DEV 리늬아
  • 2015-11-12 11:15
  • https://heroes.nexon.com/common/postview?b=20&n=245

안녕하세요. UX/UI를 담당하고 있는 리늬아입니다.

'표준 해상도'라는 말이 무색할 만큼 다양한 비율과 고해상도의 모니터들이 일반화되었습니다.
시대에 맞게 변화되는 UI는 선택이 아닌 필수라고 생각합니다.
기다려 주셨던 UI 개편으로 이번 개발자 노트를 찾아뵙게 되었습니다.

퀵 슬롯, HP, Stamina, SP, MP는 원하는 곳으로 옮기고 위치 잠금!
캐릭터 정보, 소지품 함 등 시스템 UI를 자유롭게 이동시키면서 사용하고~
하단 버튼에는 필요한 버튼만 가로, 세로 마음대로 배열해 놓기!
전투 중에는 보고 싶은 UI만 나오도록 간소화를 설정하고 저장하기!

모두 한 번쯤 바랐던 기능들로 구성된 UI 개편을 지금 소개해 드리도록 하겠습니다.

: 전투 UI가 자율 배치가 됩니다. (퀵 슬롯, HP, Stamina, SP, MP, 파티 리스트)
처음 전투를 진행하면서 퀵 슬롯은 꽤나 불편한 곳에 위치했다고 생각했습니다.
전투는 긴박했고 스킬은 눈에 익지 않았고 퀵 슬롯은 화면 끝에 있었습니다.
각자 선호하는 위치는 다를 것입니다.

본인만의 UI를 배치해 보는 것은 어떨까요?

이제는 드래그만으로 퀵 슬롯, HP, Stamina, SP, MP를 원하는 곳에 배치할 수 있게 됩니다.
이동된 위치는 옵션에 추가된 UI 탭에서 잠그거나 초기화할 수 있습니다

https://file.heroes.nexon.com/uploads/bbs/20/2015/11/10/20151110172137846.png
                                         <넓은 시야를 확보한 UI>

https://file.heroes.nexon.com/uploads/bbs/20/2015/11/10/20151110172241980.png
                                         <기존 UI와 비교 이미지>


: 시스템 UI들이 이동됩니다.
소각을 하면서 매번 이런 생각이 듭니다.
소지품함을 소각 UI 쪽으로 이동시키고 싶다.
처음부터 제공되지 않던 기능이지만 익숙해지지 않는 불편함이었습니다.

마영전을 처음 시작하는 사람 중 작은 해상도를 선호하는 사람은 얼마나 될까요?
마영전 UI를 접한 후 큰 해상도를 계속 선호하는 사람은 얼마나 될까요?
큰 해상도를 선호했지만 UI가 불편하지 않을 만큼의 적당한 해상도를 선택하고 있지 않았을까 생각했습니다.
UI가 이동이 되지 않는다는 것은 해상도 선택에서 제약되고 있다고 생각했습니다.

이제 UI의 이동이 가능해집니다.
이동이 가능한 UI들은 버튼, 입력 영역, 이벤트 영역 등을 제외한 빈 영역에서 드래그할 수 있습니다.
이동되는 UI 위치는 저장됩니다.

   <이동이 가능한 UI 목록>
   HP/ 스테미나 / SP/ MP / 퀵 슬롯 / 파티원 리스트 / 캐릭터 / 소지품함 / 공유 보관함 / 우편함          
   스토리 / 전투 / 스킬 / 스킬 각성 /스킬 언 트레인 / 진영 스킬 / 길드 / 길드 보관함 /  랭킹 / 거래소 
   소각 / 커뮤니티 / 임무리스트 / 문양 / 인장 / 타이틀 / 솜씨 / 애완동물 / 영웅의 서 리스트  
   아이템 분해 / 정밀 수리 / 인챈트 / 아이템 조합 / 아이템 합성 / 제작의뢰 / 상점 / 정령합성 
   제작 의뢰 / 팔찌 제작 / 캐시샵 / 교환상점 / 항해 축복 / 출석체크 / 일일 미션 / 낚시 / 타이틀 
   이벤트 리스트 / PVP 입장 리스트 / 꾸미기 입장 리스트 / 전체 지도 /         

https://file.heroes.nexon.com/uploads/bbs/20/2015/11/10/20151110172910622.png
                                     <이동되어진 소지품함과 캐릭터 UI>

: 왼쪽 하단 버튼에 커스터마이징 기능이 추가됩니다.
거래를 자주 하는 유저는 우편함이 중요합니다. 레벨을 키울 때는 스토리를 자주 볼 것입니다.
길드원들이 소중한 유저는 길드와 커뮤니티를 자주 이용 할 것입니다.
이런 이유로 많은 버튼이 나열되어 있습니다.

여기 길드에 가입하지 않았거나 대화를 즐기지 않는 유저가 있습니다.
이 유저가 필요한 버튼은 몇 개나 될까요?

이제 본인이 원하는 버튼으로 왼쪽 하단에 버튼을 구성하고 가로, 세로 자유롭게 배열할 수 있습니다.

<왼쪽 하단 버튼의 추가/삭제 방법>
  - 메뉴 UI 오픈 (단축키 T)
  - 메뉴 UI의 UI 설정하기 페이지의에서 버튼을 우 클릭하여 나오는 추가, 삭제 버튼으로 추가 또는 삭제합니다.
  - 메뉴 UI의 UI 설정하기 페이지에서 버튼 아이콘을 드래그하여 왼쪽 하단 버튼에 직접 추가합니다.
  - 왼쪽 하단의 버튼을 우 클릭하여 나오는 삭제 버튼으로 삭제합니다.

 <참고사항>
  - 건물 안, 전투 대기 중, 전투 중에는 왼쪽 하단 버튼은 메뉴 버튼을 제외하고 숨겨집니다. 
  - 우편함, 이벤트, 캐시샵, 꾸미기는 오른쪽에 고정되며 왼쪽 구성에서 제외됩니다.
  - 오른쪽 하단의 버튼(우편함, 이벤트, 캐시샵, 꾸미기)은 추가 및 삭제와 이동이 되지 않습니다.

https://file.heroes.nexon.com/uploads/bbs/20/2015/11/10/20151110173129701.png
                                     <세로 배열 된 왼쪽 하단 버튼>

: 전체 메뉴 UI가 추가됩니다.
단축키는 T 키입니다.
키버튼 우 클릭 시 하단버튼에 버튼을 추가 및 삭제할 수 있습니다.
UI 설정하기는 접어 둘 수 있습니다.

https://file.heroes.nexon.com/uploads/bbs/20/2015/11/11/2015111113572142.png
                                               <전체 메뉴UI>

: 퀵 슬롯이 개선됩니다.
퀵 슬롯 내에서 슬롯에서 슬롯으로 이동할 수 있어집니다.
기존의 0~9까지로 숫자로 고정되어 보이던 단축키 표시가 옵션에서 단축키를 변경하면
퀵 슬롯 단축키 변경 시 퀵 슬롯에 반영됩니다.
페이지 이동 버튼이 좀 더 명확해집니다.

: 간소화 상세 설정이 추가됩니다.
UI의 간소화 기능을 많이들 이용하고 계셨을 것입니다.
전투 중 '-'(마이너스)키로 전투 UI를 간소화시킨다는 것은 쉽고 빠르다는 장점이 있었습니다.
그러나 디테일 한 설정을 하지 못한다는 점은 아쉬웠습니다.

간소화 '-'(마이너스)키와 함께 활용되면 좋을 간소화 설정 저장 기능을 소개해 드리도록 하겠습니다.

옵션 UI에 'UI 설정' 탭이 추가됩니다.
UI 설정 탭에는 '전투 시 UI 끄기' 설정이 추가됩니다.
이 설정에서 체크한 UI는 전투 중에 간소화되며 보이지 않습니다.

간소화를 적용했다면 ALT 키를 눌러보세요.
ALT 키를 누른 순간에만 숨겨진 UI가 나타납니다.

https://file.heroes.nexon.com/uploads/bbs/20/2015/11/10/20151110173335973.png
                                          <옵션에 추가된  UI 탭>

:그 외 개선 사항
'-'키를 이용한 간소화 중 ESC 키를 눌러도 간소화가 자동으로 풀리지 않도록 개선하였습니다.
UI를 무겁게 만드는 마스크 레이어와 망점 이미지를 제거하여 경량화 개선을 진행하였습니다.

이번 UI 개편이 모든 유저 분들께 만족을 드리지 못할 수도 있다 생각하며,
앞으로도 유저 분들이 주신 의견이 반영된 개편으로 꾸준히 찾아뵐 것입니다.
긴 글 읽어주셔서 감사합니다. 

댓글 234

로그인 후 이용하실 수 있습니다

글을 등록하실 때는 타인을 존중해 주시기 바랍니다. 타인을 비방하거나 개인 정보를 유출할 경우,
운영 정책에 의하여 제재를 받거나 관련 법에 의하여 처벌을 받을 수 있습니다.