What is read from the image, and what do you explain?
| Understood from the screenshot | Needs your explanation |
|---|---|
| Colors, fonts and button shapes | What each button does when pressed |
| Table columns and field labels | Each field's type and whether it is required |
| Menu order and the visible pages | Pages you did not capture |
| The logo and overall identity | Roles, permissions and reports |
The steps
- 1Capture the key screens
The main screen, the entry form, and a list or report page. A few clear, complete shots beat many cropped ones.
- 2Upload them with your logo
Add a brand guide if you have one, so the right color and font are taken from it.
- 3Review the identity that was read
Check the colors, fonts and components and correct anything that was not read accurately.
- 4Explain the workflow
Write or say who enters data, who approves, and what gets printed or sent.
- 5Try it with real data
Enter actual records and confirm the system behaves as it would on a working day.
When does this approach fit?
- You have an old system and want a modern version in the layout staff already know.
- You drew the screens on paper or in a design tool and want them to work.
- You like how a screen is organized in software you use and want the same style for your business.