MIS 4596 – Information Systems Integration

Storyboard

IMG_5509

 

1) Welcome screen: input for a username and password with a login button and an option to login through FaceBook; if a user doesn’t have an account, they can create one with the button at the bottom
2) When creating a new user, the Bone Voyage app will ask for the name, email, and credit card of the user along with the ability to add a pet profile, add a favorite address (usually the home address), and the option to continue (skip to step 4 when continuing without adding a pet profile, or under the assumption that one was already created)
3) Pet profile: ability to add the user’s pet’s picture, along with its name and pet type/breed; additionally, comments can be added regarding specific grooming instructions or things to know about the pet that can later be auto filled-in on later parts of the app
4) Once the user logs in or after the user creates an account, they will be presented with the home page. In this picture, we have 3 tabs at the top that represent the 3 initially proposed functions of the app: grooming, pet-sitting, and veterinary services. As of current, however, we decided to streamline it into strictly a grooming app (so, futurestoryboards will have just one tab at the top). The bulk of the rest of the home page will simply be a live feed of all available groomers able to groom your pet. The feed will be continuously scrolled instead of being laid out in “pages”, and will feature a brief preview of the groomer’s photo, distance from home, average rating, and quick call button. By clicking on an individual groomer, it brings up a more detailed page, as explained in step #5. At the top will be an option to filter the feed based on certain parameters, such as rating, distance, etc. The bottom will have a button called “My Account” which will go to a page where the user can edit the details of their account (explained in step 10)
5) This page will reiterate the brief details shown in the feed, but will be expanded upon and will feature reviews and details of the groomer’s rating; it will also detail things that the groomer specializes in, such as certain breeds, and will show their price (unless we decide to standardize all prices). The user can call the groomer from this page or send a message (not reflected on the storyboard) to communicate with them before booking any appointments if they wish. The bottom of the page will be a “Book” button, explained in the next step.
6) Booking: a calendar will appear showing the availability of the groomer; the user can pick a single date or multiple dates to have their pet groomed, and a horizontally scrolling list of available times will be presented for those respective days. Payment options will then be listed at the bottom based on the credit card info originally inputted into the user’s account (but new cards can be added). Auto-scheduling/payments can also be set up on this page for users who already know they would like their pet to get groomed on the same day each month, for example.
7) Ignore this step (the small one that’s hard to read), as it only applied to pet-sitting, which is no longer in the app.
8) Confirmation page: a summary of the groomer’s name, date/s of grooming/s, time/s of grooming/s, payment option, and then a text box at the bottom with any special instructions (which can be auto filled in from the user’s pet profile).
9) Thank you page showing that the payment has been processed and the appointments booked. There will then be two options at the bottom: go back to the home screen or go to “My Bookings” (explained in the next step)
10) Viewing “My Bookings” is the same page as the “My Account” page, which lists all the original info that the user originally submitted when creating an account (which is all able to be edited at the top with an “Edit” button), along with a listing of any current appointments at the bottom. There is then an option to go back to the “Home” screen.
All pages will have the option to either go “Back” a page or go back to the “Home” screen feed.