1 / 18

Wireframe and Why it’s Important

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.

instituteadmec
Download Presentation

Wireframe and Why it’s Important

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Wireframe and Why it’s Important? ADMEC MULTIMEDIA Leader in Animation & Digital Media Education ISO 9001:2008 CERTIFIED www.admecindia.co.in

  2. Have you heard about Wireframe ?

  3. Topic OWhat is Wireframe ? OWhy Wirefrmaing is important for design ? Please explain ?

  4. Wireframe Design

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

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

  7. 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,” 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. “light boxes” and

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

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

  10. Wireframes help make the design process iterative O Instead 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. of trying to combine the

  11. Wireframes save time on the entire project O Wireframing saves time in a multitude of ways. O Your designs are more calculated. O Your development team understands what they are building. O Content creation becomes much clearer. O You avoid hacks later on in the process. Your development team understands what they are building.

  12. Experience shows it works O Building 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. a website is a process.

  13. ADMEC MULTIMEDIA Leader in Animation & Digital Media Education ISO 9001:2008 CERTIFIED ADMEC MULTI MEDI A I NSTI TUTE 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

More Related