User interface mockups

From Computer Science Wiki
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
Web Science[1]

In manufacturing and design, a mockup, or mock-up, is a scale or full-size model of a design or device, used for teaching, demonstration, design evaluation, promotion, and other purposes. A mockup is a prototype if it provides at least part of the functionality of a system and enables testing of a design. Mock-ups are used by designers mainly to acquire feedback from users. Mock-ups address the idea captured in a popular engineering one-liner: You can fix it now on the drafting board with an eraser or you can fix it later on the construction site with a sledge hammer.[2]

Example UI[edit]

I am grateful to my student Cameron, a 9th grader in my designing solutions through programming for the following two ui mockups:
ExampleUImockup1.png
ExampleUImockup2.png

Standards[edit]

  • This topic doesn't cover a specific standard, but it is something you should you know.

References[edit]