VirtualMV/Multimedia/Design/Storyboard/User Interface Design/Content

Overview

This page contains stuff related to User Interface Design.

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). 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).

• 10 Free Wireframing Tools for Designers(Smith, 2010)

Web pages

• Sample designs
  • Showcase Of Hand-Drawn Web Designs (Wilson, 2010)[3]
• Design templates
  • Metamorphosis Website Design Templates
• ClipArt
  • Open ClipArt Library(n.d.)

Windows Phone 7

• Windows Phone 7 Series UI Design & Interaction Guide (Kindel, 2010)

Windows 8

• Scaling to different screens (Sinofsky, 2012) [7]