Share
Sign In
Works Log
[개인프로젝트] 스파르타 랜딩페이지 UX디자인 개선
J
Jongmin_Yun
👍
☑︎ 과제내용 : 스파르타 코딩클럽 UIUX 부트캠프 랜딩 페이지를 활용하여 심층 인터뷰와 A/B 테스트를 설계
워크플로우 플랜
유저리서치를 통해 랜딩 페이지를 사용하는 유저의 문제점을 정의 -> 문제 해결 가설 수립 -> 가설 검증 A / B 테스트 설계
※ 랜딩페이지에 유입된 이후 전환에 이르기까지 부트캠프 참가 신청을 하는 과정에서 유저가 무슨 문제를 겪는지 파악하기
1. [DISCOVER]
문제 발견 : 스파르타 UXUI 디자인 랜딩페이지 유입 이후, 유저들이 교육 참가 신청 전환율이 높지 않음을 발견 → 문제로 정의한 이유 : 많은 유저가 랜딩페이지에서 이탈률이 증가한다면, 효과적인 유저 휙득이 어려워 매출에 큰 타격으로 이어질 수 있다.
원인 찾기 : 랜딩 페이지에서 유저가 원하는 정보를 놓치거나, 교육 참가하기를 할 만큼 매력적으로 보이지 않아 전환율이 높지 않았다.
필드 리서치 : 인터뷰 목적 → 부트캠프 참여 전환율을 높이기 위해 유저가 어떤 문제를 겪는지 심층 인터뷰를 통해 파악하기
2. [DEFINE]
필드 리서치 - 인사이트 정리 내용
비전공자가 해석하기에 어려운 용어
비전공자가 보기에 어려운 용어가 있어 이해하기 어려움이 있음
타 직군(A직군, B직군 등)에 대한 정보가 없어 설득력 있는 콘텐츠 제공에 문제가 있음
랜딩 페이지의 상세 내용이 부족
스파르타에서 제공되는 정보가 많이 부족하여 부트캠프 참가 신청 전환율에 문제가 있음
커리큘럼과 튜터진의 상세한 정보가 없어 신뢰성이 떨어진다는 문제가 있음
CTA버튼 문구의 부정적인 요소
하단 버튼의 범위가 커서 내용에 집중하지 못하고 불편하다는 문제가 있음
선착순이라는 문구가 압박감이 더해져 교육시간의 부정적인 이미지를 느낀다. 부트캠프 참가 신청 전환율에 문제가 생길 수 있는 우려가 있음
선착순이라는 문구가 표기되었지만 남은 일정 및 확정 인원이 없어 불편하다는 의견들이 있음
취업지원 섹션 부적절한 UXUI
네비게이션 버튼 움직임이 크고 채도가 강해, 온전히 콘텐츠 내용에 집중하기 어렵다는 문제가 있음
텍스트와 이미지를 제공하는 부분에 이미지가 이미지 답지 않고 중복적인 내용들이 많아, 원하고자 하는 정보를 얻지 못함
3. [DEVELOP]
가설 설정
{Option 1} : CTA - 하단 플로팅 버튼
문제 정의(원인 찾기) : CTA버튼의 범위가 크고 적절하지 않는 문구로 전환율 올라가지 않아 이탈률이 확인
가설 : CTA버튼의 범위 축소와 신뢰감 있는 문구로 변경 시, 클릭률 증가로 참가 전환율이 오를 것이다.
{Option 2} : 콘텐츠 영역 - 취업 지원 섹션
문제 정의(원인 찾기) : 위계가 잡혀있지 않는 채도와 과도한 모션감으로 인하여 온전히 콘텐츠에 집중할 수 없 이탈률이 발생
가설 : [Step 1]버튼의 색상과 모션의 위계를 감소하면 섹션 내용을 집중적으로 바라볼 수 있어 이탈률이 감소할 것이다.
{Option 3} : 콘텐츠 영역 - 자주 묻는 질문
문제 정의(원인 찾기) : 자주 뭍는 질문의 배경색과 텍스트의 명도가 비슷하여 가독성이 떨어진다는 문제발견, 궁금증이 해소가 안되어 전환율에 영향이 끼쳤을거라 판단
가설 : 가독성을 높이게 된다면 스파르타의 대한 신뢰감과 유저의 혼란을 줄여 전환율이 오를 것이다.
해결 방법
{Option 1} : CTA - 하단 플로팅 버튼
Test Option : ‘CTA’ 버튼 요소 스케일, 텍스트 수정
FAB - 하단 플로팅 버튼 범위를 축소시켜 콘텐츠에 집중 할 수 있도록 개선
텍스트 - 교육기관의 책임감과 신뢰성을 부여하기 위해 신뢰감 있는 문구를 사용함
{Option 2} : 콘텐츠 영역 - 취업 지원 섹션
Test Option : [Step] 버튼 요소 위계 정리
Navigation Tabs 버튼의 시각과 모션감을 덜어 콘텐츠 내용에 방해받지 않고 정독을 할 수 있도록 시야확보 및 위계 정리
현재 위치
{Option 3} : 콘텐츠 영역 - 자주 묻는 질문
Test Option : 텍스트 요소 명도 수정
‘Text Field’ 요소의 명도를 낮추어(어둡게 처리) 텍스트 가독성을 높임
텍스트 박스(배경)와 텍스트의 대비를 위해 텍스트 박스 명도 낮춤
실험군 설정
샘플 사이즈
기본 방안(대조군) 기준 전환율 : 20%
대안(실험군) 기대 전환율 : 25% 추축(예상) → 대조군 : 실험군 5%로 유의미한 결괏값인 샘플 사이즈1030
모니터링 지표 정의
성공지표 (전환율)
랜딩페이지 진입 후, 참가 전환율이 B군에서 25% 이상일 경우 성공한 것으로 볼 것.
가드레일 지표 (참가 철회율, 소요시간)
※ 다음의 경우 성공 지표를 달성하더라도 전면 적용 논의 필요
실험군에서 철회율이 5% 이상일 경우
실험군에서 취업 지원 섹션 체류(소요) 시간 15% 이상일 경우
실험군에서 '자주 묻는 질문' 내용으로 문의하기 30% 이상일 경우
Subscribe to 'Jongmin Yun_Blog'
안녕하세요! 프로덕트 디자이너 윤종민입니다.
제안은 언제나 열려있습니다. 감사합니다.
Subscribe
👍
Other posts in 'Works Log'See all
Jongmin_Yun
[MVP Project] 휴젯:HuedGet #2_디자인솔루션
7. 비즈니스 모델 8. 브랜드 아이덴티티 브랜드 네이밍 : 휴식과 위젯을 조합한 이름이자, 휴식을 얻다라는 뜻을 가진 휴젯 : HuedGet 슬로건 : Capture, Reflect, Rejuvenate 캐치프레이즈 : 기록하고 소통하며 시런하는 진정한 휴식 비전 : 휴젯은 사용자들이 일상 속에서 자연스럽게 작고 소중한 휴식의 순간을 발견하고 편입하여, 그 순간을 통해 마음의 안정을 찾고 멘탈 건강을 지킴으로써, 궁극적으로 지속적인 행복과 만족을 누릴 수 있도록 돕는 것을 목표 미션 : 사용자들이 휴식의 소중한 순간을 사진으로 기록하고, 감정과 글로 표현하며 친구들과 공유할 수 있는 플랫폼을 제공. 이를 통해 사용자는 자신과 타인의 휴식 순간을 응원하고 공감 할 수 있는 커뮤니티를 형성 브랜드 보이스 Friendly : 친근하고 따뜻한 Cheerful : 긍정적이고 격려하는 Simple : 간결하고 명확한 Relaxed : 여유로운 UX 라이팅 : 사용자에게 전달되는 보이스톤은 친근하고 격려하는 이미지를 강화하기 위한 "해요"체를 사용. 사용자의 보이스톤으로는 피로도를 줄이기 위해 간결하고 명확한 말투를 채택함. 9. IA, Flowchart 10. 디자인시스템 11. 와이어프레임 ❏ 초기 와이어프레임(Lo-fidelity Wireframe ❏ 최종 와이어프레임(Hi-fidelity Wireframe) 12. 사용성 테스트 ※ Think Aloud : 테스크 수행과 동시에 진행 테스트를 진행하면서 사용자 행동에 유심히 관찰
👍
1
Jongmin_Yun
[MVP Project] 휴젯:HuedGet #1_아이데이션 및 리서치
☑︎ 프로젝트 목적 : 2030 세대들이 번아웃에 쉽게 노출이 되어있기 때문에 올바르고 건강한 휴식 라이프를 제공할 수 있는 네트워킹 서비스를 기획 1. 기획의도 ❏ 해결하고 싶은 문제 파악 바쁜 일상과 쉼의 부재 : 성취에 대한 급급함과 바쁜 일상으로 인해 쉬는 시간을 가져가지 못하여 내면의 치유와 변화가 어렵다. 자기 감정 관리의 부족 : 감정을 기록하고 관리함으로써 부정적인 감정에서 벗어나고 스스로 변화하고 싶은 욕구가 있다. 자기 사랑의 부재 : 자기를 사랑하고 보살피는 일이 어려우며, 그것이 언제쯤 가능할지에 대한 불안이 있다. 목표 설정이 너무 거창 : 큰 목표만을 위해 자신을 채찍질하며 살아왔기에 쉴 때 불안을 느껴 휴식을 취하기가 어렵다. ❏ 해결하려는 문제와 시장에 대해 파악 심각한 자살률 및 정신건강 20~35세 자살률 2017년 이후 꾸준히 늘고 있다. 번아웃 증후군은 일반적으로 약물치료보다는 영양 섭취와 휴식 등 생활 습관과 스트레스 관리 등으로 치료가능 스스로에 대해 파악하는 시간을 가지지 못해 자발적으로 스스로를 돌아볼 수 있도록 긍정적 정서를 유도하고 불안과 스트레스를 고나리하고 충분한 휴식과 숙면을 통해 신체 컨디션과 함께 향상 번아웃 예방하기 일상 속 작은 휴식 찾기 거창한 계획으로만 번아웃을 피하는게 아니다. '10분 산책'등으로 일상에서 자주 쉴 수 있어야 한다. 소셜미디어 잠시 끊기 타인과의 비교에서 예민할수록 번아웃 스트레스 → 잠깐이라도 휴대전화를 멀리하기 힐링노트 작성하기 하고싶고 좋아하는 일의 리스트를 만들어 단계적으로 실천할 수 있는 길을 모색 ※ 2030세대들에게 겪고 있는 번아웃 증세와 우울증세를 초기에 도움을 주기 위해 힐링, 마인드 훈련, 멘탈 케어 관련 서비스에 초점에 맞추었다.
Jongmin_Yun
[팀프로젝트]배달특급_UXUI 리디자인
☑︎ 프로젝트 목적 : 공공배달 플랫폼인 배달앱 컨셉과 불분명한 사용성으로 인한 '특급배달' APP UXUI디자인을 개선 ___ 1. 기획 의도 및 배경 ❏ 프로젝트 개요 2. 데스크 리서치 ❏ 보도자료 및 기사 ❏ 앱리뷰 인사이트 도출 예상 조리시간이 표시되지 않아 불편하다. 홈으로 돌아갈 수가 없어서 불편하다 지역화폐 결제 오류가 잦고 가능한 매점 표시가 되지 않아 꺼버린다. → ㅁ뉴를 기껏 골랐더니 지역화폐 사용 불가 메뉴와 매장에 사용된 파랑색 하이라이트가 너무 높아 글자가 보이지 않는다. 핵심 서비스인 지역화폐 필터 탭이 맨 뒤에 위치함 ❏ 발견한 문제점 배달특급의 장점 경기도주식회사가 음식점으로부터 떼어가는 주문 수수료는 2% 정도로 민간 배달앱의 6~13%선에 비해 크게 저렴하다. 무료 광고 서비스와 소상공인 현금 유동성 확보를 위해 실시간 정산 서비스를 제공. 또한 신규 가입 쿠폰 및 지역화폐 결제 서비스 등 다양한 할인 혜택도 제공. 아동급식카드 연계, 다회용기 제공 등 공공성 짙은 서비스를 함께 진행. 발견한 문제점 2020년 민간 배달앱의 독과점 방지를 위해 출시된 배달특급의 시장점유율은 1% 수준 밖에 되지 않는다. 배달 수요 감소, 지역화폐 축소 등에 따라 공공배달앱의 지속성에 대한 의문마저 커지고 있다. 소상공인에게 필요하지만 인지도가 낮아 악순환