SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Downloaden Sie, um offline zu lesen
Website Wireframes
Definition:
  A website wireframe also known as screen
 blueprint, is a visual guide that represents the
 framework of a website also allows designers
 and developers to present proposed
 functions, graphic elements, structure, and
 content of a website with simple line
 drawings.
Wireframe typically contain:
• Navigation
• Placeholders for branding elements
• General layout locations of key elements like
  header, footer, content columns, navigation
• Placeholder images and content
• Site map that shows where different pages
  might live on the site
• Additional pages to show how interior pages
  might change
• Simple workflow for interactive elements
Wireframes focus on:
• The kinds of information displayed
• The range of functions available
• The relative priorities of the information and
  functions
• The rules for displaying certain kinds of
  information
• The effect of different scenarios on the
Simple Wireframes
Wireframes  presentation
Complicated Wireframes
Uses of wireframes:

• Designers:
  Provides the base which helps the designers
  to initiate the designing process by providing
  the components for each page
Uses of wireframes:

• Clients:
  It helps them making clear idea about which
  features need to be highlighted from their
  business point of view.
Uses of wireframes:

• Projects team:
  Use wireframes to ensure that requirements
  and objectives are met through the design,
  also use wireframes as a base to build their
  SRS according to it.
Uses of wireframes:

• Developers:
  Use wireframes to identify the functional and
  technical requirements of a site beside the
  SRS and the HTMLs templates.
Thank you

Weitere ähnliche Inhalte

Was ist angesagt?

Digital Marketing Plan
Digital Marketing PlanDigital Marketing Plan
Digital Marketing PlanMagic8Pharmacy
 
YouTube Marketing Strategy 2020
YouTube Marketing Strategy 2020YouTube Marketing Strategy 2020
YouTube Marketing Strategy 2020StoryXpress Inc.
 
Digital Marketing Strategy on a Budget
Digital Marketing Strategy on a BudgetDigital Marketing Strategy on a Budget
Digital Marketing Strategy on a Budgetleadsdubai
 
How to Build a B2B Social Content Calendar
How to Build a B2B Social Content CalendarHow to Build a B2B Social Content Calendar
How to Build a B2B Social Content CalendarUberflip
 
Your social media action plan
Your social media action planYour social media action plan
Your social media action planCIVIC Digital
 
Meta Ads Proposal Tempoate - Format.pdf
Meta Ads Proposal Tempoate - Format.pdfMeta Ads Proposal Tempoate - Format.pdf
Meta Ads Proposal Tempoate - Format.pdfKen Khan
 
Social Media Marketing Business Proposal
Social Media Marketing Business ProposalSocial Media Marketing Business Proposal
Social Media Marketing Business ProposalAashish Pahwa
 
TikTok Essentials for Schools - Top Tips for Organic, Paid and Social SEO.pdf
TikTok Essentials for Schools - Top Tips for Organic, Paid and Social SEO.pdfTikTok Essentials for Schools - Top Tips for Organic, Paid and Social SEO.pdf
TikTok Essentials for Schools - Top Tips for Organic, Paid and Social SEO.pdfHigher Education Marketing
 
Lead Generation Agency Proposal Powerpoint Presentation Slides
Lead Generation Agency Proposal Powerpoint Presentation SlidesLead Generation Agency Proposal Powerpoint Presentation Slides
Lead Generation Agency Proposal Powerpoint Presentation SlidesSlideTeam
 
2015 Sample Social Media Tactical Plan
2015 Sample Social Media Tactical Plan2015 Sample Social Media Tactical Plan
2015 Sample Social Media Tactical PlanGeoff Song
 
Startup Metrics for Pirates
Startup Metrics for PiratesStartup Metrics for Pirates
Startup Metrics for PiratesDave McClure
 

Was ist angesagt? (20)

Digital Marketing Plan
Digital Marketing PlanDigital Marketing Plan
Digital Marketing Plan
 
YouTube Marketing Strategy 2020
YouTube Marketing Strategy 2020YouTube Marketing Strategy 2020
YouTube Marketing Strategy 2020
 
Digital Marketing Strategy on a Budget
Digital Marketing Strategy on a BudgetDigital Marketing Strategy on a Budget
Digital Marketing Strategy on a Budget
 
Facebook ads ppt
Facebook ads pptFacebook ads ppt
Facebook ads ppt
 
Digital Marketing Real Estate Case Study
Digital Marketing Real Estate Case StudyDigital Marketing Real Estate Case Study
Digital Marketing Real Estate Case Study
 
How to Build a B2B Social Content Calendar
How to Build a B2B Social Content CalendarHow to Build a B2B Social Content Calendar
How to Build a B2B Social Content Calendar
 
Your social media action plan
Your social media action planYour social media action plan
Your social media action plan
 
Facebook marketing
Facebook marketingFacebook marketing
Facebook marketing
 
Meta Ads Proposal Tempoate - Format.pdf
Meta Ads Proposal Tempoate - Format.pdfMeta Ads Proposal Tempoate - Format.pdf
Meta Ads Proposal Tempoate - Format.pdf
 
