반응형

uiux 2

사용자 경험을 향상시키는 skeleton UI 스켈레톤

기다리는 순간마저 덜 지루하게 만들어주는 사용자 경험의 디테일Skeleton UI란? 웹사이트나 앱을 사용할 때, 콘텐츠가 완전히 로딩되기 전 회색 박스나 흐릿한 틀부터 먼저 보인 적 있으신가요?바로 그게 Skeleton UI입니다.말 그대로 Skeleton UI는 ‘뼈대 UI’를 의미합니다.즉, 콘텐츠가 준비되기 전에 실제 내용이 들어갈 자리를 미리 시각적으로 보여주는 틀이죠.👀 실제로 네이버, 쿠팡, 인스타그램, 유튜브 등 인기 있는 앱들을 보면Skeleton UI가 기본으로 적용되어 있는 경우가 많습니다. 왜 Skeleton UI가 필요할까요?요즘 사용자들은 빠르고 즉각적인 반응에 익숙해져 있습니다.그런데 화면이 텅 비어 있거나, 단순히 로딩 스피너만 돌아가고 있다면 어떤 생각이 들까요?🙄 ..

IT Tip 2025.05.10

[디자인트렌드] VOGUE ITALIA의 색다른 UX 가상 VR 갤러리 웹사이트 Life in VOGUE

Life in VOGUE 프로젝트는 2018년부터 오프라인 공간에서 디자인과 패션을 접목하여 진행된 복합 프로젝트 입니다. 올해는 비대면 전시를 위해 온라인상에 VR로 가상의 빌딩을 제작하여 아티스트의 공간 디자인 프로젝트를 소개하는 사이트를 오픈했는데, 차분하면서도 고급스러운 기조로 전개되는 UI와 함께 아티스트의 작품들을 층별로 전시하여 통상적인 가상 공간 전개 방식인 360도 영상이나 커다란 갤러리 공간에 전시된 작품을 감상하는 방식이 아닌 색다른 방법으로 풀어낸 부분이 인상적입니다. 가상의 빌딩을 인지시켜주는 예쁜 일러스트로 제작된 페이퍼북으로부터 시작하여 페이지를 넘기면 엘리베이터 문 팝업 페이지가 등장하여 층을 이동하는 버튼을 누를 수 있도록 화면이 연결됩니다. 전체 메뉴 UI를 엘리베이터의 ..

Design Trend 2021.05.25
반응형