Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

 

Storyboard

 Visibility

Learnability

Efficiency

Errors

This panel is where Phyllis would create her new trip. First she would enter her starting and ending date using the standard calendar widget pop-up. She would also choose a time from the dropdown menu, whose default option is "anytime" but also includes options like "early morning", "evening" and then specific hours.| 
She then proceeds to enter all of her planned stops along the way. She can either type the address of the location or easily select saved locations. While she types in the text box, the system will predict which location she wants to input showing her the best matches. After pressing enter, locations will be listed on the side next to a "x" symbol to delete them if needed. 
  
The system will automatically and in real time draw the optimal route in a google map widget embedded on the site. Moving the mouse over each location will give information about that specific stop such as name of client, address, picture, etc. 
  
Then she will be able to plan a schedule for her meetings using a time bar. The system will show her range of hours for each day`s meetings. She can then select her most appropriate time for each location. The system will automatically and in real time update the available hour range of the remaining meetings, based on the already scheduled ones. 

The calendar widget makes it very easy to to select dates.
The summary shows the current status of the trip before creating it.

It uses standard widgets such as text fields and drop-down menues.

It uses the Facebook predictive text field and Google map widget.

The map update in real time so there is no need to generate it or wait for it to load.
The Facebook predictive text field is very effective in selecting previously saved data. 

Every field is easy to change.
There are "x" in the locations boxes to delete them if needed.
Time adjustments are changeable by dragging.
The summary shows the status of the trip and it cost, before creating it preventing errors.

Approve Trip

Image Removed  

Storyboard 

Visibility

Learnability

Efficiency

Errors

Image Added

This interface is where Mary would approve trips for Phyllis and her other direct reports. On the top she will see her managed budget and her current balance.

Below is a queue of all trips that her direct reports have submitted for her approval, including dates, name of trips and total dollar amount of each trip. She can immediately approve or reject a trip with the buttons on the right of each trip. She can also select several trips with the checkboxes on the left and approve or reject selected trips with the buttons in the bottom.

Pressing on the name of a trip will give Mary detail information about that trip.

Visibility
You can see the budget and current balance.

You can see all the trips in the queue. Learnability

Common way of listing document.

It uses hyperlink to see the details.

Efficiency
Mary can approve or reject trips  immediately and by selecting several trips. Errors

Mary cannot undo an error after she makes it. Is necessary to add this feature because if she makes a mistake and approve the wrong trip she cannot undo it.

The detail screen will show the name of the trip, the starting and ending date of the trip, the travelers name, the map of the route and a cost breakdown.

She will be able to see each section of the trip with its date, locations and cost. At the end she will see the total cost and will have the choice of going back, approve or reject the trip.

You can see the breakdown of costs.
You can see the map with the route. You see the name of the traveler and trips dates.

N/A

It is just one page with all the information needed

N/A

...