Device GUI | Plantronics | 2007
- Desktop Device GUI Plantronics, 2007
Working with Method, an interaction design agency in San Francisco, I managed the development of a Graphical User Interface for a desktop device. Screen size was a small, 1.5" diagonal OLED display and would be physically navigated with a 5-way directional button.
First activity was generating the list of Use Cases encompassing all tasks performed by the user through the GUI. These actions revolved around managing calls on a PC or landline and sound quality and safety settings.
Note : All process images have been blurred intentionally.
Functional Maps then illustrated the decision logic for each task. (Method created the Functional Map seen above).
For each mode of the device, the Interaction Matrix shows the behavior of all visual indicators (e.g. LEDs) and GUI. It also documents the consequences of taking action with any input control. (Method credited with Interaction Matrix above).
Wireflows break down the tasks step-by-step into individual keystrokes and GUI feedback using a preliminary, stick-figure physical interface and GUI, before the visual design. (Method created Wireflow diagram seen above).
The Wireflows were tested with people whose communication technology usage matched the intended user profile. (Method conducted the User Testing, I observed).- Once Wireflows had been refined based on feedback from User Testing, the collection of Wireframe GUI screens were fully cataloged.
- With a visually designed GUI on a high-fidelity Flash mock-up, a second round of usability testing was conducted to verify the refined wireflow logic.
- Along with the final screen design assets (seen at top), Method delivered a site map of the device GUI.
- Credits
- Interaction Design Wendy McKennon, Method
Visual Design Method
ID Project Manager Andy Richardson, Plantronics
