속도 Archives - Kovion Studio

좋은 디자인은 느려도 괜찮다는 생각

시각적으로 완성도가 높은 화면은 사용자의 관심을 끌 수 있다. 하지만 사용성은 다른 문제다.

페이지 이동이 느리거나 버튼 반응이 늦다면 사용자는 예상보다 빠르게 불편함을 느끼기 시작한다.

실제 대기 시간과 사용자가 느끼는 시간은 다르다.

같은 2초 대기라도 빈 화면만 표시되는 상황과 스켈레톤 UI가 먼저 나타나는 상황은 체감 차이가 크다.

좋은 디자인은 보기 좋은 화면보다 사용 흐름을 끊지 않는 방향에 더 가깝다.

사용자는 작은 속도 차이도 생각보다 빠르게 체감한다.

특히 모바일 환경에서는 네트워크 상태와 기기 성능 차이가 크기 때문에 이런 문제가 더 쉽게 발생한다.

Core Web Vitals는 사용자 경험 중심 성능 측정 방식이다.

LCP는 주요 콘텐츠 표시 속도다.

INP는 클릭 후 반응 시간이다.

CLS는 화면 요소가 갑자기 움직이는 정도를 측정한다.

사용자는 기술 용어를 모르더라도 이런 문제를 체감하는 경우가 많다.

많은 요소를 추가하면 더 좋은 경험을 만든다고 생각하기 쉽다.

하지만 실제 서비스에서는 반대 상황도 자주 발생한다.

고해상도 이미지, 자동 재생 영상, 과도한 애니메이션은 화면을 화려하게 만들 수 있지만 페이지 무게도 함께 증가시킨다.

실무에서 자주 나타나는 사례:

과한 시각 효과는 사용 흐름보다 연출 자체에 더 집중하게 만들기도 한다.

성능 최적화는 디자인 단계에서도 충분히 고려할 수 있다.

WebP 형식은 이미지 품질을 유지하면서 용량을 줄이는 데 자주 사용된다.

Lazy Loading 방식도 많이 활용된다. 사용자가 실제 보는 영역부터 우선 로딩하는 방식이다.

실제 랜딩페이지 작업에서도 메인 이미지를 최적화하지 않았을 때 첫 화면 로딩이 늦어지는 문제가 발생하는 경우가 있다.

이미지 크기를 줄이고 형식을 변경한 이후 초기 화면 표시 속도가 개선되면서 사용 흐름도 자연스러워지는 경우가 나타나기도 한다.

사용자가 기억하는 것은 성능 점수보다 사용 과정에서 느낀 불편함 여부에 더 가깝다.

속도 역시 디자인의 일부로 보는 이유가 여기에 있다.