디자인 업무 효율을 높이는 툴

✌️ AI로 문제정의, 요구사항 정의, 화면 디자인 그리고 검증까지!

PH 클럽 시즌2를 주목해주세요!

2025.03.11 | 조회 6.1K |
0
|
from.
팁스터
팁스터의 프로필 이미지

팁스터

프로덕트와 관련된 다양한 주제의 콘텐츠를 발행합니다. 구독하기를 클릭하시면 발행 내용을 더 자세히 확인하실 수 있어요.😉 (팁스터란 정보 제공자라는 의미를 갖고 있으며, 앞으로 더 다양하고 알찬 정보를 전하고자 하는 마음과 의지가 담겨있어요.) 📮 광고 및 제휴 문의 : https://tally.so/r/mYoG6v

첨부 이미지

 

😎 지난 11월부터 진행된 PH 클럽 


PH 클럽은 ‘업무 효율을 높일 수 있는 AI 툴을 함께 스터디하는 모임’이에요. 업무에 도움을 받을 수 있는 AI 툴(생성형 AI, LLM 등)을 다양한 관점에서 비교 분석하고, AI를 활용해 업무 생산성을 높이는 방법을 함께 고민하고 탐구하는데 중점을 두고 있어요. 5기까지는 한 달 주기로 하나의 주제를 가지고 다양한 툴을 비교 분석해보는 방식이었는데요.

6기부터는 ‘AI로 제품 기획부터 디자인, 검증까지’라는 주제를 중심으로 진행돼요.

 

 

💯 다음 기수부터 PH 클럽은 하나의 주제로 진행해요!


4주 간 우리는 가상의 비즈니스 아이디어를 바탕으로 문제를 정의해 해결방안을 찾고, PRD를 작성해 핵심 기능이 담긴 화면을 만들어요. 또 생성된 화면을 검증하는 등 모든 과정을 인공지능과 함께하며 단계별 필요한 툴을 어떻게 활용하면 좋을지 배우고, 함께하는 참여자들과 다양한 의견을 나누고요. 지금부터는 에디터들이 정리해본, 4주 간 진행되는 미션 과정을 함께 확인해볼게요!

 

👉 미션 개요

프로그램은 4주로 구성되어 있고, 한 주에 하나씩 네 가지 주요 미션에 참여하게 돼요.
미션에 따라 에디터들이 사용하면 좋은 도구를 계속 추천하고 정리해드려요! 

첨부 이미지

 

💡 서비스 개요

  • 서비스 컨셉 : 특정 장소의 실시간 정보를 확인할 수 있는 모바일 앱 서비스
  • 서비스 이용 목적 : 특정 장소 기준, 원하는 방문 목적에 맞는 정보를 실시간으로 얻고 싶을 때 사용
    • 가고싶은 봄꽃 명소가 있는데, 지금 가도 꽃이 많이 있을까?
    • 늦잠을 잤는데, 가고 싶은 공원에 지금 가도 피크닉을 할 공간이 있을까?
  • 핵심 사용자 : 다양한 장소를 탐색하고, 방문하기 좋아하는 2030세대

 

 

1주차 : 서비스가 해결해야 할 문제를 명확히 정의하고 사용자 니즈 찾기


첫 번째 단계는 문제를 찾는거에요. 저는 ChatGPT 프로와 함께 최근 등장한 Grok3 그리고 Gemini 2.0 Flash를 활용했어요. 활용한 프롬프트는 아래와 같아요.

 

프롬프트

너는 프로덕트 매니저로서, 특정 장소의 실시간 정보를 확인할 수 있는 모바일 앱 서비스를 초기부터 기획하고 구축해야 해. 이 서비스의 핵심 목표는 사용자가 원하는 장소를 기준으로 실시간 정보를 제공하여, 방문 여부를 효과적으로 판단할 수 있도록 돕는거야. 이 서비스를 통해 해결해야 할 핵심 문제를 명확하게 정의하고, 주요 사용자(2030세대)의 니즈를 깊이 이해하는 것부터 시작해줘.

문제 정의 (Problem Definition)

  • 사용자가 장소 방문을 결정하는 과정에서 겪는 주요 불편 사항을 분석해줘.
  • 기존에 존재하는 대체 서비스(예: 지도 앱, SNS, 리뷰 플랫폼)에서 해결되지 않는 Pain Point를 도출해줘.

사용자 니즈 분석 (User Needs Discovery)

  • 2030세대가 장소 방문을 결정할 때 고려하는 요소(예: 실시간 붐빔 정도, 날씨, 공간 여유)를 정리해줘.
  • 구체적인 사용자 시나리오를 생성하여, 서비스가 해결해야 하는 주요 Use Case를 설명해줘.

정리할 때, 초기 검증이라는 점을 잊지 말고 적용해줘.

 

