디시인사이드 갤러리

갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

Bestiary Survivors 개발 일지 #2. 캐릭터, 클랜 정보

IdeaBombers갤로그로 이동합니다. 2024.03.13 07:50:01
조회 5619 추천 22 댓글 23


안녕하세요, Idea Bombers 입니다.


이번 글에서는 최근 Bestiary Survivors에서 캐릭터, 클랜 정보 전달 방식이 어떻게 변화되고 있는지 공유하고자 합니다.


저희 게임의 독특한 특징 중 하나를 뽑는다고 하면, 바로 '클랜(Clan)' 시스템이 있습니다.


각 클랜은 고유의 능력들을 가지고 있으며, 이 고유 능력과 무기 조합에 따라 다양한 캐릭터 커스터마이징이 가능합니다!


저희가 UI/UX 에서 전달해야할 정보는 다음과 같았습니다.


1. 캐릭터 초상화, 이름 등

2. 캐릭터의 무기

3. 클랜의 고유 능력 (여러 가지 중에 선택한 것)

4. 특전 (Perks)


그리고, 각 클랜이 서로 매우 다른 능력을 가지고 있어서, 이들을 어떻게 표현해야 할지 고민이 되었습니다.

이들을 서로 한눈에 비교해서 보여줄지, 아니면 각각을 따로 페이지를 만들어 자세히 설명할지 결정하기 어려웠죠.



2023년 8월 빌드


7fed8275a88260e6e265263ed01ca9d9113992cb716e27186d348a2a4687643e07978d6f863c1062


이때는 정보를 얻기 위해 여러 창을 클릭해야 하는 불편함을 겪으면서, 이 방식이 효과적인 UI/UX가 아니라는 것을 깨달았습니다.

(처음 UI를 제작할 때, 유니티 에셋스토어 에셋을 사용했습니다.)

(스크린샷의 캐릭터 배경 텍스트는 랜덤하게 생성된 거라 게임 스토리와는 무관합니다!)




2023년 11월 빌드 (FGT 행사)


7fed8275a88369e6e265263ed01ca9d9e70c4d1af39bfd97b637053c6010e3f824d4801afa991c


이때, 기획적으로 큰 변화가 있었는데, 15가지 클랜 능력 중 몇 가지를 선택하는 것으로 방향을 잡았습니다.

이는, 게임 후반부에 모든 클랙 능력을 최대로 올려서 오버파워가 되는 것을 방지하고,

플레이어가 조합에 의한 다양한 캐릭터 커스터마이징 경험을 더욱 강조하고 싶었습니다!

이를 고려하여, 한 창에 필요한 모든 정보를 담을 수 있도록 디자인을 변경해봤습니다.

하지만, 저희가 이 시기에 스팀(Steam) 시장조사를 다시 해보니, 유저들께서는 게임 시작하기 전에 캐릭터 선택 등을 자유롭게 고를 수 있는 걸 선호하더라구요.

(이전까지는 랜덤하게 생성하는 구조)

이를 반영하기 위해 다지인을 한 번 더 갈아엎어야 했습니다.

저희는 이 부분에서 UI/UX 시안을 가지고 FGT에서 유저분들께 투표를 했어요. 결과는


a16720ad231fb542be3237619d2fd87d1a169de99a2452a5e23985b0ad7a1c477c21ba7790dfa3cbb41dc4e0cf8bbae531


앞도적으로 많이 2번(이전 버전 디자인)이 좋다고 투표해주셨습니다.

이러한 투표 결과에도 불구하고, 저희는 1번(새로운 디자인)을 갈 수밖에 없었습니다.

2번(이전 버전 디자인)으로는 캐릭터 선택 디자인이 원활하게 진행되지 않았어요...




2024년 3월 빌드



7fed8272a8826be6e265263ed01ca9d9c4b579abaa3840bc8a2b4489b2169bdc2d84ff02



7fed8272a8826be6e35e023ee82d6a3a1cd9fe1acfb88a521d6df3f68f229b


좋은 UI/UX는 정보를 최대한 간결하게 전달할 수 있어야 했고.. 결국, 클랜을 페이지 별로 나누는 방식을 선택했습니다.

이와 함께 세부정보 전달도 개선했습니다.

이전에는 업그레이드 시 얻는 효과를 문장 형식으로 명시했지만, 지금은 변화하는 능력치만 확인하게끔 변경했습니다.

특히, 형식을

주요 설명 (간략히)

업그레이드 스탯 (간략히)

+

개념 (자세히)

이런 식으로 하니까 한결 정리가 잘 되어가는 느낌이 드네요! 프로스트와일드 등등 참고했습니다.



7fed8272a8826be6e35e023ee82da8c53ef6627c2ff6f0840fbb6273b609873e673ca79501


덕분에, 랭크 업 시 어떤 능력치가 변화하는지 한눈에 확인이 가능해졌습니다.



글을 마치며

