The Cox Automotive EOC IT Scorecard was an internal web-based application, the purpose of which, was to help the EOC staff perform their jobs better. The IT scorecard application served up a dashboard that made the following items of information more easily consumable by the EOC staff.
The web-based application need to be a responsive design for desktop, tablet and mobile and was being developed using Angular JS. The site used Google Charts for data visualization and those sample charts are implemented in the prototype.
For the project I used the standard “Design Thinking” process flow.
I worked closely with the EOC Director to find out what the “big idea” was for project as well as the following:
With the above information in hand I started the design process wanting to learn more about the users. To that end I felt a user survey would be the best way to accomplish that as access to the users for 1 on 1 interviews was not possible.
A user survey was created and distributed using Survey Monkey to get some initial feedback from the users. The questions covered the basics to get the process moving:
The feedback obtained from the survey helped get a better understanding of how the users wanted the app to function for them. Some examples of the feedback included:
From the list above along with what I learned from the director I first started looking at different charts that I thought would best display the data. The charts I settled on ended up being a simple line chart that also had threshold markers on them to help show the EOC staff where the acceptable line for things like availability were. For example website availability need to be at 99% and above.
I also started some basic work on information architecture, what pages would be needed how they all connected and what content would go on each page.
From the review, feedback and discussions with the Director and Developer, some brainstorming at the white board was done that gave some basic direction for what the site structure and pages would look like.
The design of the application followed a basic structure and I looked to some other internal Cox Automotive websites for guidance for colors and typography. I iterated through the designs with the EOC Director and he gathered feedback with the users by sharing the initial designs that evolved into what you see next.
You can view the prototype by following the link below. NOTE that since the Retail and Inventory pages were identical to the Media page only the Media navigation link takes you to a prototype page.
And that's it. The project was a fun project to work as it was the first time I was the lone UX person working on a project. So I got to be invovled in all phases of the process from the kickoff and discovery to the visual design (I am not a visual designer) to the prototype.