프롬프트 작성 시, 신경쓴 점이 있다면 초기 검증에 초점을 맞춰 답변해달라는 부분이었어요. 이런 내용을 포함하지 않으면 지나치게 넓은 범위의 답변(서비스가 안정화 된 뒤의 방향 등)이 나올 수 있거든요. 

 

첨부 이미지

세 곳에서 확인한 내용은 다시 ChatGPT로 가져와 종합했는데요. 위 이미지는 전체 내용 중, 장소 방문을 결정하는 과정에서 겪는 주요 문제, 기존 대체 서비스에서 해결되지 않는 문제에 대한 내용이에요.

 

첨부 이미지
첨부 이미지

이어서, 서비스의 핵심 사용자로 정한 대상이 장소 방문을 결정할 때 고려하는 주요 요소와, 시나리오를 종합한 내용이에요. 이렇게 완성된 내용을 가지고 PRD 작성을 시작해볼게요!

 

 

2주차 : 핵심 기능 및 요구사항을 포함한 PRD(제품 요구사항) 문서 제작하기


어떤 문제를 해결해야 할지 정리했으니, 이제 핵심기능을 포함한 제품 요구사항을 만들 차례인데요! 실제 미션 진행 시에는 PRD 작성에 도움이 되는 서비스를 제안드릴 예정이며, 저는 1단계와 동일하게 ChatGPT를 활용했어요.

 

프롬프트

당신은 경험이 풍부한 제품 관리자(Product Manager)입니다. 앞서 정리한 내용을 바탕으로 초기 버전의 제품 요구사항 문서(PRD)를 작성해야 합니다. PRD는 다음과 같은 주요 섹션을 포함해야 합니다:

  1. 개요 (Overview): 제품의 목적, 해결하려는 문제, 주요 사용 사례
  2. 목표 및 성공 기준 (Goals & Success Metrics): 제품이 해결해야 할 주요 목표와 성공을 측정할 수 있는 핵심 지표
  3. 핵심 기능 및 요구사항 (Key Features & Requirements): 제품의 주요 기능, 필수 요구사항, 고려해야 할 기술적 요소, 우선순위와 선정 기준
  4. 사용자 페르소나 (User Persona): 대상 사용자의 유형과 그들의 니즈
  5. 기술적 고려 사항 (Technical Considerations): 사용될 기술 스택, API, 인프라 관련 요구사항
  6. 경쟁 분석 (Competitive Analysis): 시장 내 유사 제품과의 차별점
  7. 추가 고려 사항 (Additional Considerations): 기타 고려해야 할 사항 및 초기 버전 검증 이후 진행 방향
  8. Q&A 참여인원이 궁금해할 만한 질문과 답변 등

주어진 정보를 분석하여 각 섹션을 논리적으로 작성하세요. 문서는 명확하고 간결해야 하며, 각 섹션의 내용을 적절한 포맷으로 정리하세요.

