UX개선2 시니어 숲 홈 리뉴얼기, 검색 중심 서비스에서 서비스 허브로 서비스를 처음 만들 때는 가장 핵심적인 기능 하나에 집중하게 됩니다. 시니어 숲도 처음에는 요양기관을 찾는 경험이 중심이었습니다. 사용자가 지역과 기관 유형을 선택하고, 지도와 목록을 오가며 시설을 비교할 수 있는 흐름이 우선이었기 때문입니다. 실제로 초기 홈 화면도 사실상 요양기관 검색 페이지 역할을 하고 있었습니다.그런데 서비스를 운영하면서 기능이 조금씩 늘어나기 시작했습니다. 장기요양등급 자가진단이 들어왔고, 등급별 예상 비용을 확인하는 페이지도 생겼습니다. 여기에 시니어 일자리 정보까지 추가되면서, 더 이상 시니어 숲은 단순히 시설 검색만 하는 서비스라고 보기 어려워졌습니다. 서비스가 커졌는데 첫 화면은 여전히 예전 구조에 머물러 있었던 셈입니다.이번 홈 리뉴얼은 바로 이 지점에서 시작했습니다.왜.. 2026. 4. 8. [지도 기반 서비스] 검색 UX와 렌더링 성능 최적화 경험기 우리 서비스는 지도 기반으로 요양기관 검색 및 비교 기능을 제공하고 있습니다. 이번 업데이트에서는 사용자가 더 직관적이고 편안하게 시설을 검색할 수 있도록 검색 기능과 지도 UI 전반을 개선했습니다.이 과정에서 1) 지도의 프로그래밍적 이동과 사용자 상호작용의 분리, 2) React의 렌더링 최적화(Empty State 및 참조 비교), 그리고 3) 모바일/데스크톱 반응형 UX 설계라는 3가지의 재미있는 기술적 챌린지가 있었습니다. 이번 글에서는 이 문제들을 어떻게 해결했는지 공유하고자 합니다.1. 지도의 '프로그래밍적 이동'과 '사용자 드래그' 구분하기문제 상황사용자가 지도를 드래그하여 이동할 때만 "이 위치에서 검색" 버튼이 나타나게 하고 싶었습니다. 하지만 사용자가 검색창에 지역명(예: "강남구").. 2026. 2. 25. 이전 1 다음
