본문으로 바로가기
윤창원uiwwsw · 작은 우주

만드는 이야기

다중 장소 검색 서비스 머랭트립 개발기

“서울역 근처에서 수제버거를 먹고, 가까운 카페로 가고 싶다.”

간단한 계획입니다. 찾는 일도 간단했으면 좋겠는데, 지도 앱을 켜는 순간부터 머리가 조금 바빠집니다.

서울역 햄버거를 검색합니다. 괜찮은 곳의 위치를 기억해둡니다. 오른쪽으로 두 블록쯤. 이제 카페를 검색합니다. 아까 햄버거집이 어디였더라. 생각보다 멀어 보이면 처음으로 돌아갑니다.

지도는 화면에 있는데, 두 검색 결과를 겹치는 일은 제 머릿속에서 하고 있었습니다.

“이걸 왜 내가 기억하고 있어야 하지?”

그 불만에서 머랭트립을 만들기 시작했습니다.

한 장소씩 찾으면 남는 일

기존 지도 앱으로도 장소를 찾고 길을 확인할 수 있습니다. 제가 자주 하고 싶었던 것은 조금 달랐습니다. 한 지점을 기준으로 식당과 카페처럼 여러 종류의 장소를 함께 놓고, 어디를 갈 만한지 판단하는 일이었습니다.

검색 결과가 바뀔 때마다 이전 장소를 기억하고 거리를 짐작해야 했습니다. 정보가 없어서라기보다, 비교하고 싶은 정보가 한 화면에 없어서 생기는 수고였습니다.

그래서 목표를 이렇게 잡았습니다.

기준이 될 장소 하나를 정한다.

주변에서 원하는 여러 카테고리를 찾는다.

그 결과를 같은 지도 위에서 본다.

기억력을 조금 덜 쓰고도 약속 장소를 정하고 싶었습니다.

아이디어는 간단했고, UI는 다섯 번 바꿨습니다

처음에는 장소 간 최적 거리 계산이나 자동 추천도 생각했습니다. 알고리즘이 좋은 조합을 골라주면 편하겠다고 봤습니다.

그런데 직접 써보니 제게 필요했던 것은 정답 하나보다, 선택지를 함께 놓고 볼 수 있는 상태였습니다. 기능이 판단을 도와주기보다 앞서가고 있었습니다. 그래서 덜어냈습니다. 복잡한 알고리즘을 넣어놓고 쓰는 사람에게 수고를 더 시킨다면, 무엇을 해결한 것인지 알 수 없으니까요.

데이터를 보여주는 일도 예상보다 까다로웠습니다.

“API로 받아온 데이터를 잘 뿌려주면 되지 않을까?”

처음 만든 화면은 그 질문에 별로 다정하게 답해주지 않았습니다. 정보는 많았는데 쓰기는 불편했습니다. 버튼의 위치와 검색 순서, 화면이 반응하는 방식을 바꿔야 했습니다. 지도에 표시할 수 있다는 것과, 표시한 것을 편하게 읽을 수 있다는 것은 다른 일이었습니다.

그렇게 UI를 다섯 번 바꿨습니다.

“아, 편하다”와 “아, 뭐지?” 사이가 그렇게 넓은 줄은 몰랐습니다. 화면에서는 버튼 하나 차이일 때도 있었는데 말입니다.

머랭트립 사용법

여러 번 고치고 남은 흐름은 두 단계입니다.

검색: 기준이 될 장소를 찾습니다. 예를 들면 서울역입니다.

추가: 하단의 별(★) 버튼을 눌러 주변에서 찾을 키워드를 입력합니다. 카페와 햄버거처럼 여러 장소를 함께 볼 수 있습니다.

그다음에는 지도를 보고 고르면 됩니다. 이전 검색 결과를 머릿속에 붙잡아두는 일을 줄이는 것이 이 앱의 목적입니다.

뇌 용량을 조금 아끼고 싶었습니다

머랭트립을 만들면서 지도에 무엇을 더 넣을지보다, 지도를 보는 사람이 무엇을 덜 해야 할지 생각하게 됐습니다. 장소를 대신 결정해주기 전에, 비교할 수 있게 놓아주는 것만으로도 풀리는 불편함이 있었습니다.

처음에는 햄버거집과 카페를 같이 보고 싶었을 뿐입니다. 그 소박한 요구를 화면으로 옮기느라 UI를 다섯 번 고칠 줄은 몰랐지만요.

써보신 뒤 불편했던 화면과 상황을 알려주시면 고칠 곳을 더 구체적으로 볼 수 있습니다. 피드백은 환영합니다. 버그 제보는 자세히, 말투는 살살 부탁드립니다.

다운로드

Android (Google Play Store)

https://play.google.com/store/apps/details?id=io.brewstar.meringuetrip

iOS (App Store)

https://apps.apple.com/kr/app/%EB%A8%B8%EB%9E%AD%ED%8A%B8%EB%A6%BD/id6751193690

Assisted by AI

© uiwwsw · 본인 소유의 글·이미지에 대한 무단 복제·재게시를 허용하지 않습니다. 개인 열람·원문 링크 공유·검색 색인과 제한적인 미리보기는 허용합니다. 법령상 이용 예외, 기존 이용 허락, 코드·제삼자 자료의 기존 라이선스는 유지합니다. 콘텐츠 이용 안내

무단 복제·재게시를 허용하지 않습니다. 콘텐츠 이용 안내

윤창원이 벨로그에 남긴 글을 이 작은 우주에도 모았습니다. 사진은 누르면 원본 크기로 볼 수 있습니다. 원문의 전체 서식 보기 ↗

모든 글 둘러보기 →