출력 형식:

  • 깔끔한 마크다운(Markdown) 형식으로 정리
  • 각 섹션을 제목(#)으로 구분
  • 필요한 경우 표와 리스트를 활용하여 가독성을 높이기추가적인 정보가 필요하다면 사용자에게 질문을 요청하세요.

 

PRD를 요청하며 잊지 않고 꼭 포함한 내용은, 핵심 기능 및 요구사항을 정리할 때 우선순위를 정리해 달라는 부분이었어요. 또, 기존에 정의한 문제가 어떻게 연결되는지도 포함해달라고 말했어요. 이를 바탕으로 다음 단계인 화면 설계에 대한 부분을 참고하기 위해서였죠.

 

첨부 이미지
첨부 이미지

그렇게 완성된 PRD 중, 핵심 기능에 대한 내용을 가져왔는데요. 어떤 문제와 연결된 기능인지, 우선순위는 어떤 기준에 따라 정리했는지 등이 담긴 모습이에요.

 

 

3주차 : 핵심 기능 및 요구사항을 바탕으로 화면 제작하기 


첨부 이미지

저는 PRD를 통해 우선순위가 높다고 확인한 2개 기능에 대한 화면을 먼저 만들고 검증해 보기로 했어요.

 

‘Polymet’으로 생성한 주요 화면
‘Polymet’으로 생성한 주요 화면

 

‘Creatie’으로 생성한 주요 화면
‘Creatie’으로 생성한 주요 화면

핵심 기능이 포함된 주요 화면은 2개의 서비스로 생성했어요. 개인적으로 ‘Creatie’가 훨씬 좋았는데, 대화를 하면서 화면을 계속 수정할 수 있고 생성 후 캔버스에서 직접 디테일한 내용을 수정할 수 있기 때문이에요. 게다가 베타로 모든 기능을 무료로 활용할 수 있다는 점도 좋고요. 

 

 

4주차 : 생성한 주요 서비스 화면 검증하기


첨부 이미지

제가 선택한 첫 번째 검증방법은 시선 추적 데이터 확인인데요. ‘Clueify’라는 서비스를 이용해 히트맵, 관심 영역 데이터, 포커스 맵, 시선 흐름 등을 살펴봤어요. 추적 결과가 담긴 이미지를 내려받은 뒤, 다시 PRD 작성을 도와준 ChatGPT로 돌아와 다음과 같이 요청했죠.

 

프롬프트

당신은 UX/UI 분석 전문가입니다. 주어진 PRD에서 우선순위가 높은 두 개의 기능을 기반으로 제작된 화면을 분석해야 합니다. 제공된 이미지에는 아이트래킹 데이터를 포함한 사용자 행동 데이터가 포함되어 있습니다.

아래 사항을 중심으로 개선 방안을 정리해 주세요

  • 사용자 시선 흐름 분석: 시선 집중 구역과 사용자가 놓치는 영역을 식별
  • UI/UX 문제점 도출: 사용성 문제, 혼란스러운 요소, 클릭/탭 빈도가 낮은 UI 요소 분석
  • 개선 방향 제안: 데이터 기반으로 UI를 개선할 수 있는 구체적인 방안 제안
  • A/B 테스트 추천: 추가적인 실험이 필요한 부분과 테스트할 가설 제시

출력 형식

  • 분석 결과 요약 (표 또는 리스트)
  • 주요 문제점 및 개선 방향 (각 문제에 대한 구체적인 해결책 제시)
  • 향후 테스트 제안 (A/B 테스트, 사용자 인터뷰 등)

 

첨부 이미지
첨부 이미지

위와 같은 방식으로 문제 4개를 잘 정리해 줬고, A/B 테스트 등 추가 검증을 어떻게 진행하면 좋을지에 대한 내용도 포함해 줬어요. 이렇게 총 4가지 단계를 거쳐 문제를 정의하고, 해결 방안을 찾고, 실제 화면으로 만든 뒤 1차로 검증하는 과정을 진행할 수 있었죠.

 

첨부 이미지

4월부터 시작되는 PH 클럽 시즌2 (6기)에 참여하면 위와 가튼 미션에 참여, 다른 참여자의 과정을 함께 보며 이야기를 나눌 수 있어요. 그렇게 4주 동안 우리는 문제 정의부터 검증까지 일련의 과정에서 AI를 적극적으로 활용하며 새로운 업무 방법에 대한 감각을 익힐 수 있죠!

  • 문제 정의부터 검증까지 일련의 과정에서 AI를 적극적으로 활용할 수 있어요.
  • 기수별 참여자가 작성한 프롬프트는 물론, 단계별 결과물을 확인할 수 있어요.
  • 기수와 상관없이 참여한 분들과 실무, AI에 대해 이야기를 나눌 수 있어요.
  • 프롬프트 활용 팁, 단계별 사용하기 좋은 툴 등 다양한 정보를 살펴볼 수 있어요.

 

스터디 효율을 위해 제한된 인원으로 진행하며, 신청은 아래 버튼을 클릭해주세요!

PH 클럽 6기 신청하기

 


팁스터 뉴스레터의 공식 오픈채팅방에 참여해보세요!

 

팁스터 뉴스레터에서는 프로덕트와 관련된 다양한 주제의 콘텐츠를 발행하고 있어요!

 

멤버십 콘텐츠 중 '캠핑'편은 무료로 체험하실 수 있어요!

 

첨부 이미지

다가올 뉴스레터가 궁금하신가요?

지금 구독해서 새로운 레터를 받아보세요

이번 뉴스레터 어떠셨나요?

팁스터 님에게 ☕️ 커피와 ✉️ 쪽지를 보내보세요!

댓글

의견을 남겨주세요

확인
의견이 있으신가요? 제일 먼저 댓글을 달아보세요 !

다른 뉴스레터

© 2025 팁스터

프로덕트와 관련된 다양한 주제의 콘텐츠를 발행합니다. 구독하기를 클릭하시면 발행 내용을 더 자세히 확인하실 수 있어요.😉 (팁스터란 정보 제공자라는 의미를 갖고 있으며, 앞으로 더 다양하고 알찬 정보를 전하고자 하는 마음과 의지가 담겨있어요.) 📮 광고 및 제휴 문의 : https://tally.so/r/mYoG6v

뉴스레터 문의tipsternewsletter.ad@gmail.com

메일리 로고

도움말 자주 묻는 질문 오류 및 기능 관련 제보

서비스 이용 문의admin@team.maily.so

메일리 사업자 정보

메일리 (대표자: 이한결) | 사업자번호: 717-47-00705 | 서울 서초구 강남대로53길 8, 8층 11-7호

이용약관 | 개인정보처리방침 | 정기결제 이용약관 | 라이선스