☰ 분류

분류

화면의 사용성 문제를 짚는 프롬프트

설명만으로 판단 못 하는 것을 못 한다고 말합니다.

분류디자인 › 화면·제품 설계
태그검토분석질문생성
프롬프트 (영어 본문 · 답은 한국어로 옵니다)
Review this screen for usability problems. ***From my description — say what you cannot judge.***

**Check:**
1. **What is the screen for?** ***If I cannot state it in one sentence from your reading of my description, that is the first finding***
2. **The primary action** — ***is there exactly one, and is it obvious?*** **Two equally weighted actions means the user decides, and deciding is the cost**
3. **What the user has to know before they can act**, and whether the screen tells them
4. **Where they have to remember something from a previous screen** — ***recall is more expensive than recognition***
5. **Irreversible actions** — ***is there a way back, and does the user know before they commit***
6. **Where the wording assumes internal vocabulary**
7. **What happens to someone who is not the intended user** — *arrived by search, arrived confused, arrived on a phone at 2am*

**Then:**
- ***The one change that would help most***, and what it costs
- **Findings I am confident about** versus ***findings I would need to see the screen to confirm.* **Keep them separate**
- ***What I cannot judge from a description at all*** — **visual hierarchy, spacing, contrast, actual reading order.** **Say so rather than guessing**

⚠️ ***You cannot see the screen. Work only from what I described*** — **do not assume a layout, a component, or a platform convention I did not state.** Where my description is not enough, **say what you would need to see.**
붙여 넣으면 맨 아래에 채울 칸(화면 설명 · 쓰는 사람과 상황)이 나옵니다

어떤 프롬프트인가

화면 리뷰를 글로 받으면 모델이 시각 위계나 여백까지 아는 척하기 쉽다. 이 프롬프트는 그 선을 명시적으로 긋고, 확신하는 지적과 화면을 봐야 확인되는 지적을 나눈다. 그리고 주 동작이 하나인지 — 동등한 무게의 버튼 둘은 사용자에게 결정 비용을 떠넘긴다 — 를 먼저 본다.

모델 비교

ChatGPT가 근거와 판단 한계를 가장 정확히 지켰다. Gemini는 상세하지만 추정과 반복이 있고, [C]는 제시되지 않았다.

ChatGPT종합 1위
45/ 50

＋ 설명과 확인 필요 사항을 신중히 구분했다.

－ 주 행동이 정확히 하나인지 결론이 다소 흐리다.

Gemini
39/ 50

＋ 요구 항목을 빠짐없이 구체적으로 검토했다.

－ 설명에 없는 안내 부재와 동작을 일부 단정했다.

기준ChatGPTGemini앞선 모델
지시 준수99동점
정확성96ChatGPT +50%
구체성99동점
구성·가독성99동점
분량 적정성96ChatGPT +50%

gpt-5.6-sol가 모델 이름을 가린 채 1~10점으로 채점했습니다 (2026-09-25). 측정값이 아니라 AI 심사 결과입니다.

답 전문 보기

같은 입력을 세 모델에 넣어 받은 답을 그대로 옮겼습니다. 각 CLI(에이전트 하네스)에서 실행했습니다. ChatGPT·Claude 앱이나 웹에서는 답이 다를 수 있습니다.

넣은 입력
화면 설명: 회원가입 완료 후 뜨는 '프로필 설정' 화면. 상단에 프로필 사진 업로드용 원형 아이콘, 그 아래 닉네임 입력창, 관심사 태그 선택(20개 중 최대 5개), 하단에 '다음' 버튼과 '건너뛰기' 텍스트 링크가 있음. '다음' 버튼은 관심사를 1개 이상 선택해야 활성화됨.

쓰는 사람과 상황: 20대 대학생 대상 스터디 매칭 앱. 회원가입 직후 온보딩 3단계 중 2단계이며 대부분 모바일 세로 모드로 접속. 앱을 처음 켠 사용자라 서비스 용어에 아직 익숙하지 않음.
gpt-5.6-luna (codex CLI · 에이전트 하네스) · 실행일 2026-09-24

1. 화면의 목적

“스터디 매칭에 사용할 프로필 정보와 관심사를 설정하고 다음 온보딩 단계로 이동하는 화면”이라고 한 문장으로 이해할 수 있습니다.

2. 확실히 판단할 수 있는 문제

주요 행동

의도된 주요 행동은 다음으로 보입니다. 건너뛰기가 텍스트 링크라면 보조 행동으로 설계된 것으로 보입니다.

다만 관심사를 1개 이상 선택해야 다음이 활성화되므로, 사용자는 먼저 “왜 관심사를 선택해야 하는가?”를 이해해야 합니다. 설명 없이 버튼이 비활성화되어 있다면 무엇이 부족한지 즉시 알기 어렵습니다.

또한 건너뛰기가 존재하므로 사용자는 다음 중 하나를 결정해야 합니다.

  • 지금 관심사를 선택할지
  • 설정을 건너뛸지

