pile·
모바일·요기요요기요·

마커 펼치기로 포장 지도 UX 개선하기 : Map Projection

문제포장 지도에서 동일한 위경도의 여러 가게 마커가 겹쳐 사용자가 개별 가게를 선택하지 못하고 탐색 흐름에서 이탈했다.
접근Map Projection으로 위경도를 지도 화면 좌표로 변환 후 원형 배치(반경 × cos/sin 각도) 계산을 클라이언트에서 실시간 처리. 최대 8개까지 2 depth 원형으로 균등 분산하고, Zoom Level에 따라 펼침 반경을 스케일링해 가독성을 유지했다.
결과동일 위치 가게들이 지도 상에서 분리 표시돼 직관적 선택이 가능해졌고, 서버 연산 없이 클라이언트 실시간 계산으로 지도 이동 시 자동 재검색도 안정적으로 처리된다.
요기요
요기요 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)
·takedown 요청

이 글과 비슷한

  1. 모바일·토스 SLASH토스 SLASH·

    디자이너가 시안 대신 앱을 만든 이유

    토스 UX 디자이너가 AI를 협력자로 삼아 피그마 시안 대신 실제 SwiftUI 코드로 iOS 앱을 직접 구현한 경험을 다룬다. "데드엔드" 화면(송금·결제 완료 등)을 다음 경험의 시작점으로 전환하는 underlay 컴포넌트를 설계하면서 Metal 셰이더 구현까지 디자이너가 주도했고, 완성된 코드를 개발팀에 전달해 협업 방식 자체를 바꿨다.

    #design-system#ai-coding#ios+2