PlaymationTempLogo.png

Marvel-ous Technology

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.

MarvelColors-1.png
 
Kevin’s creativity and dedication to the details are spot-on. He knows how to design rapidly, and render them in code with pixel precision.
— Jason Lewis, Sr. Manager Engineering, Emerging Technologies & Applied Solutions
DisneyEmagine.png

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.

MarvelColors-3.png

 
emagine.png

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
DeviceEditorFeedback.jpg
Playmation-Home-02.png
 Playmation Connected Device Authoring Interface

Playmation Connected Device Authoring Interface

LibraryPalette-redline-v4.png

I produced multiple documents based upon the Screen Capture Testing, which I then organized into areas of quantitative data.

Organized as:

  • 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.

castle3.png