카카오맵 '사용자 지정 태그 검색 기능' 페이퍼 프로토타입 제작해보기 | 코드스테이츠 PMB 13기

🧭 들어가기 전에..

이전 과제에서 카카오맵의 폴더 기능이 장소 분류에 최적화되도록 변화했으면 좋겠다고 언급했다.

평소 노션을 사용하며 태그를 활용해 정보를 분류하는 것이 편하다고 생각했기 때문에

하나의 폴더에 500개까지 저장 가능한 지도 속 장소들을 '태그'를 활용해 분류할 수 있게 하면 좋지 않을까, 라는 생각에 이르렀다.

그래서 크게 두 가지 기능을 추가한다는 느낌으로 페이퍼 프로토타입을 만들어보았다.

그려놓고 나서 이게 와이어프레임인건지 아니면 로우 어쩌고인지 참 헷갈렸다.

사용자 조사용으로 적합한 결과물이 아니기 때문에 와이어프레임이라는 결론을 내렸지만

사용자가 태그로 검색을 하고 새로운 태그를 추가하는 과정을 시뮬레이션 해보는 것을 상상하며 제작했기 때문에

low fidelity 프로토타입의 성격도 가진다고 생각한다. 

 

---

 

[ 지난 과제글에서 가져온 내용 ]

---

 

W4D3
태그 기능을 도입해 카카오맵의 폴더 관리 UX  개선하기

 

굿노트로 손그림을 그리고 미로를 활용해 흐름을 설명하는 문장을 첨부해보았다.

패드에다가 그렸지만 손그림이니까 페이퍼 프로토타입..맞겠지?

직접 그려보니 아무리 사소한 기능일지라도 실제로 구현하려고 하면 굉장히 꼼꼼한 검토가 필요하다는 것을 체감할 수 있었다.

간단한 검색 기능 하나 추가하는데도 이렇게 성가신데 새로운 제품을 기획하고 디벨롭하는 건 도대체 얼마나 고될까. 아득하네~

아래 사진들이 생각보다 화질구지라서 당황했다. 얼른 피그마 공부해야지.

 

0. 기존 서비스에 추가하고 싶은 기능들

A. 태그 기반 검색 기능 제공 (전체 폴더와 개별 폴더 대상으로 각각 기능할 수 있도록)

B. 사용자가 설정 가능한 태그 생성 기능 제공 (즐겨찾기 장소 편집 화면에서 설정 가능하도록)

 

1. 전체 폴더를 대상으로 태그를 활용해 검색하기

 

빨간색 화살표는 사용자의 화면 터치 순서를 의미한다.

 

 

 

2. 하나의 폴더를 선택해 폴더 내부에서 태그를 활용해 검색하기

 

 

 

3. 새로운 태그 생성하기

 

이미지가 복잡해서 숫자를 붙여서 표시해보았다.

 

4. 요구사항 정의서 (Software Requirement Specification) 작성해보기

공유받은 요구사항 정의서 샘플을 따라 작성해보았다.

채우면서도 이게 맞나 싶었다. 내가 뭘 모르는지 모르는 상태다. 샘플을 더 찾아봐야겠다.

일단 채우긴 했는데..ㅎㅎ

 

 

 

---

 

🧭 마무리하며..

화살표를 적절한 위치에 배치하는 게 은근히 까다롭게 느껴졌다.

사용자의 실제 화면 터치 위치를 기준으로 하는 건가?

사용 흐름(클릭하진 않지만 눈으로 반드시 확인하고 넘어가는 부분 포함)에 따라 표시하는 것인가?

일단 오늘은 여기까지 하고 위클리 과제를 하면서 좀 더 자세히 알아보도록 하자.

금요일의 나야 믿는다 ^_^!