UI design: responsibilities and practical exercise
Define a readable interface, its components and their states.
These sheets describe activities and teaching exercises. They do not constitute job offers, certifying courses or recruitment promises.
All job descriptionsAn exercise to practice
Design the same product sheet with a long name, an absent image and a selection error.
Work on a copy or demo environment. Define the data used and the expected result before you begin. Keep your decisions and the difficulties encountered in order to be able to explain the process.
- Inventorate the components and their variants before drawing the screens.
- Set typography, spaces, contrast and hierarchy with real content.
- Predict loading, lack of results, success and error.
- Document the behavior on a narrow screen and the visible return of each action.
Deliverable and verifications
Screens, a component library, and integrating state specifications.
explicit rules and components that remain understandable in their less favorable states.
For each check, note the context, the action, the expected result and what has been observed. Distinguish a successful verification from a remaining hypothesis. Another person must be able to understand the deliverable without attending all its manufacture.
Use the Functional Validation BookPoints of vigilance and teamwork
A model with only the ideal case does not describe how the interface works. Translated texts and incomplete content should also be reviewed.
Collaboration to explore: Web integration.
Specify the sharing of responsibilities: who provides the information, who decides, who checks and maintains the result. A good handover retains the constraints and decisions, not just the final file.
Employment, trades and trainingFrequently asked questions
Does this exercise prove a professional qualification?
It allows you to show an approach and its limits. It is neither a diploma, nor a certification, nor proof of a production experience.
How to present the work in a portfolio?
Specify that this is an exercise, your role, constraints, decisions and checks. Use test data and media whose rights are established.
How to assess the quality of the deliverable?
explicit rules and components that remain understandable in their less favorable states. Add the difficulties encountered and what remains to be verified rather than presenting absolute validation.