Social Media Marketing Business Proposal
Social Media Marketing Business ProposalSocial Media Marketing Business Proposal
Social Media Marketing Business Proposal
 
Website Presentation for Corporate
Website Presentation for Corporate Website Presentation for Corporate
Website Presentation for Corporate
 
Social media strategy
 Social media strategy  Social media strategy
Social media strategy
 
TikTok Essentials for Schools - Top Tips for Organic, Paid and Social SEO.pdf
TikTok Essentials for Schools - Top Tips for Organic, Paid and Social SEO.pdfTikTok Essentials for Schools - Top Tips for Organic, Paid and Social SEO.pdf
TikTok Essentials for Schools - Top Tips for Organic, Paid and Social SEO.pdf
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
What is content strategy?
What is content strategy?What is content strategy?
What is content strategy?
 
Lead Generation Agency Proposal Powerpoint Presentation Slides
Lead Generation Agency Proposal Powerpoint Presentation SlidesLead Generation Agency Proposal Powerpoint Presentation Slides
Lead Generation Agency Proposal Powerpoint Presentation Slides
 
Social Media Strategy for Real Estate
Social Media Strategy for Real EstateSocial Media Strategy for Real Estate
Social Media Strategy for Real Estate
 
Sample Website Proposal Presentation
Sample Website Proposal PresentationSample Website Proposal Presentation
Sample Website Proposal Presentation
 
2015 Sample Social Media Tactical Plan
2015 Sample Social Media Tactical Plan2015 Sample Social Media Tactical Plan
2015 Sample Social Media Tactical Plan
 
Startup Metrics for Pirates
Startup Metrics for PiratesStartup Metrics for Pirates
Startup Metrics for Pirates
 

Andere mochten auch

Bringing Your Wireframe to Life
Bringing Your Wireframe to LifeBringing Your Wireframe to Life
Bringing Your Wireframe to LifeUXPA DC
 
Wireframes to Design
Wireframes to DesignWireframes to Design
Wireframes to DesignGabardine
 
Social media newsrooms
Social media newsroomsSocial media newsrooms
Social media newsroomsStuart Bruce
 
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBAThe Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBACarzanova
 
Website analysis and Competitor Analysis and Website Wireframe
Website analysis and Competitor Analysis and Website WireframeWebsite analysis and Competitor Analysis and Website Wireframe
Website analysis and Competitor Analysis and Website WireframeSaloni Jain
 
Wireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by CreatelyWireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by CreatelyCreately
 
Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...
Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...
Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...HubSpot
 
6 Questions to Lead You to a Social Media Strategy
6 Questions to Lead You to a Social Media Strategy6 Questions to Lead You to a Social Media Strategy
6 Questions to Lead You to a Social Media StrategyMark Schaefer
 

Andere mochten auch (9)

Bringing Your Wireframe to Life
Bringing Your Wireframe to LifeBringing Your Wireframe to Life
Bringing Your Wireframe to Life
 
Wireframes to Design
Wireframes to DesignWireframes to Design
Wireframes to Design
 
Social media newsrooms
Social media newsroomsSocial media newsrooms
Social media newsrooms
 
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBAThe Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
 
Website analysis and Competitor Analysis and Website Wireframe
Website analysis and Competitor Analysis and Website WireframeWebsite analysis and Competitor Analysis and Website Wireframe
Website analysis and Competitor Analysis and Website Wireframe
 
Wireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by CreatelyWireframe and Mockup Templates by Creately
Wireframe and Mockup Templates by Creately
 
Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...
Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...
Rethinking Website Design: Creating a Peak-Performing Website with Less Risk ...
 
6 Questions to Lead You to a Social Media Strategy
6 Questions to Lead You to a Social Media Strategy6 Questions to Lead You to a Social Media Strategy
6 Questions to Lead You to a Social Media Strategy
 
52 Types of Marketing Strategies
52 Types of Marketing Strategies52 Types of Marketing Strategies
52 Types of Marketing Strategies
 

Ähnlich wie Wireframes presentation

Beginning Site Design
Beginning Site DesignBeginning Site Design
Beginning Site Designjadkin32
 
Learn about wireframes before hiring a web developer
Learn about wireframes before hiring a web developerLearn about wireframes before hiring a web developer
Learn about wireframes before hiring a web developerD Amies Technologies
 
Online tools for Content Development
Online tools for Content DevelopmentOnline tools for Content Development
Online tools for Content Developmentadrianlaranjo111
 
Basics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the webBasics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the webJoe Arcuri
 
SNOW Knowledge Management_SSP.ppt
SNOW Knowledge Management_SSP.pptSNOW Knowledge Management_SSP.ppt
SNOW Knowledge Management_SSP.pptChakrapaniGunti
 
Wireframes for Web Design
Wireframes for Web DesignWireframes for Web Design
Wireframes for Web DesignMindy McAdams
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Harshith Rockx
 
Graphical user interface of web form
Graphical user interface of web formGraphical user interface of web form
Graphical user interface of web formmentorrbuddy
 
