Building from wireframes to product

Using cyclical design principles to improve the development process and create better software

Quantifi Photonics had never had the ability or resources to take a project through a complete design process. I spearheaded this approach using this relatively straightforward UI as the test project. Before, the engineering team would hand a technical requirements document to the software team and both would work relatively siloed. For this project, I:

  • Read the technical requirements before the developers, hashed out any discrepancies or missing information with engineering

  • Talked through the technical requirements with the software developers, ensuring that everyone was on the same page and going over potential problems or road blocks so we could accurately plan the approach

  • Created several wireframes that aligned with the technical documentation and the developers’ limitations and presented these to both teams for feedback in a single workshop. This allowed both teams to understand each other’s decision needs better also. Back end work was started by the development team.

  • Developed the wireframes into a first draft product, including recommended changes from the previous workshop.

  • Held another workshop with key team members and stakeholders, talking through the design. Further feedback was received and front end blocking out was started by the development team.

  • Final design styling was updated and sent to the development team and implemented.

Overall, the experience was extremely successful, resulting in less back and forth, fewer errors, less frustration between teams and less time spent in development. The new approach was quickly set as the standard approach for UI design and development going forward.

Previous
Previous

Animations

Next
Next

Controls as teaching tools