🔎 카카오맵의 검색 UX

주말에 약국이나 병원을 찾았던 경험이 한 번쯤은 있을 것이다. 오늘 아침, 약국을 검색하다 카카오맵의 섬세한 UX를 발견하여 기록해본다. (그림1) 카카오맵을 켜면 상단에 검색바가 있고, 검색바 하단에 추천 검색어 칩이 나열되어 있다. 맛집과 같이 사용자들이 많이 찾는 장소를 보여주기도 하고, 봄에는 꽃놀이 플레이스(정확한 명칭 아님)와 같이 시의적절한 장소가 추천되기도 한다. 검색바를 눌러 검색 페이지에 진입하면, 이전 페이지와 비슷한 UI를 볼 수 있다. 검색바 아래에 추천 칩이 표시되는데, 추천하는 항목이 이전과 다르다. 약국, 마트, 지하철역과 같은 명확하고 실용적인 장소가 추천된다. 검색 페이지까지 진입한 경우에는 뚜렷한 대상을 염두해 두고 검색을 하겠다는 목적이 분명하게 드러난다. 특정 장소의 위치와 같은 정보를 찾고자 할 가능성이 높으므로 그에 맞는 실용적인 장소 목록을 제공하는 것이 좋다. 반면 메인페이지의 검색 칩은 조금 더 다양한 목적을 띠고 있는 것 같다. 장소를 편하게 찾도록 돕는 것 이외에도, 마케팅 공간으로 활용될 수 있다. 메인페이지는 유저들이 브라우징하면서 시간을 보내는 공간이기도 하다. 인기 스팟이나 맛집 랭킹을 보여주는 것은 뚜렷한 목적지가 아니더라도 사용자에게 새로운 경험을 제공하는 좋은 UX라고 생각한다. UX 기획의 기술이라는 책에서 배운 이중 피라미드 탐색 및 콘텐츠 모델. 찰떡 사례는 아니지만 조금 관련이 있는 것 같아 상기용으로 가져와 봤다. (그림2) 📝 디자인 체크리스트 “유저들은 이 페이지에 어떤 상황에서, 왜 들어올까?”를 고민하고, 꼭 도움이 되는 정보를 제공하자. 같은 UI 구조라도 내용은 달라질 수 있음! ➕ 추가 느낌표 모먼트 약국을 검색했는데, ‘영업중’ 필터 옵션이 필터 바깥으로 튀어 나와 있었다(그림1의 세 번째 UI). 덕분에 나는 영업 중인 약국을 바로 리스트업할 수 있었다. 자주 쓸 것 같은 옵션을 꺼내 놓는 건 요런 이득이 있는 것 같다. 1. 더 편리하게 필터를 적용할 수 있다. (필터 누르고 바텀시트 열리면 해당 옵션 찾고 적용하기 → 딸깍 탭하기) 2. ‘영업중’이라는 유용한 옵션이 있다는 것을 알릴 수 있다. (필터를 누르지 않으면 해당 기능이 있다는 것을 알 수 없다. 그리고 필터를 누르지 않는 사람은 꽤 많을 것이다.) 필터의 자식 요소가 불쑥 필터 옆에 달라 붙어 있는 게 어색하거나 불편하게 느껴질 수도 있을 것 같다. (옛날에 나는 그랬다.) “피그마는 왜 코멘트를 그 곳에 넣었을까?(이 제목 아님)“와 같은 글을 읽고, 이런 저런 실무 경험을 통해 위계의 시각화가 엄청나게 딱딱해서 모두가 빗겨가야 하는 것만은 아니라는 것을 알게 되었다. 스티븐 크룩의 ’사용자를 생각하게 하지마‘에도 관련된 내용이 있었는데 생각나서 메모… * 경우에 따라 일관성을 약간 벗어나야만 전체적인 내용이 더 명확해지는 때도 있다. “명료성이 일관성보다 더 중요하다" 일관성을 약간 해쳐서 전체적인 명료성이 크게 증가한다면 명료성을 우선하라.