I'm building an appointment-booking app for administrators who may not be very comfortable with computers. Every appointment needs to be linked to a customer, so the process has to handle both existing and new customers. I'm unsure whether the appointment flow should begin with selecting a customer, then send the user to a separate customer-creation page, or whether there's a smoother way to let them add a customer without losing their appointment details. What layout and navigation would make this process feel simple and predictable?
4 Answers
Use separate steps, but make the path very clear and preserve progress between them. The first step can search for a customer, and if there’s no match, offer a prominent “Create new customer” option. After the customer is saved, return to the appointment with the new record selected automatically. Save the partially completed appointment data before moving to customer creation so an interruption doesn’t wipe out the form.
Consider whether you need every customer detail before making the appointment. You could collect just the essentials, such as a name plus a phone number or email, and let the administrator add more information later. That keeps the booking process short while still ensuring the appointment is linked to a usable customer record. Regardless of the interface, validate the final data on the server as well as in the browser.
Don’t rely only on an empty search box. Show a short list of recent customers—perhaps the last five to ten people booked—along with a large “New customer” button. Repeat customers can be selected with one click, while new customers still have an obvious path. This is likely to feel more approachable for users who aren’t comfortable with software.
Start the appointment flow with a customer picker that supports searching existing customers. Place a clearly labeled “Create new customer” action beside the search results, and open the customer form in a modal or inline panel. Once the customer is saved, close that panel and keep the user on the appointment form with the new customer already selected. This avoids the confusing back-and-forth navigation.
Keeping the user on the same screen is the key benefit. Just make sure the modal is large enough for the necessary customer fields and can be closed without accidentally losing anything.
It’s also worth checking for duplicates using details like phone number or email before creating the new customer. That becomes especially important when multiple administrators use the system.