Information Architecture and Navigation Planning for Websites
Information Architecture and Navigation Planning for WebsitesInformation Architecture and Navigation Planning for Websites
Information Architecture and Navigation Planning for WebsitesMantran
 
ًWebsite_development and design
ًWebsite_development and designًWebsite_development and design
ًWebsite_development and designMaged Elsakka
 
Henry Sannikov User Experience Design Portfolio
Henry Sannikov User Experience Design PortfolioHenry Sannikov User Experience Design Portfolio
Henry Sannikov User Experience Design Portfoliovstrannik
 
Wireframing with Your Team in Mind (Susana Esparza & Jason Kolaitis & Jennife...
Wireframing with Your Team in Mind (Susana Esparza & Jason Kolaitis & Jennife...Wireframing with Your Team in Mind (Susana Esparza & Jason Kolaitis & Jennife...
Wireframing with Your Team in Mind (Susana Esparza & Jason Kolaitis & Jennife...uxpa-dc
 
Information Architecture
Information ArchitectureInformation Architecture
Information ArchitectureHenry Osborne
 

Ähnlich wie Wireframes presentation (20)

Beginning Site Design
Beginning Site DesignBeginning Site Design
Beginning Site Design
 
Learn about wireframes before hiring a web developer
Learn about wireframes before hiring a web developerLearn about wireframes before hiring a web developer
Learn about wireframes before hiring a web developer
 
Online tools for Content Development
Online tools for Content DevelopmentOnline tools for Content Development
Online tools for Content Development
 
Website Sitemap
Website SitemapWebsite Sitemap
Website Sitemap
 
Chapter 1.pdf
Chapter 1.pdfChapter 1.pdf
Chapter 1.pdf
 
web designing.pptx
web designing.pptxweb designing.pptx
web designing.pptx
 
Basics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the webBasics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the web
 
Microsoft FrontPage PPT
Microsoft FrontPage PPTMicrosoft FrontPage PPT
Microsoft FrontPage PPT
 
SNOW Knowledge Management_SSP.ppt
SNOW Knowledge Management_SSP.pptSNOW Knowledge Management_SSP.ppt
SNOW Knowledge Management_SSP.ppt
 
Wireframes for Web Design
Wireframes for Web DesignWireframes for Web Design
Wireframes for Web Design
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
 
Module 4 -presentation_slides
Module 4 -presentation_slidesModule 4 -presentation_slides
Module 4 -presentation_slides
 
Graphical user interface of web form
Graphical user interface of web formGraphical user interface of web form
Graphical user interface of web form
 
Wireframe
Wireframe Wireframe
Wireframe
 
Information Architecture and Navigation Planning for Websites
Information Architecture and Navigation Planning for WebsitesInformation Architecture and Navigation Planning for Websites
Information Architecture and Navigation Planning for Websites
 
ًWebsite_development and design
ًWebsite_development and designًWebsite_development and design
ًWebsite_development and design
 
proposal4.ppt
proposal4.pptproposal4.ppt
proposal4.ppt
 
Henry Sannikov User Experience Design Portfolio
Henry Sannikov User Experience Design PortfolioHenry Sannikov User Experience Design Portfolio
Henry Sannikov User Experience Design Portfolio
 
Wireframing with Your Team in Mind (Susana Esparza & Jason Kolaitis & Jennife...
Wireframing with Your Team in Mind (Susana Esparza & Jason Kolaitis & Jennife...Wireframing with Your Team in Mind (Susana Esparza & Jason Kolaitis & Jennife...
Wireframing with Your Team in Mind (Susana Esparza & Jason Kolaitis & Jennife...
 
Information Architecture
Information ArchitectureInformation Architecture
Information Architecture
 

Kürzlich hochgeladen

Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 

Kürzlich hochgeladen (20)

Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 

Wireframes presentation

  • 2. Definition: A website wireframe also known as screen blueprint, is a visual guide that represents the framework of a website also allows designers and developers to present proposed functions, graphic elements, structure, and content of a website with simple line drawings.
  • 3. Wireframe typically contain: • Navigation • Placeholders for branding elements • General layout locations of key elements like header, footer, content columns, navigation • Placeholder images and content • Site map that shows where different pages might live on the site • Additional pages to show how interior pages might change • Simple workflow for interactive elements
  • 4. Wireframes focus on: • The kinds of information displayed • The range of functions available • The relative priorities of the information and functions • The rules for displaying certain kinds of information • The effect of different scenarios on the
  • 8. Uses of wireframes: • Designers: Provides the base which helps the designers to initiate the designing process by providing the components for each page
  • 9. Uses of wireframes: • Clients: It helps them making clear idea about which features need to be highlighted from their business point of view.
  • 10. Uses of wireframes: • Projects team: Use wireframes to ensure that requirements and objectives are met through the design, also use wireframes as a base to build their SRS according to it.
  • 11. Uses of wireframes: • Developers: Use wireframes to identify the functional and technical requirements of a site beside the SRS and the HTMLs templates.