나 핑글인데, 너 빼고 다 친하더라?

안녕하세요, 팀 PINGLE 입니다!

PINGLE은 대학생 IT 벤처 창업 연합 동아리 SOPT의

대규모 장기 해커톤인 APP-JAM에서 제작하고 있는 앱 서비스인데요,

저희가 만드는 서비스는 다음과 같습니다.

단체 구성원과의 네트워킹을 원하지만, 모임 개최나 참여에 부담을 느끼는 사람들을 위해

모임의 진입장벽을 낮춰 많은 사람들이 네트워킹에 적극적으로 참여할 수 있도록 돕는 서비스!

저번에 올린 저희 PINGLE(핑글)의 소개글이

트랜딩 메이커로그 1위에 올라가며 팀원들의 사기도 급격하게 올라갔는데요🔥

페이스북을 뛰어넘을 핑글,,

🎵🎵페이스북, 인스타, 핑글, LET’S GO🎵🎵

저번 글에서는 기획 배경과 솔루션을 중점으로 설명해 드렸다면,

오늘은 핑글 서비스명의 의미와 디벨롭 과정에 대해 말씀드리고자 합니다.

🤓 PINGLE 이름 의미

저희 서비스 이름은 ‘PINGLE(핑글)’인데요,

가끔 사람들이 핑클? 피클? 빙글? 싱글? 벙글? 하며 헷갈리시기도 하고,

이름이 왜 ‘핑글’인지 궁금해하실 수도 있을 것 같아서 소개해 드리려고 합니다!

핑클 아닙니다..

우리는 항상 새로운 상황에서 설렘을 느끼며 새로운 사람들을 만나는데요,

막상 우리에게 주어진 네트워킹 시간은 짧고, 거주지나 관심사 등의 이유로 즐거운 시간을 못 보내기도 합니다.

저희는 이렇게 흩어져 있어 네트워킹을 즐기지 못하고 아쉬워하는 개개인을 연결해 주고,

더 쉽게 자주 어우러질 수 있도록 도와주고자 합니다.

PINGLE은 ‘위치’를 뜻하는 PIN과

‘다른 사람들과 어우러짐’을 뜻하는 MINGLE의 합성어로,

다양한 위치에 흩어진 개개인이 모여 함께 어우러지는 모임이라는 의미를 갖고 있어요!

그렇기에 저희 서비스에서는 ‘모임 개최하기’ 혹은 ‘번개 개최하기’가 아닌,

‘핑글 개최하기’라는 새로운 용어를 사용해 안내하고 있어요 💗

💡사용성 개선을 위한 와이어 프레임 수정

핑글 팀이 결성된 이후, 기획 파트에서 정리한 초기 와이어 프레임을 기반으로

기획 파트와 디자인 파트는 회의를 진행했습니다.

1. 1 thing 1 page 방식 적용

핑글 유저들의 더 나은 사용 경험을 위해 몇 가지 개선 사항이 결정되었는데요,

우선 모임 개최 페이지의 UI가 1 thing 1 page 형태로 변경되었습니다!

1 thing 1 page는 토스에서 사용하는 원칙으로,

사용자에게 한 화면에서 한 가지 질문에만 집중하도록 페이지를 구성해

유저들에게 몰입된 환경을 제공하고, 사용성을 높이는 방식입니다.

왼쪽은 저희의 초기 와이어 프레임인데요,

한 페이지에서 번개 개최를 위한 모든 정보를 한 번에 입력받고 있었습니다.

사용자가 한 번에 입력할 정보가 너무 많아 사용성이 좋지 않고,

혼란을 줄 수 있겠다는 판단하에 오른쪽과 같은 방식으로 변경하게 되었습니다.

한 번에 한 가지의 액션만 요청함으로써 유저에게 편리한 UI를 제공할 수 있게 되었어요!

1. 단체 설정 페이지의 depth 추가

핑글을 이용하려면 본인이 속한 단체를 선택해야 하는데요,

단체 설정 페이지의 초기 와이어 프레임은 단체를 검색하는 방식으로

본인이 속한 단체가 핑글에 등록되어 있지 않다면

하단의 (+) 버튼을 통해 신규 단체를 등록해야 했습니다!

그러나 회의를 통해 왼쪽과 같은 화면의 경우

(+) 버튼이 직관적이지 않고, 유저들이 혼란을 겪을 수 있다는 결론을 도출해 냈습니다.

해당 화면은 서비스를 처음 이용하는 사용자들이 접하게 되는 페이지이기 때문에,

그들이 앞으로 취할 액션에 대한 더 명확한 가이드를 제공하기로 했어요!

따라서 (1) 기존 단체에 입장하기, (2) 신규 단체 개설하기 라는

두 옵션을 명확하게 구분해 제공하는 페이지를 맨 첫 단계에 추가하게 되었습니다.

수정 후 훨씬 직관적이고, 사용자에게 친절한 UI로 변경되었음을 확인할 수 있습니다!

1. 특정 액션 전/후 안내 페이지 추가

기존의 와이어 프레임은

(1) 단체 입장 액션을 완료하면 바로 홈 지도 뷰로 이동하고,

(2) 하단 네비바의 개최 버튼을 클릭하면 바로 정보 입력 페이지로 이동하는

단순한 플로우로 구성되어 있었습니다.

그러나 사용자가 특정 액션을 수행하기 전/후로 해당 기능이 어떤 것인지,

어떤 액션을 완료했는지 안내하는 페이지를 추가해

사용성을 더욱더 높이기로 결정했습니다!

(1) 왼쪽 화면은 단체 입장 완료 안내 페이지인데요,

사용자는 본 화면을 통해 선택 및 기재한 정보들이 전부 정상적으로 처리되었음을 확인할 수 있습니다.

(2) 오른쪽 화면은 핑글 개최 시작 안내 페이지입니다.

핑글에서 사용하는 ‘핑글’이라는 용어를 프로세스 시작 전 본격적으로 짚고 넘어감으로써

핑글 브랜드를 다시 한번 각인시키는 효과 또한 가져오고 있습니다.

방금 소개해 드린 서비스 디벨롭 과정을 거치고

조금 더 뾰족해진 기획과 극강의 사용 경험을 선사하는 디자인,

천재 개발자 선생님들의 노력이 합쳐져 ❇️❇️1차 릴리즈❇️❇️를 완료했습니다!

APP-JAM 2주간의 합숙기간 동안

기획, 디자인, 서버, iOS, AOS 모두 미친 듯이 작업하고 소통하며

핸들이 고장 난 8톤 트럭처럼 질주한 덕분인데요, 다들 수고 많으셨습니다👏

그리고 .. 데모데이가 정말 코앞으로 다가왔는데요,

모든 앱웹잼 팀들 정말 고생 많으셨고, 마지막까지 힘내서 달려봐요!🩷

정말 멋진 저희의 프로덕트도 데모데이에서 정식으로 소개해 드릴 예정이니

<<1번>> 부스 방문하셔서 많은 관심 가져주세요!

방금 소개해 드린 저희 서비스 핑글, 더 알고 싶다면

🔽 아래 랜딩 페이지 구경 후 사전 예약 신청해 주세요! 🔽

(이메일 주소를 남겨주신 분들께는 단체 모임용 장소 리스트를 공유해 드려요)

조만간 핑글의 공식 릴리즈 안내글로 다시 찾아오겠습니다!