기획이 바뀔마다 UI/U 디자인도 계속해서 변화해야 했습니다.

필요한 정보를 다 넣으면서도 깔끔하게 보이게 하는 건 정말 쉽지 않은 일인 것 같습니다.

사실, 기획이 확실히 잡혀 있으면 중복 작업을 줄일 수 있겠지만, 재미나 사용자 경험을 위해 기획을 계속 바꿔나가야 하고..

그래서 이런 문제는 어느 정도 받아들이면서 진행해야 하는 것 같습니다.


여러분들께서는 UI/UX 어떻게 진행하시고 계시는지가요?


**


Bestiary Survivors 스팀 페이지 :


https://store.steampowered.com/app/2793210/Bestiary_Survivors/

 




출처: 인디 게임 개발 갤러리 [원본 보기]

추천 비추천

22

고정닉 6

9

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 논란보다 더 욕 많이 먹어서 억울할 것 같은 스타는? 운영자 24/09/23 - -
공지 인물 갤러리 서비스 오픈 안내 운영자 24/09/23 - -
253618
썸네일
[싱갤] 싱글벙글 7년전에 있었던 무고사건 레전드.JPG
[492]
ㅇㅇ(58.227) 08.06 59434 584
253616
썸네일
[러갤] 우즈벡 국제결혼 3탄 처갓집 방문
[265]
배터리형갤로그로 이동합니다. 08.06 32377 174
253614
썸네일
[월갤] 데스노트 L이 그시절 찐따들에게 숭배받던 이유
[398]
ㅇㅇ(124.57) 08.06 41490 313
253612
썸네일
[싱갤] 싱글벙글 하마스랑 레바논은 차원이다른이유
[411]
ㅇㅇ(211.114) 08.06 31070 112
253610
썸네일
[새갤] 근본 빠진 중정기념당 근황
[105]
피카츄물뿌리개갤로그로 이동합니다. 08.06 21920 74
253606
썸네일
[이갤] 어느 여성 앞에 순찰차가 급정지 한 이유는?
[193]
산책갤로그로 이동합니다. 08.06 32474 89
253604
썸네일
[싱갤] 싱글벙글 한문철 레전드 편
[155]
싱갤러(118.235) 08.06 29825 148
253602
썸네일
[대갤] [만화] 조선엘프 다음엇지
[63]
우용곡갤로그로 이동합니다. 08.06 22451 172
253600
썸네일
[헤갤] [망한머리 구조대 미용실형]역대급 레전드 구조대 멘붕옴 ㄹㅇ #볼륨매직
[214]
미용실형갤로그로 이동합니다. 08.05 28570 386
253598
썸네일
[군갤] 구일본제국의 구축함 "시라츠유"에 대하여
[103]
ㅇㅇ갤로그로 이동합니다. 08.05 16585 49
253596
썸네일
[싱갤] 싱글벙글 1988년도 부터 1위인 양궁 금메달 기록
[139]
수인갤러리갤로그로 이동합니다. 08.05 22435 128
253594
썸네일
[미갤] 옛날 소시지의 정체.jpg
[845]
ㅇㅇ갤로그로 이동합니다. 08.05 54677 214
253592
썸네일
[2갤] 재미로 보는 하계 올림픽 종목별 종주국
[175]
결산(211.214) 08.05 33092 98
253590
썸네일
[주갤] 대기업 식당에서 갑질하던 영어강사의 최후
[526]
중갤러(222.118) 08.05 53808 469
253587
썸네일
[리갤] 일부<여성팬들의 스포츠 아이돌화는 롤판만의 현상이 아님.JPG
[752]
롤갤러(119.198) 08.05 30745 754
253578
썸네일
[싱갤] 싱글벙글 식객 갯장어편.JPG
[242]
ㅇㅇ(1.243) 08.05 30336 168
253575
썸네일
[러갤] 한남중녀..묘족 여자는 마법을 부립니다
[483]
배터리형갤로그로 이동합니다. 08.05 44367 216
253572
썸네일
[2갤] 3관왕 임시현에 “턱 흉터 시술할 거냐”… 성차별적 진행
[288]
ㅇㅇ(128.1) 08.05 33639 35
253569
썸네일
[잇갤] 유럽 국가별 발작 버튼 (4) 남유럽-1: 이베리아 반도와 이탈리아 반도
[34]
에스프리갤로그로 이동합니다. 08.05 14101 46
253566
썸네일
[싱갤] 싱글벙글 대한민국 올림픽 역사 최고의 순간 TOP11
[346]
ㅇㅇ갤로그로 이동합니다. 08.05 37206 600
253563
썸네일
[이갤] 자신의 거짓말을 들킨 미국인
[180]
ㅇㅇ갤로그로 이동합니다. 08.05 41988 336
253560
썸네일
[싱갤] 싱글벙글 웃기게 돌아가는 미 대선 토론
[411]
기신고래(진)갤로그로 이동합니다. 08.05 45666 404
253555
썸네일
[야갤] 안세영 은퇴 인터뷰 요약..txt
[667]
업햄갤로그로 이동합니다. 08.05 54451 948
253553
썸네일
[야갤] 유도영웅 안바울… 유퀴즈 출연한다.jpg
[142]
ㅇㅇ(223.39) 08.05 26582 316
253551
썸네일
[미갤] 카페에서 배달 대기 하다가 과자 집어먹은 배달 기사.jpg
[375]
ㅇㅇ갤로그로 이동합니다. 08.05 37506 282
253549
썸네일
[싱갤] 싱글벙글 북한에 전화 걸어본 사람/온 사람
[177]
운지노무스케갤로그로 이동합니다. 08.05 37847 241
253547
썸네일
[카연] 데드풀과 울버린 후기 망가 (스포, 결말포함)
[311]
불효좌갤로그로 이동합니다. 08.05 27512 192
253543
썸네일
[야갤] 속보) 은메달 조영재 병역혜택 거부
[656]
야갤러(211.234) 08.05 61096 720
253541
썸네일
[주갤] 중국에서 논란 중인 비혼주의 인터뷰...JPG
[859]
ㅇㅇ(175.127) 08.05 58117 684
253535
썸네일
[야갤] 안세영......새별명.......획득...gif
[251]
효니베어스갤로그로 이동합니다. 08.05 53424 739
253529
썸네일
[토갤] 손흥민 은퇴하면 해축 시장 어떻게 될지(쿠팡)
[223]
ㅇㅇ갤로그로 이동합니다. 08.05 28269 98
253527
썸네일
[싱갤] 와들와들 코스피, 닛케이 수직운지. 엔화 떡상 이유 총정리
[303]
ㅇㅇ(221.150) 08.05 37270 159
253525
썸네일
[야갤] 강원도 야산 파보니 돈뭉치가... ATM 돌며 4억 턴 보안업체 직원
[129]
ㅇㅇ(106.101) 08.05 30223 48
253523
썸네일
[싱갤] 싱글벙글 기우제 지낸 버섯갤 실시간
[106]
ㅇㅇ(122.43) 08.05 34386 245
253521
썸네일
[군갤] ‘블랙요원’ 명단 유출 논란의 정보사, 이번엔 사령관-여단장 맞고소
[327]
KC-46A갤로그로 이동합니다. 08.05 46789 252
253520
썸네일
[재갤] 미국장 근황
[289]
Herb갤로그로 이동합니다. 08.05 52227 215
253518
썸네일
[야갤] 용산 60대 남성 car부림에 1명 사망...급발진 주장
[286]
포만한갤로그로 이동합니다. 08.05 29363 171
253517
썸네일
[새갤] [A] 팔다리 숨기고 '새'가 된 중국 청년들…학업·취업 스트레스 풍자
[275]
정치마갤용계정갤로그로 이동합니다. 08.05 28586 217
253512
썸네일
[야갤] 스압)싱글벙글 미국주식 및 미주갤
[141]
실시간기자갤로그로 이동합니다. 08.05 31374 151
253508
썸네일
[주갤] 대한민국이 지금의 강대국으로 성장할 수 있었던 이유.jpg
[716]
LoLHistory갤로그로 이동합니다. 08.05 37725 484
253506
썸네일
[싱갤] 싱글벙글 스위스인들이 생각하는 스위스 물가
[178]
수인갤러리갤로그로 이동합니다. 08.05 30575 126
253504
썸네일
[디갤] 오디움 오디오 박물관 22
[24]
갬성몰빵갤로그로 이동합니다. 08.05 4796 24
253502
썸네일
[2갤] 그 해 최고의 컨디션과 기량을 가진 선수가 나가는게 맞아요
[156]
ㅇㅇ(139.59) 08.05 20032 166
253500
썸네일
[싱갤] 싱글벙글 세금으로 소고기 사먹은 공무원.jpg
[291]
수인갤러리갤로그로 이동합니다. 08.05 38983 421
253498
썸네일
[부갤] 중국건설은행 뱅크런사태 ㄷㄷㄷ
[265]
부갤러(183.96) 08.05 31907 206
253496
썸네일
[과빵] [금주의 신상] 8월 1주차 신제품 먹거리 모음.jpg.
[76]
dd(182.213) 08.05 17020 98
253494
썸네일
[싱갤] 대한항공 몽골행 난기류 대참사
[402]
ㅇㅇ(212.102) 08.05 49666 367
253492
썸네일
[무갤] 서울대 고대 마약 동아리 14명 적발
[391]
ㅇㅇ(211.208) 08.05 60381 338
253490
썸네일
[두갤] 유희관 오혐 벤클 언급 먹금ㅋㅋㅋㅋ
[59]
ㅇㅇ(121.149) 08.05 17561 126
253488
썸네일
[남갤] 김세의-구제역 녹취 풀렸다. 이근, 이진호 저격
[236]
농갤러(14.39) 08.05 26981 250
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2