우아한선물하기 초초초 클로즈베타 개발 이야기

최초의 배민선물하기

한 번의 결제로 여러 사람에게 선물을 보내고 싶다는 고객의 요구

중간단계: 계속 선물하기

결제 완료화면 내 계속 선물하기 버튼 클릭 시 편지 내용, 선물, 금액, 모두 유지하고 받는 사람 이름만 유지되지 않는다. 이렇게 하면 같은 상품을 여러명에게 보낼 때 입력 시간을 훨씬 줄일 수 있었다.

다중 선물하기

받는 사람 최대 10명, 같은 선물과 편지 내용으로 여러명의 이름과 연락처를 추가할 수 있다.

다중 선물하기는 많은 부분에서 코드 수정이 필요해서 2개월의 시간이 걸렸다. 그래서 코드 수정이 많지 않은 계속 선물하기를 선보이길 잘했다.

배민선물하기 사용사례: 조직장

내부에 사용자가 많아지면서 다양한 요구사항이 생겼다. 대표적으로 피플실 사례가 있따.

요구사항: 피플실 사례

기존의 다중 선물하기는 10명의 사람의 이름과 번호를 일일이 다 입력해야한다.

대상자가 100명일 때 1줄 입력에 9 ~ 10초 소요되고, 10번 반복하면 약 15 ~ 17분이 걸린다.

긍정적 피드백

안된다는 말 대신 도울 방법을 고민했따.

상황 점검

• 백엔드 API 개발 및 수정 불필요
• 스프레드시트 사용에 능숙한 구성원
• 배민앱 내 웹뷰로만 결제가능한 상태
• QR코드로 정보 전달

사용자는 데스크탑 환경에서 엑셀 파일에 이름과 연락처를 한 번에 입력한다. 그리고 QR코드가 넘어가면 배민앱에서 결제까지 이어질 수 있다.

개발 범위

• 데스크탑용 웹 페이지 1개 신규 제작
• 기존 코드 일부 수정 -> 프론트엔드 1명의 작업 분량

프로토타입의 문제

• 선물하기 카드 번호 직접 입력 -> 번호를 어떻게 알아요?
• 가격 직접 입력 -> 허용하는 가격 범위는?
• 고정된 갯수의 받는사람 입력란 -> 늘릴 수 있어야함

사용자 피드백

• QR 인식률이 낮다.
• 30명 한도는 아쉽다.

낮은 QR코드 인식율

• 원인: 긴 URL을 QR코드로 변환하니까 인식이 잘 안되었다.
• 개선: 난수 ID만 넣은 짧은 URL을 생성한다. 이를 통해 QR코드를 생성한다.

VPN 접속단계 제거

결제 페이지로 넘어가지 않음

카드 번호 입력란에 대한 오해로 넘어가지 않았다. 따라서 이를 기본적으로 막고, 모달창을 띄울 수 있도록 했다.