뒤로 가기
홈으로 이동
LearnFit
공유하기
YouTube, 팝업의 잘못된 사용 7가지 예시
NewX님의 학습노트

팝업의 잘못된 사용 7가지 예시

#팝업
#오버레이
#모달
#팝업창
#popup
#modal
#overlay
#feedbck
#uiux디자인
#ui디자인팁
#ux디자인팁
#웹디자인
#디자이너
#UI/UX
#P.O / 기획자
#서비스기획
00:02서비스 팝업을 기획할 때 잘못된 예시에 대한 내용입니다.
00:09팝업의 잘못된 사용은 사용자 경험을 불만족스럽게 만들고, 사이트 참여도를 낮춥니다.
00:291. 페이지 콘텐츠가 완전히 로딩되기 전에 너무 일찍 표시. 사용자는 방해받는다는 느낌을 받아 팝업을 닫는 행동을 하게 된다.
00:502. 로그인 이후 팝업. 사용자는 로그인을 할 때 어떤 테스크를 하려고 하는 경우가 많다. 그렇기에 팝업이 방해가 된다.
01:133. 페이지가 무엇인지 경험하기 전에 이메일 정보를 입력하는 팝업. 사이트를 경험하지 않고 뜨는 정보 입력창은 스팸이라고 생각하기 쉽다.
01:304. 페이지를 경험하기 전에 피드백을 요구하는 팝업. 너무 일찍 피드백을 요구하는 것 보다 테스크를 마친 후에 띄워야 한다.
01:545. 테스트 진행 중에 피드백을 요구하는 팝업. 사용자는 중요한 작업 중이었는데, 흐름이 깨질 수 있다. 차라리 사이드 바에 플로팅 피드백 버튼을 두는 것이 낫다.
02:246. 한 스크린에 다수의 팝업 디스플레이. 브랜드에 대한 신뢰성과 전문성을 떨어트리며, 사용자가 중요한 정보가 무엇인지 파악하기 어렵게 만든다.
02:507. 웹 사이트에서 모바일 앱으로 이동시키려는 팝업. 웹에서 진행한 내용이 앱으로 이동하는 과정에서 사라지지 않을까 하는 불안감을 조성한다.
03:20결론: 팝업은 사용자의 흐름을 방해하지 않는 선에서 드물게 사용해야 한다.
✔ 학습 완료

이런 러닝패스는 어때요?

이런 학습노트는 어때요?

서원석의 프로필 이미지
서원석
의 학습노트

리액트로 이미지 미리보기 구현(feat. useState, useEffect, useRef, FileReader)

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
25
00:01
이 학습노트에서 구현하는 결과물 입니다.(파일 선택기에서 이미지 파일을 고르면 이미지 미리보기)
00:25
코드 살펴보기 시작
👍
2
스크랩
sohee의 프로필 이미지
sohee
의 학습노트

피그마 독학중이신 분, 한글 영상에 목마르신 분 이 영상만 봅시다!

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
5
00:19
데스크탑 앱을 설치하는 것이 중요!
00:36
웹 브라우저에서는 속도이슈가 있어요~
👍
7
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기