Drawing Out Possibilities
Throughout the process and iterative reviews, I wireframed and documented screen architecture, visual designs, and all interactions.
Reusable Design Patterns
We rigorously analyzed every element on the page to determine whether we could transform form field artifacts, like radio buttons and dropdown menus, into patterns that could not only work for point-and-click, but touch-and-swipe as well. Radio buttons, in this example, became larger target areas suitable for all input devices. Tables became vertical lists, to allow users to scroll through the options.
This is an interaction demo I built to evaluate user movement through various tasks (e.g., move through the modules, data entry, and validation). This does not include all possible paths the user may take, but it provides a firm grasp of the foundation and concepts mocked. Click here to view the final, production version of the prototype.