VirtualMV/Multimedia/Design/Storyboard/User Interface Design

From WikiEducator
Jump to: navigation, search


This page contains stuff related to User Interface Design.

VmvIcon Objective.png

User Interface Design

By the end of this page you will be able to:

  • Understand UID


Wireframing Tools

  • A website wireframe (also "web wire frame", "web wireframe", "web wireframing") is a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages. A webpage wireframe is a similar illustration of the layout of fundamental elements in the interface. Typically, wireframes are completed before any artwork is developed (Website wireframe, 2010)[1]. Wireframes make it easier to communicate ideas, reduce scope creep, cut down on project costs (due to fewer design revisions later), and enable greater upfront usability and functionality testing (Smith, 2010)[2].

Web pages

Windows Phone 7

Windows 8

VmvIcon References.png References

  1. Website wireframe. (2010, July 14). In Wikipedia, The Free Encyclopedia. Retrieved 04:38, July 16, 2010, from
  2. 2.0 2.1 Smith, G. (2010) In Mashable: 10 Free Wireframing Tools for Designers. Retrieved July 16, 2010 from
  3. Wilson, B. (2010) Showcase Of Hand-Drawn Web Designs. Retrieved from
  4. Metamorphosis Website Design (2010).Free Css Templates. Retrieved May 30, 2010 from
  5. Open ClipArt Library (n.d.) Retrieved June 10, 2010 from
  6. Kindel, C. (2010) Windows Phone 7 Series UI Design & Interaction Guide. Retrieved March 25, 2010 from
  7. Sinofsky, S. (2012) Scaling to different screens. Retrieved from

virtualMV  |  Superquick wiki guide  |  Please give me some feedback

VirtualMV/Multimedia/Design/Storyboard/User Interface Design. (2023). In WikiEducator/VirtualMV wiki. Retrieved October 3, 2023, from http:    (zotero)