공간 예약 앱
가상의 공간 세 곳을 1시간 단위로 예약하고 취소하는 웹 앱입니다.
웹 앱
공간 예약 앱
고르기
날짜와 방을 고릅니다.
회의, 작업, 촬영 중 하나를 누르면 그 종류의 방만 남습니다. 날짜를 바꾸면 방마다 비어 있는 시간도 달라집니다.
- 멘토의 질문
- 이런 앱을 만들 때 멘토는 날짜, 방, 시간 중 무엇을 먼저 고르게 할지 묻습니다.
확정
한 번 더 보여 주고 확정합니다.
예약 확인을 누르면 공간, 날짜, 시간, 목적이 창에 한 번 더 나옵니다. 예약 확정을 눌러야 예약이 들어갑니다.
- 멘토의 질문
- 이런 앱을 만들 때 멘토는 되돌리기 번거로운 동작 앞에 확인 단계가 필요한지 묻습니다.
취소
취소하면 시간이 다시 열립니다.
내 예약에서 예약 취소를 누르면 그 카드가 빠지고, 같은 시간을 다시 예약할 수 있다는 알림이 뜹니다.
한눈에
회의실 A의 10시와 11시는 이렇게 바뀝니다
규칙 1
예약된 시간은 잠깁니다.
이미 예약된 시간은 회색으로 표시되고 눌리지 않습니다.
- 멘토의 질문
- 이런 앱을 만들 때 멘토는 무엇을 아예 못 누르게 막고, 무엇을 누른 뒤에 설명할지 묻습니다.
규칙 2
시간은 이어서만 고릅니다.
10시와 11시를 고른 뒤 14시를 누르면, 선택은 그대로 두고 시간을 이어서 고르라는 안내를 띄웁니다.
세부
알림과 빈 화면, 안내문도 다음에 할 일을 짚어 줍니다.
휴대폰
좁은 화면에 맞춰 배치가 바뀝니다.
넓은 화면에서는 메뉴가 왼쪽에 있고 시간 버튼이 한 줄에 아홉 칸입니다. 화면이 좁아지면 메뉴가 위로 올라가고, 시간 버튼은 두 줄로 나뉩니다.
