Clarifying the transition
This short post is a follow-up to the “Three stages of making wireframes”. In short, it’s about splitting prototyping process into three stages: estimates and architecture, functionality, design draft.
After getting some feedback I decided to clarify the difference between design draft and pixel-perfect mockups. Here’s an example from another application design.
Stage 1 is missing because it’s about architecture, estimates and user flows, so it stands outside of detailed design process.
Stage 2 (Design draft) is optional about using colors, sometimes this process transfers to the stage of final mockups.