질문 추첨 앱: 첫 화면 이후의 두 장면

첫 화면만으로는 추첨을 볼 수 없었다

즉흥 발표 시간에 쓸 질문 추첨 웹앱을 AI에 요청했다. 네 카테고리에서 질문이 빠르게 바뀌다가 점점 느려지고, 마지막에 하나가 선택되는 방식이었다.

처음 받은 시안으로는 시작 화면만 볼 수 있었다. 이 앱의 중요한 장면은 질문이 돌아가는 동안과 멈춘 뒤에 있었다. 그래서 두 장면도 보여 달라고 했다. 버튼을 누르기 전 화면만 보고 결정하면, 정작 발표자가 보게 될 선택 결과를 확인하지 못한다.

검토할 대상을 다음처럼 나눌 수 있었다.

장면	확인할 내용
시작 전	카테고리와 추첨 시작 위치를 알아볼 수 있는가
추첨 중	질문이 바뀌고 점점 느려지는 흐름이 보이는가
선택 후	최종 질문이 분명하게 읽히는가

이 표는 당시 요청을 정리한 것이며 실제 화면을 캡처한 자료는 아니다.

행사 주제만으로 취향을 대체할 수는 없었다

디자인 피드백은 동작과 별도로 이어졌다. 행사 주제를 반영하더라도 내가 보여 준 시각적 취향을 무시하지 말라고 했다. 네 카테고리의 배색이 마음에 들지 않아 Pinterest에서 참고할 만한 팔레트를 찾도록 했고, 원과 반원 문양도 변화를 주도록 요청했다.

말풍선 모양을 대신할 선택지는 이미지부터 만들지 말고 글로 설명해 달라고 했다. 모양의 방향을 고르는 단계에서 비교할 내용을 먼저 받고 싶었다. 이 요청으로 비용이나 토큰이 얼마나 줄었는지는 측정하지 않았다.

피드백을 “더 예쁘게”로만 전달하지 않고 배색, 반복 문양, 말풍선 모양으로 나눴다. AI가 다시 제안할 대상이 그만큼 분명해졌다.

애니메이션과 질문 선택은 따로 검사했다

질문이 자연스럽게 멈추더라도 이미 나온 질문이 또 나오면 실제 진행에 문제가 생긴다. 새로고침할 때 사용한 질문을 잊어버리는 경우도 확인해야 했다.

AI는 영어 질문 20개가 모두 나올 때까지 중복 없이 선택되는지, 저장한 진행 상태를 다시 불러오는지 검사했다고 보고했다. 그 뒤 데스크톱과 모바일의 배치, 화면 잘림, 연출 속도를 확인했다. 최종 구현 보고에는 점점 느려지는 추첨, 전체 화면, 초기화 기능도 포함됐다.

화면 연출을 보는 검사와 질문 목록을 끝까지 소진하는 검사는 서로 다른 문제를 다뤘다. 전자는 발표자가 보는 흐름을, 후자는 여러 차례 추첨한 뒤에도 규칙이 유지되는지를 확인했다.

배포까지 확인한 범위

작업 기록에는 배포 보고까지 남아 있다. 다만 실제 행사에서 참가자들이 사용한 반응이나 진행 중 발생한 문제는 이 기록만으로 알 수 없다.

AI에 맡긴 일은 시안과 구현, 배색 조사, 선택 규칙과 화면 검사였다. 나는 빠져 있던 두 장면을 요구하고, 주제와 취향을 함께 반영하도록 디자인 방향을 수정했다. 시안을 검토하는 범위를 시작 화면에서 추첨 중·선택 후까지 넓힌 것이 이후 피드백의 기준이 됐다.

이 글은 2026년 9월 14~15일 작업 기록을 바탕으로 썼다. 중복·복원·화면 확인과 배포는 당시 보고이며, 이번 작성에서 앱을 다시 실행하거나 행사 결과를 조사하지 않았다.