What is a mockup?
info A mockup is an interactive prototype that shows how a feature in Vklass will look and work before it's built for real.
Think of a mockup as a model or draft of a webpage or feature. It's like when an architect shows a model of a house before construction begins – you can walk around the model, look at the rooms, and get a feel for how it will be, but you can't live there yet.
What can you do with a mockup
In a mockup, you can:
- Click buttons and links to see how navigation works
- Fill in forms and see how the interface responds
- Browse between different views to explore the feature
- See examples of how information is presented using demo data
- Get a feel for the user experience before the feature is developed
Important things to know about mockups
📊 Demo data is used everywhere
All information you see in a mockup is fictional example data. Names of students, teachers, courses, and grades are fictitious. The purpose is to show how real data would be displayed, but it's not connected to any real person or actual information.
💾 No data is actually saved
When you fill in forms or make changes in a mockup, nothing is actually saved. The mockup may simulate saving by showing a confirmation message, but if you reload the page, all your changes will disappear. No database is used – it's all just visual feedback to show how it will work.
⚠️ Not everything works
A mockup illustrates specific features or workflows. This means some buttons, menus, or links might not do anything when you click them. The mockup focuses on showing the most important parts of the feature, not every detail.
warning If you reload the page or go back, the mockup resets to its original state. No changes you make are saved between sessions.
Why do we use mockups
Mockups are an important tool in the development process of Vklass for several reasons:
- Quick feedback – We can show ideas and get feedback from teachers, students, and guardians before spending weeks or months building the feature
- Test the user experience – By clicking around the mockup, we can see if the interface is intuitive and easy to understand
- Discover problems early – If something is confusing or missing, it's much easier and cheaper to change in a mockup than in a finished system
- Shared understanding – The mockup helps developers, designers, and users talk about the same thing and avoid misunderstandings
- Save time and money – By testing ideas in mockup form before development, we avoid building the wrong thing
What happens after the mockup
When a mockup has been tested and approved, the real development begins. Developers then build the feature with real code, connect it to a database, and integrate it with the rest of the Vklass system. What was an interactive prototype becomes a fully functional feature that saves data, handles user permissions, and works together with all other parts of the platform.
lightbulb Your feedback is valuable! If you test a mockup and have comments, please share your thoughts. That's exactly why we create mockups – to get input before it's "too late."
Get started
Now that you understand what a mockup is, you're ready to explore! Click around, test different features, and remember – you can't do anything wrong. Everything is just a demonstration, so feel free to experiment.