VirtualMV/Multimedia/Design/Storyboard/User Interface Design

From WikiEducator
Jump to: navigation, search


Design
BasicsComponents  |  Accessibility  |  Graphic designTutorial.png
StoryboardOverview  |  User Interface Design
Web Design Tips  |  Examples



Overview

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


Tools

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 http://en.wikipedia.org/w/index.php?title=Website_wireframe&oldid=373355283
  2. ↑ 2.0 2.1 Smith, G. (2010) In Mashable: 10 Free Wireframing Tools for Designers. Retrieved July 16, 2010 from http://mashable.com/2010/07/15/wireframing-tools/
  3. ↑ Wilson, B. (2010) Showcase Of Hand-Drawn Web Designs. Retrieved from http://designm.ag/design/showcase-of-hand-drawn-web-designs/
  4. ↑ Metamorphosis Website Design (2010).Free Css Templates. Retrieved May 30, 2010 from http://www.metamorphozis.com/free_templates/free_templates.php
  5. ↑ Open ClipArt Library (n.d.) Retrieved June 10, 2010 from http://www.openclipart.org/
  6. ↑ Kindel, C. (2010) Windows Phone 7 Series UI Design & Interaction Guide. Retrieved March 25, 2010 from http://windowsteamblog.com/blogs/wpdev/archive/2010/03/18/windows-phone-7-series-ui-design-amp-interaction-guide.aspx
  7. ↑ Sinofsky, S. (2012) Scaling to different screens. Retrieved from http://blogs.msdn.com/b/b8/archive/2012/03/21/scaling-to-different-screens.aspx?prod=zWin8z&type=zBLz

virtualMV  |  Superquick wiki guide  |  Please give me some feedback

VirtualMV/Multimedia/Design/Storyboard/User Interface Design. (2024). In WikiEducator/VirtualMV wiki. Retrieved April 26, 2024, from http:https://wikieducator.org/VirtualMV/Multimedia/Design/Storyboard/User_Interface_Design    (zotero)

Retrieved from "https://wikieducator.org/index.php?title=VirtualMV/Multimedia/Design/Storyboard/User_Interface_Design&oldid=929546"