MaRc - Diner List Component
Hello Dribbblers,
This is a snapshot of Floor Plan Feature of Restaurant & Guest Management System. "Diner List" component is widely used throughout the app and so it has been designed intuitively.
DINER PREFERENCES
Position of those icons are fixed. You must be wondering, why these icons are not aligned right! This is in order to avoid odd layouting in case if there is only one preference present.
Why are icons not aligned to right?
Easily vertically scannable. With just a quick glance from top to bottom of list, waiters can figure out same preferences of diner. Initially it would be difficult, however it is easy to get used to.
TABLE STATUS
I hope they are self explanatory, isn't it?
Why are filled and stroke version for table status used?
Stroked - These four status of a table are action before Diner's presence. Basically, status before the reservation time.
Filled - Status after reservation time. Table is available for Reservation unless it has any filled status.
In case if Diner Cancelled/Not Present the same table is now available for next waitlist diner, however it should be easily recognisable. These visual changes have solved the challenges.
NO. OF DINER
Reservation status is differentiated through Green colour. For quick table rotation, waiter sometimes let the Unconfirmed Table available once reservation time has passed.
What did you find interesting in this process? I will continue share more components breakdown and processes. Stay tuned.
What is MaRc?
MaRc is a guest and table management app for the hospitality industry. It is designed to fully function on iPad device. Restaurant/F&B managers can track guest reservation history and manage operations smoothly.
Client - Marriott, The Ritz Carlton, ITC Hotel, Starwood Hotel and many more across Europe, Middle East, Asia and North America.
UI/UX Interaction Collections
Vol 1.0
Micro-interaction Collections
Vol 1.0