Skip to content

설문 응답 UX 및 결과 화면 개선 - #8

Merged
yolophg merged 6 commits into
mainfrom
feat/survey-ux-polish
Nov 12, 2026
Merged

yolophg merged 6 commits into
mainfrom
feat/survey-ux-polish

Conversation

@yolophg

@yolophg yolophg commented Nov 4, 2026 •

Copy link
Copy Markdown
Contributor

전반적인 UX와 문구를 조금 더 다듬어봤습니다. 개인적으로 테스트 해보면서 불필요하거나 중복된다고 느꼈던 요소들을 줄이고, 기존 개발자 유형과 운세 결과도 좋지만 결과를 확인하는 과정에 재미를 조금 더해보고 싶었습니다.
주관적인 판단으로 변경한 부분들이 있어서, 달레님이 의도하신 방향과 다르거나 기존 방식이 더 나아 보이는 부분이 있다면 편하게 의견 부탁드립니다!

주요 변경 사항

1. 문항 응답 UX

  • 필수 문항은 빨간색 *로 표시, 선택 문항은 기존 건너뛰어도 돼요 태그와 건너뛸게요 버튼 대신 제목 옆에 선택 텍스트만 표시하도록 정리했습니다.
Screenshot 2026-11-03 at 16 29 13 Screenshot 2026-11-03 at 16 29 21
  • 복수 선택 문항에서 최대 선택 개수를 문항 설명과 선택 카운터 양쪽에서 안내하고 있어, 중복되는 안내 줄이고 카운터에는 현재 선택한 개수만 표시하도록 변경했습니다.

2. 개발자 유형 및 2027 운세

  • 운세 결과를 티켓 형태로 디자인하고, 기존 한 줄 운세를 총운, 귀인, 조심할 것 으로 구성해 조금 더 신년 운세 같은 느낌을 살려봤는데 의견 부탁드립니다. 특히 신년운세인데 굳이 조심할 것 까지 넣는게 좋을지는 고민이 됩니다.
Screenshot 2026-11-03 at 16 30 19
  • 설문 제출 시 바로 결과가 나오는 대신, 응답을 익명으로 저장하는 중 → AI 사용 습관 읽는 중 → 커리어 우선순위 확인 중 → 2027 운세 뽑는 중 순서로 진행되는 분석 화면을 추가했습니다. 제목 아래 내 답도 2026 한국 개발자 결과에 함께 담겨요! 문구로 응답 의미를 전하고 단계마다 별과 체크가 움직이도록 했습니다.
  • 결과가 나올 때 컨페티처럼 터지는 축하하는 듯한 애니메이션도 추가해봤습니다.
    두 애니메이션 레코딩 => https://github.com/user-attachments/assets/21a5274d-fd2e-43aa-89d4-ceb9a45aca72

3. 공유 기능 개선

  • 링크 복사 버튼 누를 시 기존에는 공유 문구까지 함께 복사되고 있어 url만 복사되는 ux가 더 자연스러워 그렇게 변경했습니다.

4. 워딩 정리

  • 설문 시작 화면
    • 소개 문구: 한국 개발자의 일과 커리어를 묻는 설문조사예요. → 한국 개발자의 일과 커리어를 물어요. (설문조사 반복이라 더 간결하게 변경)
    • 소요 시간 및 익명성 안내를 메인 페이지와 통일해서 깔끔하게
    • 마지막엔 개발자 유형과 2027 운세 문구 추가 (설문 완료 후 받을 수 있는 결과를 미리 짧게 안내)
Screenshot 2026-11-04 at 09 04 08
  • 설문 문항: 나에 대해 → 기본 정보 (기존 표현이 직역한 듯한 느낌이라 변경)
  • 설문 완료 화면
    • 제목: 고마워요 → 내 유형이 나왔어요! (결과를 확인하는 흐름에 맞게), 개발자 유형을 보여 주지 않는 회차는 수고했어요!
    • 저장 안내: 응답을 저장했어요 → 익명으로 저장했어요 (익명 설문이라는 점을 저장 시점에 한 번 더 확인)
    • 설명: 익명으로 저장했어요. 결과와… → 전체 설문 결과와… (익명 안내를 저장 안내로 옮겨 중복 제거)
  • 결과 공개 안내: 누구나 볼 수 있게 공개할게요. → 모두 공개해요. (더 간결하게, 시작·완료·마감 화면 공통)
  • 회차 페이지 유형 소개: 2027년 커리어를 내다보는 한 줄도 → 2027 개발 운세도 (결과 화면 용어와 통일)

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Nov 4, 2026 •

Copy link
Copy Markdown
Codex Review Summary: ✅ Completed

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-11-12T22:38:18.784916Z e584e2f New commits
🔒 Security Review ✅ Completed 2026-11-04T14:45:44.673267Z 978d8c1 New commits
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 47edd88276

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

Comment thread questions/2026.yaml Resolved

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 978d8c1e7c

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

Comment thread src/components/QuestionStep.tsx Resolved
@yolophg

yolophg commented Nov 4, 2026

Copy link
Copy Markdown
Contributor Author

추가로 설문 제출 시 보여지는 애니메이션을 조금 더 다듬었습니다. PR 설명에도 반영해뒀으니 업데이트된 녹화 영상 참고 부탁드립니다!

  • 결과 분석뿐 아니라 설문 응답을 제출하는 과정이라는 맥락도 전달할 수 있도록 응답을 익명으로 저장하는 중 단계와 내 답도 2026 한국 개발자 결과에 함께 담겨요! 문구 추가
  • 단계 전환이 다소 빠르게 느껴져 진행 시간을 0.9초 → 1.2초로 조정하고, 별 회전 및 체크 애니메이션 추가

Comment thread src/routes/$edition.survey.tsx Resolved
Comment thread src/components/DevTypeCard.tsx Resolved
Comment thread src/routes/$edition.survey.tsx Resolved
Comment thread src/routes/$edition.survey.tsx Resolved
# Conflicts:
#	src/components/DevTypeCard.tsx
#	src/components/QuestionStep.tsx
#	src/routes/$edition.index.tsx
#	src/routes/$edition.survey.tsx

@DaleSeo DaleSeo left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

헬레나님, 설문 끝까지 재미있게 다듬어 주셔서 감사합니다! 🙌
사소한 코멘트를 남기며 승인합니다.

Comment thread src/routes/$edition.survey.tsx Resolved
Comment thread src/routes/$edition.survey.tsx Resolved
Comment thread src/components/ShareButton.tsx Resolved

@DaleSeo DaleSeo left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

헬레나님, 설문 끝까지 재미있게 다듬어 주셔서 감사합니다! 🙌
사소한 코멘트를 남기며 승인합니다.

@DaleSeo

DaleSeo commented Nov 10, 2026

Copy link
Copy Markdown
Member

@all-contributors please add @yolophg for code

@allcontributors

Copy link
Copy Markdown
Contributor

@DaleSeo

I've put up a pull request to add @yolophg! 🎉

@yolophg
yolophg merged commit 3589ecf into main Nov 12, 2026
2 checks passed
@yolophg
yolophg deleted the feat/survey-ux-polish branch November 12, 2026 22:44

This branch was successfully deployed

1 active deployment
preview — e584e2fd Deployed Nov 12, 2026 by yolophg via preview #55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants