pile·
프론트엔드·카카오페이카카오페이·

무조건 스켈레톤 화면을 보여주는게 사용자 경험에 도움이 될까요?

문제빠른 응답에도 스켈레톤을 무조건 띄우면 화면 깜빡임이 생겨 오히려 UX가 나빠지는 역설이 발생한다.
접근Nielsen Norman의 "1초 이상 작업에만 Progress Indicator" 가이드라인을 기준으로 Firebase Performance Monitoring으로 실제 응답 분포를 측정. 200ms 이상 지연될 때만 React Suspense·DeferredComponent로 스켈레톤을 노출했다.
결과평균 응답 60ms인 공지사항 화면에서 사용자 75%가 깜빡임을 피했다. 데이터 기반 점진 개선이 일률 적용보다 나은 UX를 만든다.
카카오페이
카카오페이 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·LINE EngineeringLINE Engineering·

    AI로 웹 엔지니어 없이 LINE 앱 안에서 그룹 영상 통화 서비스 만들기

    LINE Planet 팀의 PM과 Android 엔지니어 두 명이 웹 전문 엔지니어 없이 LINE 앱 내에서 그룹 영상 통화 서비스를 개발한 과정을 다룬다. LIFF(LINE Front-end Framework)와 LINE Planet SDK를 활용해 React/Vite 기반 웹 앱을 구성했고, Firebase Cloud Functions로 별도 서버 인프라 없이 구현을 완료했다.

    #react#webrtc#firebase+2