디시인사이드 갤러리

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

갤러리 본문 영역

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

IdeaBombers갤로그로 이동합니다. 2024.03.13 07:50:01
조회 5590 추천 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/06/10 - -
이슈 [디시人터뷰] 웃는 모습이 예쁜 누나, 아나운서 김나정 운영자 24/06/11 - -
232606
썸네일
[중갤] 오세훈, 해외직구 논란에…"모래주머니라도 쌓는게 상책"
[650]
ㅇㅇ갤로그로 이동합니다. 05.20 26384 378
232605
썸네일
[대갤] 日, 환자를 천국으로 보내주려는 구급차... 트램과 충돌 사고 발생
[255]
난징대파티갤로그로 이동합니다. 05.20 18493 129
232603
썸네일
[야갤] 연봉 1억인데 인기없는 직업
[717]
14평빌라월세갤로그로 이동합니다. 05.20 54538 360
232602
썸네일
[싱갤] 손전등에 대해 알아보자-기본편
[61]
ㅇㅇ(121.147) 05.20 17423 84
232600
썸네일
[이갤] AV배우씹덕, 회사에서 도쿄로 워크샵 가다
[222]
ㅇㅇ갤로그로 이동합니다. 05.20 27340 110
232599
썸네일
[육갤] 병사에게 자동차 튜닝 시킨 중대장의 최후.jpg
[371]
육갤러(185.114) 05.20 24639 291
232597
썸네일
[이갤] 2차 세계대전 독일을 패배로 몰아넣은 히틀러의 실수...jpg
[280]
설윤아기갤로그로 이동합니다. 05.20 18044 114
232595
썸네일
[싱갤] 꼴릿꼴릿 현재 미국에서 가장 섹시한 체조선수
[304]
ㅇㅇ(61.82) 05.20 44304 193
232593
썸네일
[대갤] 동거녀의 딸을 세탁기에 넣고 돌린 스시남 체포
[195]
난징대파티갤로그로 이동합니다. 05.20 24637 176
232592
썸네일
[카연] 편의점 알바하는데 도둑질 하는 초딩 잡아 족치는.manhwa
[223]
어패류메기갤로그로 이동합니다. 05.20 24158 373
232591
썸네일
[싱갤] 싱글벙글 스모 선수들의 회식
[289]
ㅇㅇ갤로그로 이동합니다. 05.20 28564 153
232589
썸네일
[디갤] 어제찍은 휠름맛 사진 첫번째 (양많이추가)
[10]
늅늅뉴비갤로그로 이동합니다. 05.20 3347 3
232588
썸네일
[기음] [금주의 신상] 5월 3주차 신제품 먹거리 모음.jpg
[92]
dd(182.213) 05.20 14809 80
232587
썸네일
[싱갤] 싱글벙글 어쌔신크리드 신작 흑인 주인공이 논란인 이유
[391]
ㅇㅇ(211.202) 05.20 18801 208
232585
썸네일
[기갤] 구하라 전남친 " 네 연예계 인생을 끝나게 내가 해주겠다 " 협박
[657]
긷갤러(45.84) 05.20 44966 559
232584
썸네일
[키갤] 오늘의 김하성.webp
[92]
김혜성갤로그로 이동합니다. 05.20 10497 78
232583
썸네일
[피갤] 의도치않게 피식대학을 보내버리는 파뿌리
[461]
피갤러(211.228) 05.20 39097 556
232580
썸네일
[이갤] 전직 축구선수 이영표의 멘탈 관리하는 방법
[137]
당돌갤로그로 이동합니다. 05.20 13118 117
232579
썸네일
[중갤] "이란 대통령 등 헬기 탑승자 전원 사망 추정"
[474]
Poupee갤로그로 이동합니다. 05.20 26244 156
232577
썸네일
[싱갤] 싱글벙글 유부녀가 말하는 참젖과 물젖
[526]
ㅇㅇ갤로그로 이동합니다. 05.20 47697 234
232576
썸네일
[야갤] "짬뽕서 바퀴벌레, 토했다".. 중국인 사장 "다 깔 필요 있냐"
[345]
야갤러(139.28) 05.20 24035 170
232575
썸네일
[주갤] 블라) 블라글 리뷰하는 일본아내(feat.국결)
[215]
주갤러(211.220) 05.20 21567 380
232573
썸네일
[만갤] 블루아카이브 2.5주년 페스티벌 스페셜
[757]
ㅇㅇ갤로그로 이동합니다. 05.20 20591 384
232572
썸네일
[무갤] 서해 공무원 형 "文회고록 새빨간 거짓…대북 채널 있었다"
[257]
ㅇㅇ(210.123) 05.20 18465 416
232571
썸네일
[싱갤] 싱글벙글 BBC에서 공개한 버닝썬 미공개 클립
[467]
ㅇㅇ(121.135) 05.20 55526 510
232569
썸네일
[야갤] 김호중.. 지난 1주일.. 레전드.. 모음.. news
[191]
낙지갤로그로 이동합니다. 05.20 19086 212
232568
썸네일
[미갤] 중고차 유튜버가 말하는 제네시스 차주 특징.jpg
[387]
ㅇㅇ갤로그로 이동합니다. 05.20 32558 355
232565
썸네일
[싱갤] 싱글벙글 일론머스크 이번달 말쯤 스타쉽 4차발사 예정.gif
[141]
ㅇㅇ갤로그로 이동합니다. 05.20 13203 55
232564
썸네일
[야갤] ‘품귀 현상’ AI 연구 비상… PC 그래픽카드 되팔이까지
[237]
야갤러(223.39) 05.20 24577 53
232563
썸네일
[이갤] 한국의 20배인 일본의 노인 고독사...jpg
[539]
설윤아기갤로그로 이동합니다. 05.20 23529 120
232561
썸네일
[대갤] 대만 신임총통 라이칭더가 한국을 이용하는 법 (feat. 공유)
[286]
난징대파티갤로그로 이동합니다. 05.20 14919 218
232560
썸네일
[카연] 젤다만화)고독한 영걸12-하테노의 야채들
[37]
heydove갤로그로 이동합니다. 05.20 7213 101
232559
썸네일
[싱갤] 18일자 최신 급발진 주장 사망사고
[442]
ㅇㅇ갤로그로 이동합니다. 05.20 21943 143
232557
썸네일
[미갤] 역류성 식도염때문에 고생중이라는 배우의 식생활..jpg
[252]
ㅇㅇ갤로그로 이동합니다. 05.20 25934 72
232556
썸네일
[토갤] 속보) 직구 차단 6월 강행
[912]
토갤러(223.39) 05.20 33286 614
232555
썸네일
[싱갤] 싱글벙글 축제에 3억쓴 부산대 라인업 공개 ㄷㄷ.jpg
[471]
ㅇㅇ(133.106) 05.20 48799 225
232553
썸네일
[기갤] 2024 칸 영화제 참석한 서양 여자배우들
[152]
ㅇㅇ(182.226) 05.20 18035 19
232551
썸네일
[걸갤] 하이브 "짜깁기? 이미 법원에 원본 싹다 증거로 제출"
[280]
걸갤러(223.62) 05.20 18180 371
232549
썸네일
[싱갤] 이번 직구규제법 연막으로 인해 가려진 정부의 진짜 속내.
[421]
ㅇㅇ(1.251) 05.20 33185 575
232548
썸네일
[주갤] 오늘자 한녀 민폐 jpg
[376]
주갤러(203.153) 05.20 38966 469
232547
썸네일
[A갤] 해피일본뉴스 128
[106]
더Informer갤로그로 이동합니다. 05.20 8326 50
232545
썸네일
[부갤] 정부가 직구막으려던 진짜 이유
[706]
부갤러(45.140) 05.20 49450 962
232544
썸네일
[싱갤] 이란 대통령 헬기추락으로 생사확인 불가 ㄷㄷㄷ
[314]
ㅇㅇ(61.73) 05.20 22297 122
232543
썸네일
[주갤] 지하철몰카 무죄나온 블라남
[770]
주갤러(211.220) 05.20 37913 881
232541
썸네일
[해갤] 이강인 1골 1어시.....gif
[271]
메대종(14.35) 05.20 25879 460
232540
썸네일
[싱갤] 싱글벙글 축배 터뜨리는 세계 증시 근황..jpg
[222]
키예프불바다갤로그로 이동합니다. 05.20 23632 95
232537
썸네일
[새갤] 한동훈 'KC인증' 비판하며 공개행보 초읽기..친윤 "탈당하겠다"
[293]
정치마갤용계정갤로그로 이동합니다. 05.20 19024 157
232535
썸네일
[대갤] 대만, 세계최초 총통부에서 드랙퀸 공연 개최... 차이잉원 퇴임 전 공연
[167]
난징대파티갤로그로 이동합니다. 05.20 11019 143
232534
썸네일
[리갤] 오피셜) 젠지가 이번 MSI 우승으로 얻은 기록들...jpg
[400]
롤갤러(211.250) 05.20 42270 913
232530
썸네일
[바갤] 오늘도 임도 알차게 조지고왔다.gif많음
[37]
쇼이갤로그로 이동합니다. 05.20 5941 18
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2