Skip to main content

DesignOps: Removing Friction from Your Front-end Development Workflow

Average rating: ***..
(3.20, 15 ratings)

Implementing UX/UI change is not easy when code is architected without front-end flexibility in mind. If the process for making design changes is cumbersome, it slows down product iteration. Architect your app so that design changes and adding new features can be as frictionless as possible.

There are many things that we can do to make the front-ender’s life easier.

  • Maintaining a designer-friendly dev environment with better mocks
  • Writing tests that aren’t brittle to (small) UI changes
  • Maintaining a living style guide alongside your app
  • Using CSS preprocessors and frameworks: Compass & SCSS & Susy
  • Quicker in-browser previews with LiveReload or CodeKit
  • Font icons
  • Designer + Developer storyboarding
  • Designer + Developer code pairing
  • Using a shared toolset: Putting storyboards and UI mockups in GitHub
  • Prototyping interactions
  • Decoupling the front-end from the API
  • Staying user-centric
  • Getting designers involved early in new feature planning
Photo of Jessica Allen

Jessica Allen

Engine Yard

Jessica designs new features and manages front-end assets at Engine Yard. When she’s not wrangling CSS preprocessors and whiteboarding user flows, she’s taking pictures of her coworker’s hijinks and encouraging an upbeat work environment by outfitting the office with standing desks and leading field trips to San Francisco’s favorite cafes. You can find her on twitter painting the internet with Pantone rainbows, DIY projects, a lot of emoji.


For exhibition and sponsorship opportunities at Fluent conference, contact Sharon Cordesse at (707) 827-7065 or

Download the Fluent Sponsor/Exhibitor Prospectus

For information on trade opportunities with O'Reilly conferences contact Jaimey Walking Bear at mediapartners

View a complete list of Fluent 2013 contacts