스케치 1
메인화면
- 상단 바에 새로고침, 검색, 옵션 메뉴가 있고 그 아래에 홈, 지도, 번호표 탭이 있습니다.
- 즐겨찾는 지점이 맨 위에 고정되고, 구분선 아래로 대기 인원이 적은 주변 지점이 이어집니다.
- 처음에는 다섯 곳만 보여주고 ‘+ 더보기’로 나머지를 펼칩니다. 별을 누르면 즐겨찾기에 추가됩니다.
2016년 첫 BlueHack 삼성 해커톤 우승
노트 여섯 장에서 작동하는 프로토타입까지
Dash Hour는 은행에 도착하기 전에 번호표를 미리 뽑는 앱입니다. 주변 지점마다 줄이 얼마나 긴지, 하루 중 언제 붐비는지 보여주고, 내 번호가 불릴 때 도착하려면 언제 출발해야 하는지 알려줍니다.
이 아이디어는 펜으로 그린 스케치 여섯 장에서 시작했습니다. 아래에 그 스케치를 다시 그려 싣고, 각 장에 손으로 적은 메모를 정리했습니다. 프로토타입은 이 스케치를 반응형 웹 앱으로 다시 만든 것입니다. 휴대폰에서는 스케치의 탭 구성 그대로, 큰 화면에서는 목록과 지도, 상세 화면을 나란히 보여줍니다.
데스크톱에서 써 보기앱 열기
휴대폰에서는 스케치와 같은 탭 앱으로 바뀌고, 홈 화면에 추가할 수 있습니다.
스케치와 같은 탭 앱으로 열립니다. 브라우저의 공유 메뉴에서 홈 화면에 추가하면 설치한 앱처럼 쓸 수 있습니다.
해커톤 팀이 만들었습니다
- 팀 리드
- Bolim Lee
- 전 삼성전자 디자이너
- 개발
- Ye Joo Park
스케치
‘원본 보기’를 켜면 스캔한 노트 원본을 볼 수 있습니다.
스케치 2
상세설명 페이지
- 목록에서 항목을 누르면 그 아래로 상세 설명이 펼쳐집니다.
- 작은 지도(누르면 전체 지도로 이동), 도보·버스·택시 소요 시간, 시간대별 혼잡도 그래프가 들어갑니다.
- ‘다른 시간대보다 60% 한산’ 같은 한 줄 요약을 보여줍니다.
스케치 3
번호표 뽑기 팝업
- 지점과 대기 인원을 보여주는 확인 팝업이 뜨고, 확인 또는 취소를 고릅니다.
- 확인을 누르면 번호표가 나오는 동안 짧은 로딩 화면이 나옵니다.
스케치 4
번호표 화면
- 어두워진 화면 위에 찢어진 종이 번호표 모양으로 내 번호를 보여줍니다.
- 순서가 가까워질수록 대기 인원 숫자가 줄어들고, 원형 그래프가 남은 대기를 보여줍니다.
- 길찾기 버튼으로 제시간에 지점까지 갈 수 있습니다.
스케치 5
지도화면
- 번호가 붙은 핀으로 주변 지점의 순위를 표시하고, 선택한 지점은 아래 카드에 나타납니다.
- 기본 선택은 5km 안의 즐겨찾는 지점이고, 없으면 대기가 가장 짧은 지점입니다.
스케치 6
번호표 보관함
- 현재 번호표와 취소 버튼이 들어 있습니다.
- 여러 줄에 자리를 잡아둘 수 없도록 번호표는 한 사람이 한 번에 한 장만 가질 수 있습니다.
- 취소 없이 세 번 차례를 놓치면 불이익이 주어집니다.