User interface mockups: Difference between revisions

From Computer Science Wiki
(Created page with "right|frame|Web Science<ref>http://www.flaticon.com/</ref> In manufacturing and design, a mockup, or mock-up, is a scale or full-size model of a desig...")
 
 
(2 intermediate revisions by the same user not shown)
Line 3: Line 3:
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.<ref>https://en.wikipedia.org/wiki/Mockup</ref>
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.<ref>https://en.wikipedia.org/wiki/Mockup</ref>


 
== Example UI ==
 
I am grateful to my student Cameron, a 9th grader in my '''designing solutions through programming''' for the following two ui mockups: <br />
== Do you understand this? ==
[[File:ExampleUImockup1.png|400px]]
<br/>
[[File:ExampleUImockup2.png|400px]]


== Standards ==
== Standards ==

Latest revision as of 14: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]