User interface mockups: Difference between revisions

From Computer Science Wiki
No edit summary
 
(One intermediate revision by the same user not shown)
Line 8: Line 8:
<br/>
<br/>
[[File:ExampleUImockup2.png|400px]]
[[File:ExampleUImockup2.png|400px]]
== Do you understand this? ==


== Standards ==
== Standards ==

Latest revision as of 13:33, 21 May 2019

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]