Windows Ink Workspace
Role
Front-end development and prototyping, partnering with Developer Platform team, UX Design, Engineering
Summary
Windows Ink Workspace is a flyout menu launched from the taskbar that serves as an easy entrypoint for drawing, annotating screenshots, and creating sticky notes.
Ink Toolbar
Process and Solution
Referencing the design spec, I polished the UI in XAML to achieve pixel perfection. After an initial pass, updates were reviewed with design and engineering and adjustments made.
With Windows Ink Workspace, InkToolbar was introduced as a new control in the XAML platform. I consulted on code reviews with platform developers, providing corrections for the UI code to ensure design intent was met.
Protractor prototype
I created a Framer prototype for the protractor stencil that appears in the Screen Sketch app. This was used to test the fluid scaling of the tick marks. The designer had an idea of how the tick marks should scale and fall away as the protractor is pinched and zoomed. They created static comps for the various sizes but weren’t sure how that would feel in action. This prototype was passed off to developers to inform the logic and animation for the actual product.
Home ›