Graham Herrli's Portfolio

Wireframes and Flows

Hi-Fidelity Wireframes

Many of my deliverables are high-fidelity wireframes and prototypes. However, these wireframes contain confidential proprietary information, so I can't show them to you.

To have an example of my high-fidelity work to show, I've put together grading dashboard using Sketch. (Use the link to view it full-screen.)

Here's a screenshot of one interactive prototype I made. (I can share it because it was presented publicly at a conference.)

If you click in the right sequence, the charts and tables appear dynamically configurable; the presenter told me afterward that several clients mistook my prototype for the actual application because I had created it with such a high level of detail.

Most of my prototypes are made using Axure, which is useful because it allows rapid production of high-quality images.

Other visual deliverables

For lower fidelity task flows, I usually use Visio. Shown here is a zoomed-out version of different, similar objects that each reference the same other object. By highlighting in green the areas that change from one screen to the next, I use the diagram to show how separate processes can be brought together under a common framework. The top flow lane is a generic object type, the second lane is the type it references, the bottom two are specific examples of types of objects that can be made to use this common framework.

Here's an example of a Visio diagram I created to explore splitting our software into different workbenches. I'm in the process of reviewing it with key stakeholders. It represents the workbenches as rectangles that surround user roles and particular types of data. Some users may access multiple workbenches and some data is shared across workbenches. I've blurred all the parts except the legend to protect proprietary information. The diagram has a companion spreadsheet to document in greater detail what users, data, and analytics belong in each workbench.