The Request:
To make simple, readable instructions on how to use classroom equipment.
The Challenge:
Each document had to explain to the user how to properly use the equipment, while also being readable by non-technical individuals. As these were official school documents, they also had to subscribe to the school's design language.
Final Product
To get a sense of how to write up the instructions, I had to first experience the equipment and get a good sense of the process involved with each piece of technology (the projector system operated by the Extron panels, and the Ziggi document scanner), and explore the best use-cases for easiest operation.

Extron Panel
The typical use-case for Extron panel operation is using a piece of technology already connected to the system (such as the already connected computers provided by the school), with the second most popular use-case being the connection of an external device to the system, such as a laptop.

An example of Extron Panel operations (source)

Ziggi Camera
Figuring out the best way to portray the Ziggi Document Camera was somewhat more of a challenge-- while the actual device is much simpler than the Extron panels in terms of infrastructure, the functions available to end-users are greater in number and control. As such, I needed to depict the camera's abilities, how to project the image, and best practices for projecting information, all on one page.
When designing instructions, or any other piece of information, I try to depict something as simple as I can and as clearly as I can: I feel that this prevents misunderstandings and clears confusing. Especially with technical instructions, clarity and simplicity allow users with varying technical backgrounds to get the information they need quickly, and then move on.
This aspect of my design, in tandem with the requirement of fitting information on one page, lead me to create a three-panel layout (I'm a big fan of the "rule of threes"), depicting less information if more was unnecessary.
Luckily, the way SNHU set up the Extron panels in each classroom made operations fairly easy to use, and relatively self-explanatory. As such, use cases were split up like so: for the first use case, I felt that a single section containing an expounded description of each function on the Extron panel was sufficient.
For the second use-case, I designed a simple diagram in Illustrator to depict how one would connect an external device to the system.
A laptop was used to depict this (designed based off of the laptops SNHU provides to their faculty), as it is the most popular external device; however, any HDMI-capable device could be used.
As for the Ziggi camera, its complexities gave me the opportunity to explore the most effective way of portraying the device on a single page. After using the device and testing its use cases, I split the document into three sections: hardware, software, and execution. The sections were split in this way as each category housed its own unique traits and quirks.
Hardware operations explored the use of the device on a physical level, software operations explained how to launch the companion software in Windows 10 (compensating for any weird images in which the software shortcut was not on the desktop) and how to use the features that I thought most useful to the camera, and the execution panel provided troubleshooting tips for over-exposed or out-of-focus documents.
Contact information was not provided, as that information was already on the Extron flyer, which would already be present in each classroom the document camera was located in.
Final Thoughts
To keep in line with SNHU's design guidelines, the pallet was based off of SNHU's gold and royal blue school colors. From there, I created a light and a dark shade of the blue to distinguish each section from the next. The font used was the school's Franklin Gothic Demi Condensed.

You may also like

Back to Top