■ 소개
오늘 아침에 퍼플렉시티에서 코멧브라우저 쓸 수 있게 해준다고 메일을 받았습니다.
이거 또 신세계더라구요
(지피터스 시작하고 매일 신세계를 맛보는중)
.
지난번 사례글 올릴때 보니까 제가 애아빠라 시간이 없어서
늘 급하게 쓰다보니
하면서 이거 써야지 했던 것들을 한두개씩 놓치더라구요.
.
그래서 그냥 사례글을 짧게 여러번 올려보기로 했습니다.
(가능하면 매일)
.
이번에 시도한 거는
코멧브라우저를 활용한 웹게임 개선필요사항 파악하기 입니다.
.
■ 진행 방법
어제 수업에서 Firebase로 배포하는 방법을 배웠기 때문에
이제 제 웹게임도 인터넷에 배포가 되어있습니다.
그 말인 즉슨,
코멧브라우저에서도 제 웹게임에 접근 할 수 있다는 거죠.
.
코멧브라우저에서는 퍼플렉시티가 버튼 누르는 모습까지
시각적으로 확인할 수 있으니까
뭔가 더 잘 찾아낼 것 같다고 생각해서
시도해봤습니다.
(그리고 혹시 가능하다면 크롤링할때 처럼 DevTools켜서 뭔가 HTML 구성을 분석해줄 수도 있지 않을까? 라는 기대)
.
■ 결과
구동화면은 아래와 같습니다.
https://youtu.be/0orHSBsde9M?feature=shared
결과값은 아래와 같습니다.
EXITers 게임의 모든 버튼을 실제로 플레이하고 세밀하게 UX/플레이 관점에서 분석한 결과를 정리해 드립니다.
주요 인터페이스 및 버튼 종류
게임 시작 전: CEO 이름, 회사명, EXIT 목표 금액 입력란
게임 시작: 회사 경영 상황판, 특수 행동 버튼(예: 10주 매각, 횡령 실행), ESG 이슈 대응/무시, 턴 진행 등
플레이 결과와 UX 피드백
1. 주요 버튼 동작 및 흐름
"10주 매각" 버튼: 누르면 즉시 10주를 시가에 매각하고 현금이 증가함. 주가, 지분율 등 정보가 실시간 갱신.
"횡령 실행" 버튼: 누르면 회사 자금 일부를 CEO의 개인자금으로 이동. 회사 자산·주가에는 영향이 미미한 듯하나, 윤리/ESG 리스크 관리에는 영향이 있을 수 있음.
ESG 이슈 발생 시: "이슈 대응" 또는 "무시" 두 가지 선택지가 등장.
"이슈 대응": 금액을 지출해 ESG 리스크 해결, 향후 패널티 방지.
"이슈 무시": 즉시 아무 변화 없어 보여도, 반복 시 패널티가 누적(예시 -1.5%까지 증가), 주가·수익에 점진적 악영향.
2. 순차 진행(턴 진행)
각 행동 후 바로 턴이 넘어가는 구조(추가 확인 또는 되돌리기 없음).
ESG 이슈·특수 행동의 반복/누적 효과가 명확히 드러나기는 하나, 변화 폭·피드백이 화면상 매우 미세.
플레이어 관점의 개선 포인트
즉시 반응/피드백 보강
각 버튼(특히 특수 행동, ESG 대응/무시) 클릭 시 시각적·청각적 변화가 약함. 애니메이션, 효과음, 임팩트 메시지 등 UX 강화 필요.
행동 이력/되돌리기
실수로 버튼을 누르면 바로 진행(Undo 혹은 재확인 옵션 부재) → "확인 팝업" 또는 "턴 리와인드" 기능 필요.
상세 결과 안내
패널티 등의 누적 효과가 소수점(% 등)으로만 표시되어, 초보자가 변화 원인을 쉽게 인지하기 어려움. 사유, 앞으로의 영향, 대안 동작(이슈 무시→경고 등) 안내 강화 필요.
게임 초기화, 저장, 불러오기
세이브/로드, 리셋 등 기본적인 관리 버튼 부재. 반복 플레이를 장려하려면 필수적.
디자인 가독성·UI 배치
주요 수치(주가, 보유 주식, 페널티 등)가 한 화면에 빼곡히 있어서 복잡하게 느껴짐. 중요 정보 우선순위 조정 및 시각적 구분 필요.
튜토리얼/헬프 안내
게임 첫 플레이어를 위한 튜토리얼 팝업, ESG/특수 행동 용어 해설 메뉴가 있으면 진입 장벽 감소.
실제 게임을 플레이하며 모든 버튼의 기능, 결과 변화, UX 및 시스템적 미흡점과 개선 포인트를 체감 실전 중심으로 도출한 결과입니다.
특히, 무엇을 왜 해야 하는지(예: ESG 대응)를 게임 내에서 직관적으로 전달하는 방식의 보강과 유저 피드백 시스템 확장이 꼭 필요해 보입니다.■ 결론
다 맞는 말은 아니지만, 일부 답변은 정말 고려해볼만 하다-!
(대표적으로 튜토리얼, ESG/특수행동 용어 해설 매뉴 등등)
고로 이 방법은 도움이 된다-!
.
웹 게임 개발할 때 뭐가 부족한지 고민할 때 확실히 도움이 될 것 같습니다-!
