디시인사이드 갤러리

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

갤러리 본문 영역

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

IdeaBombers갤로그로 이동합니다. 2024.03.12 13:02:51
조회 702 추천 12 댓글 9
														


안녕하세요, 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/

 


자동등록방지

추천 비추천

12

고정닉 2

0

댓글 영역

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

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 말머리 제목 글쓴이 작성일 조회 추천
2868 설문 힘들게 성공한 만큼 절대 논란 안 만들 것 같은 스타는? 운영자 24/06/10 - -
2865 AD 호요버스 신작 <젠레스 존 제로> 7월 4일 오픈! 운영자 24/06/05 - -
157052 📜일지 횡스크롤 도트찍는 일지 10 [5] 칰힌마요갤로그로 이동합니다. 04.07 218 5
157040 📜일지 Animal Jumping! 개발일지 : 03 메인 UI와 다양한 캐릭터 [1] 바다랑갤로그로 이동합니다. 04.07 213 2
157039 📜일지 <스쿼트>개발일지(20) - 이야기 4개 추가 및 수정 순수프로젝트갤로그로 이동합니다. 04.07 140 2
157036 📜일지 도망간 팀장 몰래 쓰는 미연시 개발일지 (내용 긺) [15] 바민갤로그로 이동합니다. 04.07 1625 26
157031 📜일지 Moe Moe Island 일지 097 [7] 개발하는똥개갤로그로 이동합니다. 04.07 164 6
157006 📜일지 게임 개발 일기 #00 [17] Morendo444갤로그로 이동합니다. 04.06 1311 22
156994 📜일지 Moe Moe Island 일지 096 -첫 아트- [23] 개발하는똥개갤로그로 이동합니다. 04.06 572 16
156936 📜일지 스마수키게 #12 - 메인 화면 [24] 태보미갤로그로 이동합니다. 04.05 740 15
156923 📜일지 [유레카! 초전도체 연구소] 일지 3 - 레딧에서 피드백 받기 [5] 고물이갤로그로 이동합니다. 04.04 283 3
156856 📜일지 Moe Moe Island 일지 095 [2] 개발하는똥개갤로그로 이동합니다. 04.04 234 8
156855 📜일지 [유니티로 쯔꾸르 만들어보기] 개발일지 02 [1] 릴리충갤로그로 이동합니다. 04.04 182 5
156823 📜일지 <스플릿 스퀘어> 개발 일지 - 캐릭터 스탠딩 제작 [9] 매미허물갤로그로 이동합니다. 04.03 548 14
156786 📜일지 Error_Boy.exe 슬기로운 데모 생활 후기 (통계) [18] 호두펀치갤로그로 이동합니다. 04.03 684 14
156760 📜일지 [판타지 라이프] 오픈월드 판타지 개발일지 3 [2] 판타지갤로그로 이동합니다. 04.03 358 3
156754 📜일지 Moe Moe Island 일지 094 [4] 개발하는똥개갤로그로 이동합니다. 04.02 114 4
156750 📜일지 카투바의 밀렵꾼 24년 4월 일지 [21] 유영조유영조갤로그로 이동합니다. 04.02 885 31
156732 📜일지 취직이 안되서 게임 만드는중입니다 :( [6] ㅇㅇ(122.45) 04.02 1381 8
156722 📜일지 레이저 나오는 인게임 영상 [1] 닌거갤로그로 이동합니다. 04.02 260 8
156707 📜일지 게임 진화 과정 [6] 매튜돌갤로그로 이동합니다. 04.02 1242 10
156703 📜일지 횡스크롤 도트찍는 일지 09 [3] 칰힌마요갤로그로 이동합니다. 04.02 252 3
156680 📜일지 Moe Moe Island 일지 093 개발하는똥개갤로그로 이동합니다. 04.02 104 5
156662 📜일지 본인 방금 레이저 알림 연출 만들었음 [12] 닌거갤로그로 이동합니다. 04.01 353 3
156654 📜일지 레이저 연출 만들었어 [2] 닌거갤로그로 이동합니다. 04.01 257 3
156646 📜일지 [언리얼] 액션 로그라이크 [WhizzWhizz] 개발 일지 04 [7] 야돈까스갤로그로 이동합니다. 04.01 609 8
156643 📜일지 붉은장미 프로젝트 일지 요모츠마리사갤로그로 이동합니다. 04.01 208 2
156640 📜일지 래토피아 개발일지 #25 - 화산 군계 [5] 카셀(221.143) 04.01 715 21
156607 📜일지 Moe Moe Island 일지 092 [2] 개발하는똥개갤로그로 이동합니다. 04.01 158 4
156606 📜일지 TRPG 삼국지를 만들고 싶었떤 범부..(영상 잘못찍어서 재업) [4] ㅇㅇ갤로그로 이동합니다. 04.01 292 3
156592 📜일지 일러스트 다시보기 기능 추가 [1] ㅇㅇ갤로그로 이동합니다. 03.31 205 2
156584 📜일지 횡스크롤 슈팅 게임 개발일지 2주차 [2] 등록금내야해갤로그로 이동합니다. 03.31 276 5
156583 📜일지 게임에 채팅기능을 만들어 보았습니다! [14] ㅇㅇ(115.137) 03.31 1132 8
156577 📜일지 [유니티로 쯔꾸르 만들어보기] 개발일지 01 [3] 릴리충갤로그로 이동합니다. 03.31 664 10
156569 📜일지 ㅈㄴ 게으른 개발일지 10편 [7] kimgilsu갤로그로 이동합니다. 03.31 816 11
156555 📜일지 오늘의 일지(붉은장미 프로젝트) [2] 요모츠마리사갤로그로 이동합니다. 03.31 284 4
156527 📜일지 뉴럴네트워크 만들어봄 [3] 매튜돌갤로그로 이동합니다. 03.31 220 4
156522 📜일지 <스쿼트>개발일지(19) _ 이야기 4개 추가 [7] 순수프로젝트갤로그로 이동합니다. 03.31 282 7
156512 📜일지 플랫포머 [11] 도도한떡볶이갤로그로 이동합니다. 03.31 860 13
156509 📜일지 Moe Moe Island 일지 091 [8] 개발하는똥개갤로그로 이동합니다. 03.31 328 10
156497 📜일지 초보 개발자의 게임 개발 일지 #2 [13] 빈즈게임갤로그로 이동합니다. 03.30 426 6
156485 📜일지 [8년 개발] 호응이 좋아서 중요 기능 소개 올려봄 #2 [6] 공작갤로그로 이동합니다. 03.30 1180 17
156482 📜일지 슬라이드 2 개발일지 [1] 닌거갤로그로 이동합니다. 03.30 162 1
156475 📜일지 대회용 게임 제작 타워디펜스 (2024-03-30 1일차) [2] gem12갤로그로 이동합니다. 03.30 304 3
156458 📜일지 겜에 사운드 넣는중... [8] ㅇㅇ(61.109) 03.30 263 6
156423 📜일지 붉은장미 프로젝트 일지(+임시 버그 해결 방법) [6] 요모츠마리사갤로그로 이동합니다. 03.30 332 3
156399 📜일지 Moe Moe Island 일지 090 [7] 개발하는똥개갤로그로 이동합니다. 03.30 284 8
156344 📜일지 이미지 몇 장 [18] 봄네코갤로그로 이동합니다. 03.29 1034 25
156336 📜일지 [던전데브] 메인화면, 몹, 충돌, 게임 배속 추가 [28] 에뚜갤로그로 이동합니다. 03.29 871 13
156299 📜일지 [Noad] 잔디를 심다 [2] 야유요갤로그로 이동합니다. 03.29 539 9
156294 📜일지 Moe Moe Island 일지 089 [3] 개발하는똥개갤로그로 이동합니다. 03.29 227 8
156287 📜일지 [판타지 라이프] 오픈월드 판타지 개발일지 2 판타지갤로그로 이동합니다. 03.29 175 0
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2