Sencha Ext JS Stencils

Summary

I was a UX designer at Sencha, an enterprise company that makes tools for developers. During my time there, we designed and shipped ExtJS Stencils, which was a toolkit designers could use to layout how applications using Ext JS should look. I spent my time translating user needs into design and product requirements and worked closely with our engineering team as they moved into development.

Methodologies

  • User interviewing
  • Shadowing
  • Persona creation
  • User flow creation
  • Wireframing
  • Survey design

 

Goals

  • Building well-researched, user-centered products for developers
  • Translating user needs into design and product requirements
  • Working closely with engineering team through the development cycle

 

 

Ext JS Stencils is a UI kit for Adobe Illustrator, Sketch, and Omnigraffle that contains all of the components and styles used within the Ext JS classic framework owned by Sencha. I created all of the kit's elements and directed the design of mockup applications

Along with the product launch, we wrote a blog post and created a tutorial video on how to use the kit. Our team's vision behind the project was to make wireframing easier for designers and to help define the scope of what engineers can accomplish with the Ext JS framework. After its release, I sent out a survey to people who downloaded the kit to understand requirements for subsequent releases.