I worked one-on-one with developers to produce a unique, 100% functional authoring tool to be used as a connected-toy story-writing tool and to be utilized alongside other development tools such as Sublime and Webstorm.
To support the tool I designed and built a branded color specification system based upon popular Disney color palettes to be used throughout all related documentation, design and authoring environments, including a custom XML color scheme for Sublime and an importable color palette for Apple and Adobe products.
Codenamed "EMagine", I led all Interaction and Visual Design for the Playmation project by utilizing research, gathering user data via usability testing, and determining final UI solutions based upon existing Disney UI standards. In addition, I built a reusable CSS3 framework using modularized SCSS which utilizes the Marvel and Star Wars color specification system.
Guerilla Usability Testing
Part of my responsibility for the main projects we have been building is to determine areas of success and failure in the interfaces and prototypes we build. Not just inside the UI, but also inside the workflows. Because of the rapid nature of our work, it has been necessary to find ways to test on-the-fly. We decided on Silverback and Usabilla to screen capture both user interactions and click-throughs. My methodology emerged as the following:
In order to highlight areas of UI success
- Establish patterns
- Insinuate new patterns from existing UI
- Isolate UI pieces to modularize
In order to pinpoint UI failures
- Understand how different users affect expectations of the UI
- Understand the micro-interactions that lead up to a failure
- Determine whether there are anti-patterns causing failure
- Determine missing functionality that causes failures
Usability Test Types:
- Linked Tests/Funnel Test
- Label Tests
- Screen Capture
I produced multiple documents based upon the Screen Capture Testing, which I then organized into areas of quantitative data.
- Key takeaways
- Highlighted user comments from testing
- Suggested areas of improvement
- Minor takeaways
Then I organized the Screen Capture Testing alongside Usabilla Linked and Label Testing in order to correlate user comments with actual collected click-through data.