sprintcourseInterface design lesson tracker
Turn the currently published visual hierarchy lesson into one completed interface experiment. Choose a real desktop screen, identify the visitor’s main action, compare a small alternative and keep an observation on paper. The course is taught in Russian; this English tracker gives you an independently written practice guide. Only the available lesson appears here, so a planned course extension is not mistaken for published material.
Free · no account needed
Your printable version
Download PDF PrintOpens a PDF. Choose the matching paper size and 100% scale in the print dialog. Links to the template and course are clickable in the file.
Online completion is coming later.
How to use it
- Choose a desktop form, list or product page you can explain. Save an initial screenshot and name the action a visitor comes to perform. Limit the exercise to that screen so the comparison stays understandable.
- Open the available visual hierarchy lesson. On the printed sheet, name the primary element, supporting information and any competing emphasis. Use the lesson examples to question your own screen rather than copying their appearance.
- Make a small alternative that changes one factor: placement, scale, grouping or emphasis. Write why that factor might help the visitor find the next step. Save the alternative beside the original screenshot.
- Mark the lesson after trying the change and checking its effect. Record what another person actually noticed. When the evidence is unclear, leave a specific question for another attempt instead of judging the design from taste alone.
Daily tasks
Day 1
Choose one real desktop screen. Identify the main user action, reduce competing emphasis and sketch a clearer hierarchy. Compare the old and new first impression without adding decoration.
What did you observe while practising “Visual hierarchy”, and which result will you test next?
Tips for practice
Choose a visitor action before an accent colour
Describe the screen’s purpose with a simple verb: find, enter or confirm. Identify which element draws attention before that action is available. An attractive accent only helps when it serves the task. If you cannot explain the expected benefit, keep the change as an open hypothesis and test it separately before treating it as an improvement.
Keep the first screen as a comparison point
Save the initial version even when you dislike its appearance. Compare both versions at the same window size and with the same user task. A difference in content or magnification can look like a benefit of the new hierarchy. Label each version with the one factor you changed so your printed note remains attached to an actual design decision.
Finish one experiment before expanding the redesign
Put additional interface problems into a separate list. This exercise ends after one change and its check; it does not require redesigning an entire product. If you pause, write the screen, element and open question on the sheet. That return point lets you continue without rereading every lesson example or losing the purpose of your first experiment.
Continue with the course
This tracker accompanies the course “UX для desktop-продуктов”. Use the paper for check marks and observations, and open the lessons for explanations and practical exercises. The course currently teaches in Russian; the tracker has an independently written English edition. Its steps match the lessons that are actually available.
Explore the course →Questions and answers
Why does this tracker contain just one lesson?
The visual hierarchy lesson is the material currently published in this course. Future lessons are not presented as available PDF tasks. You may repeat the same exercise on another screen using a fresh copy and new observations; that is another practice attempt, rather than a new lesson in the course sequence.
Can I practise using another website’s screen?
You can study a public screen and sketch an alternative privately. Avoid publishing other people’s personal information or changing a live site without the appropriate access. Choose a screen whose intended visitor action and constraints you can explain; otherwise it is difficult to assess why a different hierarchy would be useful.
Do I need a specialist design tool?
A paper sketch, an annotated screenshot or a familiar editor is enough to identify primary and supporting elements. The useful result is a checkable change with an explanation. Select the PDF matching A4 or US Letter and print at the matching paper size; tracker colour choices do not change the interface exercise.
Related templates
More programs on this topic are being prepared. Explore the full collection. All templates