Worklink is an enterprise software designed to help the NYU Client Services Center manage on-campus facility needs and maintenance requests for the university's buildings.
As part of the design team developing the 3 platforms (web, iPad and smartphone) of this enterprise software, I was the design lead of the iPad platform. I have designed low fidelity to high fidelity mockups and conducted user testing for the same. I have also led design presentations in internal team and client meetings.
Low Fidelity Mock-up:
The mock-ups were created to structure the information and breakdown the functions of the application. This was the initial information architecture exercise which helped eliminate excess text from the users view.
Card Design (Exercise 1):
Cards are an essential tool of this platform. Each card indicates an individual work order and the relevant information about the complain, where it has occurred and the contact information. The card indicates the status of the work order, highlighted by a color. With each proceeding action, the status and the color associated to that status will be updated on the card.
Card Design (Exercise 2):
The exploration for the card design continued while re-structuring the information after the testing conducted with the building maintenance supervisors. They play the key role of assigning the work orders to the shop employees while overseeing the entire operation to ensure all requests are attended to on time.
I began with separating the work order number and status from the order type and location information while sketching out status highlight tabs. The first two card below were inspired from card holders, later abstracted to create more options.
Card Design (Exercise 3):
I created a few more samples of the cards and tested them with different supervisors to derive median of the feedback.
Mock-up (Iteration 1):
The wireframes were utilized to conduct user testing of the prototype.
Mock-up (Iteration 2):
The second round of testing showed significant users found the buttons and information small and needed to be enlarged for better contact. The card design was iterated to segregate the team member icon on the top left, then the corresponding information of the work order.
The visual change was a big leap and new interactions were introduced for the mock-up on the right below. This introduced a learning curve for the users and the team concluded on creating interactions derived from the existing work system.
Visual Design & Final Prototype
The final iteration of the card agreed to by the design team and the client.
The hi-fidelity iteration of the application completed visually.