두 행동의 시각적 우선순위가 실제로 충분히 구분되는지는 설명만으로 판단할 수 없습니다.

행동 전에 알아야 하는 것

사용자는 최소한 다음을 알아야 합니다.

  • 프로필 사진이 필수인지 선택인지
  • 닉네임이 다른 사용자에게 공개되는지
  • 관심사가 스터디 추천이나 매칭에 어떻게 사용되는지
  • 관심사를 나중에 수정할 수 있는지
  • 최대 5개를 반드시 채워야 하는지, 1개만 선택해도 되는지
  • 건너뛰기 후 이 화면으로 돌아올 수 있는지

현재 설명에는 이 정보가 없습니다. 특히 다음이 관심사 1개 선택 전에는 비활성화되므로, 그 조건을 화면이 안내하는지가 중요합니다.

이전 화면에서 기억해야 하는 것

이 화면 자체에서 이전 화면의 정보를 기억해야 하는 부분은 많지 않습니다. 다만 사용자는 회원가입 때 정한 닉네임이나 계정 정보와 별도로 여기서 다시 닉네임을 정해야 하는지 혼란스러울 수 있습니다.

“닉네임”이 가입 과정에서 이미 입력된 값이라면 자동으로 보여주거나, 왜 다시 입력하는지 설명해야 합니다.

되돌릴 수 없는 행동

프로필 사진, 닉네임, 관심사 설정 자체가 되돌릴 수 없는지는 설명만으로 알 수 없습니다.

특히 건너뛰기를 누르면 설정을 나중에 할 수 있는지, 다음을 누르면 수정이 제한되는지 안내가 필요합니다. 되돌릴 수 없다면 커밋 전에 알려야 합니다. 수정 가능하다면 “나중에 프로필에서 변경할 수 있어요” 같은 문구가 불안을 줄입니다.

내부 용어

관심사 태그는 앱 내부 용어일 가능성이 있습니다. 처음 사용하는 사람에게는 다음이 모호할 수 있습니다.

  • 관심사가 무엇을 의미하는지
  • 태그를 여러 개 고르는 이유
  • 선택하면 어떤 결과가 달라지는지

“관심사를 선택하면 맞는 스터디를 추천해드려요”처럼 결과 중심으로 설명하는 편이 이해하기 쉽습니다.

의도하지 않은 사용자

  • 검색이나 공유 링크로 바로 들어온 사람은 이 화면만 보고 앱이 무엇을 해주는지 알기 어렵습니다.
  • 가입 직후 피곤하거나 급한 사용자는 프로필 사진과 관심사 설정을 부담스럽게 느낄 수 있습니다.
  • 휴대폰을 한 손으로 사용하는 사람은 태그를 최대 5개 선택해야 하는 이유와 현재 선택 개수를 쉽게 확인해야 합니다.
  • 관심사가 여러 개인 사용자는 “정확히 5개를 골라야 하나?”라고 오해할 수 있습니다.

가장 큰 개선 한 가지

다음이 비활성화되는 이유와 관심사 선택의 목적을 화면에 명시하는 것이 가장 효과적입니다.

예:
“관심사를 1개 이상 선택하면 나에게 맞는 스터디를 추천해드려요. 최대 5개까지 선택할 수 있어요.”

가능하다면 건너뛰기 옆에도 “나중에 프로필에서 설정할 수 있어요”를 덧붙이세요.

비용은 설명 문구가 추가되어 화면이 조금 더 복잡해지고, 앱의 추천 로직을 사용자에게 약속해야 한다는 점입니다. 하지만 현재의 비활성화 상태를 추측하게 만드는 비용보다 작습니다.

화면을 봐야 확인할 수 있는 문제

다음은 설명만으로 확정할 수 없습니다.

  • 다음과 건너뛰기 중 무엇이 실제로 더 눈에 띄는지
  • 비활성화된 다음이 충분히 비활성 상태로 보이는지
  • 선택된 태그와 선택되지 않은 태그가 명확히 구분되는지
  • 현재 몇 개를 선택했는지 쉽게 알 수 있는지
  • 입력창과 태그 선택의 실제 읽기 순서
  • 버튼과 링크의 터치 영역
  • 긴 닉네임이나 태그명이 잘릴 때의 처리
  • 모바일에서의 시각적 위계, 간격, 대비, 실제 가독성

전혀 판단할 수 없는 것

설명만으로는 실제 시각적 계층, 여백, 색상 대비, 정렬, 컴포넌트 배치, 화면 높이에 따른 스크롤 여부를 판단할 수 없습니다. 이를 확인하려면 화면 캡처나 실제 화면을 봐야 합니다.

같은 분류의 프롬프트

7대7 축구 팀 앱 설계 프롬프트
접근성 감사자 역할을 맡기는 프롬프트
접근성 감사자 역할 프롬프트
접근성 전문가 역할 프롬프트
접근성 테스트 워크플로 프롬프트