Oh no! It looks like JavaScript is not enabled in your browser.
Reload
LearnFit
YouTube, 팝업의 잘못된 사용 7가지 예시
-3
+3
🤩
🧐
🤔
😵💫
🤯
00:01
-3
+3
🤩
🧐
🤔
😵💫
🤯
00:01
NewX
님의 학습노트
도움돼요
2
팝업의 잘못된 사용 7가지 예시
#팝업
#오버레이
#모달
#팝업창
#popup
#modal
#overlay
#feedbck
#uiux디자인
#ui디자인팁
#ux디자인팁
#웹디자인
#디자이너
#UI/UX
#P.O / 기획자
#서비스기획
00:02
서비스 팝업을 기획할 때 잘못된 예시에 대한 내용입니다.
00:09
팝업의 잘못된 사용은 사용자 경험을 불만족스럽게 만들고, 사이트 참여도를 낮춥니다.
00:29
1. 페이지 콘텐츠가 완전히 로딩되기 전에 너무 일찍 표시. 사용자는 방해받는다는 느낌을 받아 팝업을 닫는 행동을 하게 된다.
00:50
2. 로그인 이후 팝업. 사용자는 로그인을 할 때 어떤 테스크를 하려고 하는 경우가 많다. 그렇기에 팝업이 방해가 된다.
01:13
3. 페이지가 무엇인지 경험하기 전에 이메일 정보를 입력하는 팝업. 사이트를 경험하지 않고 뜨는 정보 입력창은 스팸이라고 생각하기 쉽다.
01:30
4. 페이지를 경험하기 전에 피드백을 요구하는 팝업. 너무 일찍 피드백을 요구하는 것 보다 테스크를 마친 후에 띄워야 한다.
01:54
5. 테스트 진행 중에 피드백을 요구하는 팝업. 사용자는 중요한 작업 중이었는데, 흐름이 깨질 수 있다. 차라리 사이드 바에 플로팅 피드백 버튼을 두는 것이 낫다.
02:24
6. 한 스크린에 다수의 팝업 디스플레이. 브랜드에 대한 신뢰성과 전문성을 떨어트리며, 사용자가 중요한 정보가 무엇인지 파악하기 어렵게 만든다.
02:50
7. 웹 사이트에서 모바일 앱으로 이동시키려는 팝업. 웹에서 진행한 내용이 앱으로 이동하는 과정에서 사라지지 않을까 하는 불안감을 조성한다.
03:20
결론: 팝업은 사용자의 흐름을 방해하지 않는 선에서 드물게 사용해야 한다.
✔ 학습 완료
댓글
0
취소
작성하기
이런 러닝패스
는 어때요?
무료
박어진
의 러닝패스
포트폴리오... 너 뭐 돼? - 마케팅 지원자 주목! 포트폴리오 기초 뿌시기
무료
AM 2 PM
의 러닝패스
토스 이승건 대표의 PO 세션 총정리
무료
서원석
의 러닝패스
입문자를 위한 React Router(버전6)
무료
코드종
의 러닝패스
제 2회 마스터 클래스 🏆 프론트엔드 개발자 머릿속이 복잡해진 이유
무료
SJPark
의 러닝패스
Adaptive Learning이란 무엇이고 어떤 서비스들이 있나?
이런 학습노트
는 어때요?
Jinie
의 학습노트
피그마 한글 폰트 오류 해결 방법
POST
⏱ 핵심 스탬프
0
개
👍
1
sohee
의 학습노트
피그마 독학중이신 분, 한글 영상에 목마르신 분 이 영상만 봅시다!
Video
⏱ 핵심 스탬프
5
개
00:19
데스크탑 앱을 설치하는 것이 중요!
00:36
웹 브라우저에서는 속도이슈가 있어요~
👍
7
다시 보지않기
👋 다양한
인사이트
를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기