라벨이 UI/UX인 게시물 표시

길드 시스템 기획서 3편: 메인 UI 배치와 최적의 오픈 타이밍, 그리고 가입 플로우

이미지
 안녕하세요! '호랭이물어갈기획놈들' 입니다. 지난번 글에서는 어떤 서버 방식으로 설계를 하는게 제일 좋은지 알아봤다면 이번 3편에서는 길드 입장 버튼의 배치와 최적의 길드 콘텐츠 오픈 타이밍과 가입 플로우에 대해 이야기 드리려고 합니다. 바로 시작하겠습니다. 1. 길드 입장 버튼의 위치와 UI 중요도 대다수의 모바일 게임들을 보면 길드 버튼은 메인 로비에 던전, 상점, 장비 등과 같이 플레이 하는 유저들의 손가락이 아주 쉽게 닿는 곳에 포진하고 있습니다. 물론 길드 콘텐츠가 필요없는 싱글 게임의 경우엔 예외지만 모바일 MMORPG나 수집형 RPG, 전쟁 게임 같은 길드 콘텐츠가 핵심으로 자리잡은 게임들 로비 UI에는 길드 창으로 진입하는 버튼은 구석에 두거나 서랍장 버튼 안에 숨겨두어선 안됩니다. <그림 1. 라오킹 연맹 버튼 위치> 버튼 위치: 메인 로비(또는 필드 화면) 우측 하단이나 우측 상단 등 유저의 엄지손가락이 가장 쉽게 닿는 메인 HUD 영역 . <그림 2. 블루 아카이브 서클 버튼 모양> UI 강조 디자인: 길드는 유저의 장기 잔존율(리텐션)을 책임지는 핵심 엔드 콘텐츠입니다. 따라서 여러 번 뎁스(Depth)를 파고 들어가지 않도록, 메인 UI에 독립적이고 큼직하게, 눈에 확 띄는 방패나 깃발 모양의 아이콘으로 배치하여 "이 게임은 길드가 매우 중요하다" 는 것을 시각적으로 각인시켜야 합니다. 즉 여러분이 개발하는 장르의 특성에 맞게 길드 입장 버튼 모양과 UI의 위치를 잘 잡아서 유저들의 동선을 장르에 맞게 잡아주는 것이 1차적으로 중요하다고 생각합니다. 아마 시안을 가져가면 100% 확률로 상급자에게 '여기에 이 버튼을 왜 넣었는지' 설명해야 하는 순간이 옵니다.  UI 디자이너와 논의할 때도 '단순히 예쁘니까, 쓰기편하니까'라는 이유보다는, 우리 프로젝트 특성상 길드 콘텐츠가 얼마나 중요한지 명확한 근거를 대며 설득해야 합니다. 기획자라면 항상 이 부분...

길드 시스템 기획서 4편: 길드 로비UI 설계와 출석, 기부 시스템

이미지
 안녕하세요! '호랭이물어갈기획놈들' 입니다. 지난 3편에 이어 이번엔 길드 로비 UI 설계와 출석, 기부 시스템과 같은 핵심 시스템에 대한 내용을 집중적으로 이야기 하려고 합니다. 우선 길드 로비 UI의 경우 길드 가입 후 입장하면 바로 보이는 UI로 메인 로비와 같이 다양한 콘텐츠들이 촘촘히 배치되고 많은 정보를 담고 있습니다. 다양한 정보들로 인해 유저분들이 혼란스럽지 않도록 중요도에 따라 정리 및 분리해서 한눈에 보기 편하게 배치하는 것이 중요합니다. 그럼 길드 로비 UI 부터 시작하겠습니다. 1. 길드 로비 UI 설계 <그림 1. 로스트 소드 길드 UI> 로스트 소드의 경우 상단에 탭 버튼으로 길드에 다양한 시스템을 확인할 수 있습니다. 메인으로 되는 '길드 정보' 탭을 길드 입장 시 선택되는 기본 값으로 잡고 있습니다. ■ 좌측 영역: 길드의 정체성 (Static Info) 길드 명함: 길드 마크(엠블럼), 길드명, 현재 길드 레벨. 성장 지표: 다음 레벨까지의 경험치(공헌도) 바. 우리 길드가 얼마나 성장했는지 시각적으로 보여주어 공동의 목표를 상기시킵니다. ■ 중앙 영역: 길드의 방향성 (Guild Usage) 공지사항:  길드장이 작성한 공지를 로비 한가운데에 배치하여 커뮤니티의 방향성을 공유합니다. 기부: 매일 수행하는 핵심 루틴 중 하나. 출석: 이것도 마찬가지로 매일 수행하는 루틴. ■ 우측 영역: 길드의 방향성 (Guild Usage) 길드 투자: 일정 금액 및 길드 코인을 투자해 일정 금액이 모이면 보상을 지급하는 시스템 이처럼 수집형 RPG 게임에서 길드 로비의 UI 설계는 위와 같이 잡는 것으로 생각해주시면 됩니다. 2. 길드 출석 시스템: 접속의 가치 부여 출석은 유저가 길드원으로서 수행하는 가장 기초적인 활동입니다. 여기에 추가로 길드 출석을 진행하면 어떤 이점이 있는지 이 행동을 진행하면 어떤 이득이 있고 하지 않는다면 어떤 불이익이 있는지 설명해주는 이야기를 보통 공지 사항 부...