과학적 방법론 [복습]
1 .질문하기
2. 배경조사하기
3. 가설세우기
4. 실험하기
5. 결과분석하기
6. 결론내리기
7. 결과공유하기
사용자를 설득해야한다
Design Thinking[ 사용자 중심의 문제 해결]
공감 Empathize - 사용자의 상황과 행동을 이해
정의 Define - 집중할 문제와 필요를 구체화
발상 Ideate- 서로다른 해결 가능성을 탐색
시제품 Prototype- 아이디어를 경험할 수 있는 형태
검증 Test- 사용자의 반응을 관찰하고 다음을 판단
공감은 맥락을 이해하는 활동
아이디어를 낼때는 혼자생각하고 후에 공유하기 산출물이 있어야한다!
위의 과정을 반복해서 가장나은 결과를 도출한다
아이디어를 낼때는
많이 얘기하고
비판은 금지 [나중으로 미루기]
아이디어 결함 및 개선
상상력을 발휘하기 엉뚱한 생각도 OK!
Pain Points 분석과 HMW 아이디어 전개
1. 누가 어떤상황에서 막히는지 근거와 함께 정의
2. 원하는 사용자변화를 열림 질문으로 재구성
3. 아이디어와 검증
분석과 발상을 잇는과정
관찰과 근거 - 문제와 필요 - HMW질문 - 아이디어와 검증
Pain Point / Bottleneck은 목표를 막는 어려움
상황과 목표 - 사용자가 무엇을 하려고 했는지 /언제, 어디서 어려웠는지
장애와 영향 - 무엇이 진행을 막았는지 /시간, 오류 , 포기행동에 어떤영향이 있는지
감정과 근거 - 어떤감정을 표현했는지 / 그에 뒷받침하는 발화나 행동이 있는지
** 막연한 평가(ex.그냥) X 구체적인 문제로
근거는 행동이 일어난 맥락과 함께
상대의 반응을 살피고 그에따른 질문으로 구체화시키거나 다른질문으로 변경
문제정의
[사용자]는 [상황]에서
[장애] 때문에 [영향]을 겪습니다
사용자와 원하는 변화를 질문으로
우리는 어떻게 [사용자]가
[상황]에서 [원하는 결과]를
얻도록 도울 수 있을까?
사용자의 입장에서 문제점을 파악을 하고 원하는 결과로 이어지게 만들어주는게 어렵다..
[실습]
무신사앱 이용중 사용자를 인터뷰하고 PAIN POINTS를 찾고 아이디어 3개씩 도출 [2인 1팀]
1. 인터뷰 요약
| 이용 목적 | 오프라인에서 본 옷을 저렴하게 구매 | 가격 비교와 합리적 소비가 핵심 |
| 이용 시점 | 대중교통 이용 중, 집에서 주기적으로 | 짧은 시간에도 효율적인 탐색 필요 |
| 가격 | 무신사 제품이 비싸다고 느낌 | 가격 부담이 구매를 망설이게 함 |
| 구매 불확실성 | 옷을 입은 내 모습이 상상되지 않음 | 체형 적합성을 판단할 정보 부족 |
| UI | 이전보다 복잡하고 일관성이 없음 | 정보 구조와 탐색 흐름 개선 필요 |
| 탐색 | 쇼핑하다가 다른 콘텐츠로 빠짐 | 구매 목적에 집중하기 어려움 |
| 구매 경험 | 무신사 1년 5건, 에이블리 6년 72건 | 플랫폼별 구매 경험 차이 |
2. 핵심 문제
- Problem 01. 가격 부담: 오프라인에서 본 상품을 저렴하게 사고 싶지만 무신사 가격이 기대보다 높다.
- Problem 02. 구매 확신 부족: 상품이 마음에 들어도 내 체형에 어울릴지 판단하기 어렵다.
- Problem 03. 탐색 과정의 비효율: 복잡한 UI와 다양한 콘텐츠 때문에 쇼핑 목적에서 벗어난다.
3. 아이디어제시 및 디벨롭
| 외부 인터넷 검색 (이미지 검색) | 에이블리 / 지그재그 검색도 동시에 | 01 가격 부담 |
| 리뷰 실사용자 필터 | 실사용자 필터 유료화 | 02 구매 확신 |
| 할인 쿠폰 기간 강조 | 반짝반짝 빛나기 / 시각적 강조 | 01 가격 부담 |
| 체형 맞춤 AI 서비스 | 전신 사진 → 체형 분석(스트레이트/웨이브 등) → 스타일에 맞는 AI 코디 추천과 가상 착용 | 02 구매 확신 |
| 스냅 기반 룩대로 구매 | 핀터레스트처럼 룩을 누르면 관련 이미지 추천, 룩 전체를 한 번에 구매 (온라인 마네킹) | 02 구매 확신, 03 탐색 비효율 |
| 구경 / 구매 나누기 | 하단바를 구경 / 구매로 변경, 기존 상단바 기능은 상단에 배치. 구매 탭은 카테고리와 검색창, 구경 탭은 스냅 특화 및 제품 대신 브랜드 추천 | 03 탐색 비효율 |
영양가있는 질문을 생각하는것도 어려웠고 그 답변에 따라 PAIN POINTS를 찾는게 어려워
인터뷰에는 없지만 내가 느꼈던 불편함에 대한 아이디어를 추가로 생각했다 아쉬웠다
사용자의 인식에 맞춰 생각하는게 어려웠다
다음에 프로젝트때는 질문을 좀더 영양가 있는 질문을 해봐야겠다...
PRD
문제정의 - 목표설정 - 핵심기능 - 사용자의 흐름
R.C.T 프레임워크
Roll(페르소나) - Context(맥락) - Task(목표)
google stitch uxui 디자인 프로그램
기업+ 디자인시스템 + md
but, 디자인시스템을 만들어주진 않으므로 나머지는 피그마에서 해야됨
1. 디자인 시스템 md파일 확보하기
2. 구글 stitch에서 초안만들기
3. 피그마로 카피하기
4. agents에서
폰트 , 색상, 사이즈를 디자인시스템으로 구축하고 이를 여기에 적용시켜줘 다음의 디자인md를 참고해서 만들어줘
5. 프로토타입 -> 피그마 메이크에서 붙여넣기
다음은 피그마 첫 랜딩화면이야 마우스 인터렉션과 스티치에 유의해주고 가능하면 모션 디자인을 추가해줘