Booking System

Prototype

Instructions Create a prototype that shows the primary user flow for an app that allows members of the NYU community to book one of the 12 swim lanes at the Palladium pool at a specific time. Site features should include:
  • NYU gym member verification
  • Pool hours information
  • Map/Directions
  • Pools rules
  • FAQs
Ability to see which lanes are available for a desired time, choose an available lane and book it
Receive Confirmation
 
 
notion image
notion image

Reference

booking
imax
 
mobile design tips
  • 12sp 小字提示
  • 14sp(桌面端13sp) 正文/按钮文字
  • 16sp(桌面端15sp) 小标题
  • 20sp Appbar文字
  • 24sp 大标题
  • 34sp/45sp/56sp/112sp 超大号文字
栅格系统的最小单位是8dp,一切距离、尺寸都应该是8dp的整数倍。以下是一些常见的尺寸与距离:
  • 顶部状态栏高度:24dp
  • Appbar最小高度:56dp
  • 底部导航栏高度:48dp
  • 悬浮按钮尺寸:56x56dp/40x40dp
  • 用户头像尺寸:64x64dp/40x40dp
  • 小图标点击区域:48x48dp
  • 侧边抽屉到屏幕右边的距离:56dp
  • 卡片间距:8dp
  • 分隔线上下留白:8dp
  • 大多元素的留白距离:16dp
  • 屏幕左右对齐基线:16dp
  • 文字左侧对齐基线:72dp

User Persona

Persona: S is a second year student in NYU
lives at Gramercy green, it is a little far from the athletic facility
like swimming and basketball
often go to the gym when no class
Persona: T is a second-year student in NYU
lives at palladium, it is very convenient for her to drop by the gym

Analysis:

S will use the booking system because he may cost extra time if he went to gym but find it is not available. (Considerong the complexity of user flow, S is willing to accept a reletively complex one but not for T).
The four features membership, hours, map, rules. “hours” is the most often used for S. He knows the direction and rules already and he doesn’t necessary book spot everytime he check the system. It is ideal he can stay logged in so he doesn’t need the membership verification everytime but if due to account safety issue maybe he need to verify everytime.(will a feature of remind me if available helps?)

User Flow