For this lab, you will use a diagraming tool such as Microsoft Visio or Lucidchart to create user interface models based on user stories you create from the narrative below.

Narrative

At a car dealership, the service department deals with a large number of vehicles every day. One of the key tasks of the service consultants is to meet with every customer who brings a vehicle to be serviced and find out why a vehicle is brought to the shop and what specific problems might need to be addressed. The dealership prides itself on its personal attention to its customers and the detailed information it maintains about each vehicle. During a conversation with a customer bringing his car in for service, a service consultant will use the information he has available about the customer and the vehicle to increase the level of trust between the customer and the dealership, and to make suggestions regarding possible additional preventive maintenance services that might be useful for the customer (and profitable for the dealership). The interaction between the customer and the service consultant must be supported as strongly as possible; this is essential. During that communication, the service consultant has to identify the vehicle, the customer, specific predefined service tasks or collections of tasks (such as a thirty-thousand-mile service), and problems that need to be explored further. The main questions that customers typically have when they bring a vehicle to the service are the time it will take for them to get their vehicle back and the estimated cost. At the end of the initial conversation, the vehicle is typically assigned to a service technician, whose task it will be to complete the repair work, record the number of hours of labor and the parts consumed, and complete the repair-work documentation at the end of the process.

Step 1. Identify two user roles and write a brief user story for each. Be sure to identify the need and justification.

Step 2. For each of the user stories, develop wireframe(s) that illustrate the key elements of the process the user will follow to achieve her/his goal(s) within the context of the user story. Illustrate the key navigation option between the wireframes.

Step 3. Select one wireframe created in Step 2 and expand it to a mock-up by including the key controls and sample data.