웹앱 사용자 경험을 개선하는 기술 한 스푼

본 글은 SK플래닛의 프론트엔드 개발자가 웹앱 사용자 경험 개선을 위해 도입한 기술에 대해 다룹니다. 기존 로딩 스피너 방식은 사용자에게 어떤 화면이 나타날지 예측하기 어렵게 하고 탐색 경험을 방해하는 단점이 있었습니다.

이에 대한 개선 방안으로 스켈레톤 UI를 도입했습니다. 스켈레톤 UI는 페이지 레이아웃과 구조를 미리 보여주어 사용자가 콘텐츠를 더 빠르게 접하고 있다는 인식을 주며, FCP(First Contentful Paint) 시간을 최소화하는 데 기여합니다.

또한, SPA 기반 웹뷰 애플리케이션에서 고전적인 템플릿 엔진 방식보다 나은 UX를 제공할 수 있음을 보여줍니다. 이를 통해 웹앱의 전반적인 사용자 경험을 향상시키는 방법을 제시합니다.