Wireframe and Why it’s Important

Wireframe and Why it’s Important?

ADMEC MULTIMEDIA Leader in Animation & Digital Media Education ISO 9001:2008 CERTIFIED www.admecindia.co.in

Have you heard about Wireframe ?

Topic O What is Wireframe ?

O Why Wirefrmaing is important for

design ? Please explain ?

Wireframe Design

What is Wireframe ?

O A skeletal three-dimensional model

in which only lines and vertices are represented.

O An image or set of images which displays the functional elements of a website or page, typically used for planning a site's structure and functionality..

Why Wirefrmaing is important for design ?

Please explain ?

Wireframes display site architecture visually O A sitemap can be a bit abstract, especially

ones that are very large. Taking the sitemap to wireframe starts the first real concrete visual process for a project.

Wireframes turn the abstract nature of a flow chart into something real and tangible without distractions.

Wireframes allow for clarification of website features O In

many instances, clients may not understand what you mean when you say “hero image,” “google map integration,” “product filtering,” “light boxes” and hundreds of other types of features.

O Wire framing specific project features on a

website provides a clear communication to a client how these features will function, where they will live on the specific page and how useful they might actually be.

Wireframes push usability to the forefront O This is the one of the most important points

of the entire wireframing process. Creating wireframes pushes usability to the forefront in showcasing page layouts at their core.

O It forces everyone to look objectively at a

website’s ease of use, conversion paths, naming of links, navigation placement and feature placement. Wireframes can point out flaws in your site architecture or how a specific feature may work. And this is a great thing.

Wireframes identify ease of updates O For

clients who purchase a content managed website, this point is especially important. A wireframe will immediately identify how well your site will handle content growth.

O For example, if you only have ten products

offered right now, but in six months you may have 100, you will want your website to accommodate this growth without impact to the web design, site architecture or usability. Wireframes will identify these important areas of content growth.

Wireframes help make the design process iterative O Instead

of trying to combine the functionality/layout and creative/branding aspects of the website in one step, wireframes ensure that these elements are taken in one at a time. This allows clients (and other team members) to provide feedback earlier in the process.

Wireframes save time on the entire project O Wireframing saves time in a multitude of O O O O

ways.

Your designs are more calculated.

Your development team understands what they are building.

Content creation becomes much clearer.

You avoid hacks later on in the process.

Your development team understands what they are building.

Experience shows it works O Building

a website is a process.

Wireframing is one of those parts of the web process that should not be skipped, just as you wouldn’t build a house without a blueprint, or live in it without decoration.

Each step has an important place in a larger process.

ADMEC MULTIMEDIA Leader in Animation & Digital Media Education ISO 9001:2008 CERTIFIED

ADMEC MULTIMEDIA INSTITUTE For More information you can visit :

http://www.admecindia.co.in

Contact Us: ADMEC MULTIMEDIA INSTITUTE C-7/114, IInd Floor, Sector- 7, Rohini, Delhi- 85 Landmark: Near Rohini East Metro Station Helpline 1: +91 9811 818 122 Helpline 2: +91 9911 782 350