SlideShare a Scribd company logo
Wire framing is an important step in any screen design process. It is about rapid ideation. Here i
am giving few ideas to do a best wireframe. Developers use wireframes to get a clear picture of
the elements that they will need to code. Elements of a wireframe are header, footer, sidebar and
content areas. The additional elements are navigation bars, widgets, and buttons.
2.Visual ways to handle the text for all global end users:
Wireframes server multiple purposes by helping to connect the site’s information architecture to
its visual design by showing paths between pages. A wireframe is a two-dimensional illustration
of a page’s interface that specifically focuses on space allocation and prioritization of content,
functionalities available and intended behaviors. Wireframes also help to establish relationships
between a website’s various templates. It determines intended functionality in the interface.
To create wireframes do not use colors and images .To indicate where you intend to place an
image and its size. Use only one generic font, within the wireframes it’s important to remember
that they don’t do well with showing interactive features of the interface like drop-downs, over
states, accordions that implement show-hide functionality, or auto –rotating carrousels.
3.The elements in the wireframe are usually displayed and organized to consider the following:
Content:
First you have to create a content inventory, for that you should get ready your material. The best
process to make a good content inventory:
1. List all content URL and short description.
2. Scan for redundancies.
3. organize content items first by topic.
Hierarchy:
Organize each item in your spreadsheet as primary, secondary, or tertiary.
Functionality:
How will these elements work together?
Behavior:
How does this element interact with the user?
Solution
Wire framing is an important step in any screen design process. It is about rapid ideation. Here i
am giving few ideas to do a best wireframe. Developers use wireframes to get a clear picture of
the elements that they will need to code. Elements of a wireframe are header, footer, sidebar and
content areas. The additional elements are navigation bars, widgets, and buttons.
2.Visual ways to handle the text for all global end users:
Wireframes server multiple purposes by helping to connect the site’s information architecture to
its visual design by showing paths between pages. A wireframe is a two-dimensional illustration
of a page’s interface that specifically focuses on space allocation and prioritization of content,
functionalities available and intended behaviors. Wireframes also help to establish relationships
between a website’s various templates. It determines intended functionality in the interface.
To create wireframes do not use colors and images .To indicate where you intend to place an
image and its size. Use only one generic font, within the wireframes it’s important to remember
that they don’t do well with showing interactive features of the interface like drop-downs, over
states, accordions that implement show-hide functionality, or auto –rotating carrousels.
3.The elements in the wireframe are usually displayed and organized to consider the following:
Content:
First you have to create a content inventory, for that you should get ready your material. The best
process to make a good content inventory:
1. List all content URL and short description.
2. Scan for redundancies.
3. organize content items first by topic.
Hierarchy:
Organize each item in your spreadsheet as primary, secondary, or tertiary.
Functionality:
How will these elements work together?
Behavior:
How does this element interact with the user?

More Related Content

Similar to Wire framing is an important step in any screen design process. It i.pdf

Chapter 1.pdf
Chapter 1.pdfChapter 1.pdf
Chapter 1.pdf
AnisZahirahAzman
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
Afif Alfiano
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website design
Ravi Bhadauria
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and Applications
John Mark Centeno
 
Wireframes presentation
Wireframes  presentationWireframes  presentation
Wireframes presentationKhalil Yaacoub
 
ًWebsite_development and design
ًWebsite_development and designًWebsite_development and design
ًWebsite_development and design
Maged Elsakka
 
Smart Tips for Wireframing by Indrajit basu
Smart Tips for Wireframing by Indrajit basuSmart Tips for Wireframing by Indrajit basu
Smart Tips for Wireframing by Indrajit basu
NASSCOM
 
The guide to wireframing
The guide to wireframingThe guide to wireframing
The guide to wireframing
Marcelo Graciolli
 
The Guide To Wireframing
The Guide To WireframingThe Guide To Wireframing
The Guide To Wireframing
Lewis Lin 🦊
 
A holistic guide to annotated wireframes for app development
A holistic guide to annotated wireframes for app developmentA holistic guide to annotated wireframes for app development
A holistic guide to annotated wireframes for app development
Concetto Labs
 
new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.
abhishek106899
 
Yui Design Patterns
Yui Design PatternsYui Design Patterns
Yui Design Patterns
Madhuri Chopurala, CSPO, CSM
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website Sitemap
Jeannie Melinz
 
EXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNSEXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNS
ROHISIVAM
 
Web design with dreamweaver charles nyangiti
Web design with dreamweaver charles nyangitiWeb design with dreamweaver charles nyangiti
Web design with dreamweaver charles nyangiti
Charles Nyangiti
 
Divs and Links Styles
Divs and Links StylesDivs and Links Styles
Divs and Links Styles
Daniel Downs
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
James Smith
 

Similar to Wire framing is an important step in any screen design process. It i.pdf (20)

Chapter 1.pdf
Chapter 1.pdfChapter 1.pdf
Chapter 1.pdf
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website design
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and Applications
 
Wireframes presentation
Wireframes  presentationWireframes  presentation
Wireframes presentation
 
ًWebsite_development and design
ًWebsite_development and designًWebsite_development and design
ًWebsite_development and design
 
Smart Tips for Wireframing by Indrajit basu
Smart Tips for Wireframing by Indrajit basuSmart Tips for Wireframing by Indrajit basu
Smart Tips for Wireframing by Indrajit basu
 
The guide to wireframing
The guide to wireframingThe guide to wireframing
The guide to wireframing
 
The Guide To Wireframing
The Guide To WireframingThe Guide To Wireframing
The Guide To Wireframing
 
A holistic guide to annotated wireframes for app development
A holistic guide to annotated wireframes for app developmentA holistic guide to annotated wireframes for app development
A holistic guide to annotated wireframes for app development
 
new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.
 
Yui Design Patterns
Yui Design PatternsYui Design Patterns
Yui Design Patterns
 
Storyboarding
StoryboardingStoryboarding
Storyboarding
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website Sitemap
 
EXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNSEXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNS
 
Web design with dreamweaver charles nyangiti
Web design with dreamweaver charles nyangitiWeb design with dreamweaver charles nyangiti
Web design with dreamweaver charles nyangiti
 
Divs and Links Styles
Divs and Links StylesDivs and Links Styles
Divs and Links Styles
 
WebBestPractices3
WebBestPractices3WebBestPractices3
WebBestPractices3
 
Mkt460 Week3
Mkt460 Week3Mkt460 Week3
Mkt460 Week3
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 

More from poddaranand1

S02 is the only polar molecule as the other molec.pdf
                     S02 is the only polar molecule as the other molec.pdf                     S02 is the only polar molecule as the other molec.pdf
S02 is the only polar molecule as the other molec.pdf
poddaranand1
 
Solve for the weight of all three, S1, O3, He1.pdf
                     Solve for the weight of all three, S1, O3, He1.pdf                     Solve for the weight of all three, S1, O3, He1.pdf
Solve for the weight of all three, S1, O3, He1.pdf
poddaranand1
 
Phenol is the strongest acid because Phenoxide io.pdf
                     Phenol is the strongest acid because Phenoxide io.pdf                     Phenol is the strongest acid because Phenoxide io.pdf
Phenol is the strongest acid because Phenoxide io.pdf
poddaranand1
 
homogeneous describes a solutionmixture that is .pdf
                     homogeneous describes a solutionmixture that is .pdf                     homogeneous describes a solutionmixture that is .pdf
homogeneous describes a solutionmixture that is .pdf
poddaranand1
 
Propanol has molecular formula CH3-CH2-CH2-OH.It is a polar organi.pdf
Propanol has molecular formula CH3-CH2-CH2-OH.It is a polar organi.pdfPropanol has molecular formula CH3-CH2-CH2-OH.It is a polar organi.pdf
Propanol has molecular formula CH3-CH2-CH2-OH.It is a polar organi.pdf
poddaranand1
 
From an ESR study of VOCl2 dissolved in toluene c.pdf
                     From an ESR study of VOCl2 dissolved in toluene c.pdf                     From an ESR study of VOCl2 dissolved in toluene c.pdf
From an ESR study of VOCl2 dissolved in toluene c.pdf
poddaranand1
 
The phase it is in is anaphase, chromosomes start to move toward the.pdf
The phase it is in is anaphase, chromosomes start to move toward the.pdfThe phase it is in is anaphase, chromosomes start to move toward the.pdf
The phase it is in is anaphase, chromosomes start to move toward the.pdf
poddaranand1
 
The normal heartbeat is 60-72 per minute. The pumping of the blood f.pdf
The normal heartbeat is 60-72 per minute. The pumping of the blood f.pdfThe normal heartbeat is 60-72 per minute. The pumping of the blood f.pdf
The normal heartbeat is 60-72 per minute. The pumping of the blood f.pdf
poddaranand1
 
the acronym of CIA is Central Intelligence Agency — it is an indep.pdf
the acronym of CIA is Central Intelligence Agency — it is an indep.pdfthe acronym of CIA is Central Intelligence Agency — it is an indep.pdf
the acronym of CIA is Central Intelligence Agency — it is an indep.pdf
poddaranand1
 
Solution#includestdio.h#includeconio.h#includealloc.h.pdf
Solution#includestdio.h#includeconio.h#includealloc.h.pdfSolution#includestdio.h#includeconio.h#includealloc.h.pdf
Solution#includestdio.h#includeconio.h#includealloc.h.pdf
poddaranand1
 
reaction of zirconium with water in water reactors releases hydrogen.pdf
reaction of zirconium with water in water reactors releases hydrogen.pdfreaction of zirconium with water in water reactors releases hydrogen.pdf
reaction of zirconium with water in water reactors releases hydrogen.pdf
poddaranand1
 
D) IV So.pdf
                     D) IV                                      So.pdf                     D) IV                                      So.pdf
D) IV So.pdf
poddaranand1
 
In the addition of HX to an unsymmetrical alkene, the H atom bonds t.pdf
In the addition of HX to an unsymmetrical alkene, the H atom bonds t.pdfIn the addition of HX to an unsymmetrical alkene, the H atom bonds t.pdf
In the addition of HX to an unsymmetrical alkene, the H atom bonds t.pdf
poddaranand1
 
Inadequacy in Hartee theory1) It does not contain the exchange ter.pdf
Inadequacy in Hartee theory1) It does not contain the exchange ter.pdfInadequacy in Hartee theory1) It does not contain the exchange ter.pdf
Inadequacy in Hartee theory1) It does not contain the exchange ter.pdf
poddaranand1
 
Flash helps prevent more flash from forming.This also forces the m.pdf
Flash helps prevent more flash from forming.This also forces the m.pdfFlash helps prevent more flash from forming.This also forces the m.pdf
Flash helps prevent more flash from forming.This also forces the m.pdf
poddaranand1
 
Convolutional Neural Networks square measure terribly kind of like n.pdf
Convolutional Neural Networks square measure terribly kind of like n.pdfConvolutional Neural Networks square measure terribly kind of like n.pdf
Convolutional Neural Networks square measure terribly kind of like n.pdf
poddaranand1
 
AnswerProject’s required return of 12 will be used as discount ra.pdf
AnswerProject’s required return of 12 will be used as discount ra.pdfAnswerProject’s required return of 12 will be used as discount ra.pdf
AnswerProject’s required return of 12 will be used as discount ra.pdf
poddaranand1
 
A. Angelman syndrome is rare genetic disorder characterized by learn.pdf
A. Angelman syndrome is rare genetic disorder characterized by learn.pdfA. Angelman syndrome is rare genetic disorder characterized by learn.pdf
A. Angelman syndrome is rare genetic disorder characterized by learn.pdf
poddaranand1
 
1)increases decreases2)increaseFor others just use the p.pdf
1)increases decreases2)increaseFor others just use the p.pdf1)increases decreases2)increaseFor others just use the p.pdf
1)increases decreases2)increaseFor others just use the p.pdf
poddaranand1
 
2ethyl 1penteneSolution2ethyl 1pentene.pdf
2ethyl 1penteneSolution2ethyl 1pentene.pdf2ethyl 1penteneSolution2ethyl 1pentene.pdf
2ethyl 1penteneSolution2ethyl 1pentene.pdf
poddaranand1
 

More from poddaranand1 (20)

S02 is the only polar molecule as the other molec.pdf
                     S02 is the only polar molecule as the other molec.pdf                     S02 is the only polar molecule as the other molec.pdf
S02 is the only polar molecule as the other molec.pdf
 
Solve for the weight of all three, S1, O3, He1.pdf
                     Solve for the weight of all three, S1, O3, He1.pdf                     Solve for the weight of all three, S1, O3, He1.pdf
Solve for the weight of all three, S1, O3, He1.pdf
 
Phenol is the strongest acid because Phenoxide io.pdf
                     Phenol is the strongest acid because Phenoxide io.pdf                     Phenol is the strongest acid because Phenoxide io.pdf
Phenol is the strongest acid because Phenoxide io.pdf
 
homogeneous describes a solutionmixture that is .pdf
                     homogeneous describes a solutionmixture that is .pdf                     homogeneous describes a solutionmixture that is .pdf
homogeneous describes a solutionmixture that is .pdf
 
Propanol has molecular formula CH3-CH2-CH2-OH.It is a polar organi.pdf
Propanol has molecular formula CH3-CH2-CH2-OH.It is a polar organi.pdfPropanol has molecular formula CH3-CH2-CH2-OH.It is a polar organi.pdf
Propanol has molecular formula CH3-CH2-CH2-OH.It is a polar organi.pdf
 
From an ESR study of VOCl2 dissolved in toluene c.pdf
                     From an ESR study of VOCl2 dissolved in toluene c.pdf                     From an ESR study of VOCl2 dissolved in toluene c.pdf
From an ESR study of VOCl2 dissolved in toluene c.pdf
 
The phase it is in is anaphase, chromosomes start to move toward the.pdf
The phase it is in is anaphase, chromosomes start to move toward the.pdfThe phase it is in is anaphase, chromosomes start to move toward the.pdf
The phase it is in is anaphase, chromosomes start to move toward the.pdf
 
The normal heartbeat is 60-72 per minute. The pumping of the blood f.pdf
The normal heartbeat is 60-72 per minute. The pumping of the blood f.pdfThe normal heartbeat is 60-72 per minute. The pumping of the blood f.pdf
The normal heartbeat is 60-72 per minute. The pumping of the blood f.pdf
 
the acronym of CIA is Central Intelligence Agency — it is an indep.pdf
the acronym of CIA is Central Intelligence Agency — it is an indep.pdfthe acronym of CIA is Central Intelligence Agency — it is an indep.pdf
the acronym of CIA is Central Intelligence Agency — it is an indep.pdf
 
Solution#includestdio.h#includeconio.h#includealloc.h.pdf
Solution#includestdio.h#includeconio.h#includealloc.h.pdfSolution#includestdio.h#includeconio.h#includealloc.h.pdf
Solution#includestdio.h#includeconio.h#includealloc.h.pdf
 
reaction of zirconium with water in water reactors releases hydrogen.pdf
reaction of zirconium with water in water reactors releases hydrogen.pdfreaction of zirconium with water in water reactors releases hydrogen.pdf
reaction of zirconium with water in water reactors releases hydrogen.pdf
 
D) IV So.pdf
                     D) IV                                      So.pdf                     D) IV                                      So.pdf
D) IV So.pdf
 
In the addition of HX to an unsymmetrical alkene, the H atom bonds t.pdf
In the addition of HX to an unsymmetrical alkene, the H atom bonds t.pdfIn the addition of HX to an unsymmetrical alkene, the H atom bonds t.pdf
In the addition of HX to an unsymmetrical alkene, the H atom bonds t.pdf
 
Inadequacy in Hartee theory1) It does not contain the exchange ter.pdf
Inadequacy in Hartee theory1) It does not contain the exchange ter.pdfInadequacy in Hartee theory1) It does not contain the exchange ter.pdf
Inadequacy in Hartee theory1) It does not contain the exchange ter.pdf
 
Flash helps prevent more flash from forming.This also forces the m.pdf
Flash helps prevent more flash from forming.This also forces the m.pdfFlash helps prevent more flash from forming.This also forces the m.pdf
Flash helps prevent more flash from forming.This also forces the m.pdf
 
Convolutional Neural Networks square measure terribly kind of like n.pdf
Convolutional Neural Networks square measure terribly kind of like n.pdfConvolutional Neural Networks square measure terribly kind of like n.pdf
Convolutional Neural Networks square measure terribly kind of like n.pdf
 
AnswerProject’s required return of 12 will be used as discount ra.pdf
AnswerProject’s required return of 12 will be used as discount ra.pdfAnswerProject’s required return of 12 will be used as discount ra.pdf
AnswerProject’s required return of 12 will be used as discount ra.pdf
 
A. Angelman syndrome is rare genetic disorder characterized by learn.pdf
A. Angelman syndrome is rare genetic disorder characterized by learn.pdfA. Angelman syndrome is rare genetic disorder characterized by learn.pdf
A. Angelman syndrome is rare genetic disorder characterized by learn.pdf
 
1)increases decreases2)increaseFor others just use the p.pdf
1)increases decreases2)increaseFor others just use the p.pdf1)increases decreases2)increaseFor others just use the p.pdf
1)increases decreases2)increaseFor others just use the p.pdf
 
2ethyl 1penteneSolution2ethyl 1pentene.pdf
2ethyl 1penteneSolution2ethyl 1pentene.pdf2ethyl 1penteneSolution2ethyl 1pentene.pdf
2ethyl 1penteneSolution2ethyl 1pentene.pdf
 

Recently uploaded

Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
Vikramjit Singh
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
Nguyen Thanh Tu Collection
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
joachimlavalley1
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
DeeptiGupta154
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
Jisc
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
RaedMohamed3
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
Jisc
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
vaibhavrinwa19
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
siemaillard
 
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdfAdversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Po-Chuan Chen
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
beazzy04
 
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th SemesterGuidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Atul Kumar Singh
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
Delapenabediema
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
kaushalkr1407
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
Celine George
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
EduSkills OECD
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
Special education needs
 

Recently uploaded (20)

Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
BÀI TẬP BỔ TRỢ TIẾNG ANH GLOBAL SUCCESS LỚP 3 - CẢ NĂM (CÓ FILE NGHE VÀ ĐÁP Á...
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdfAdversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th SemesterGuidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th Semester
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
 

Wire framing is an important step in any screen design process. It i.pdf

  • 1. Wire framing is an important step in any screen design process. It is about rapid ideation. Here i am giving few ideas to do a best wireframe. Developers use wireframes to get a clear picture of the elements that they will need to code. Elements of a wireframe are header, footer, sidebar and content areas. The additional elements are navigation bars, widgets, and buttons. 2.Visual ways to handle the text for all global end users: Wireframes server multiple purposes by helping to connect the site’s information architecture to its visual design by showing paths between pages. A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionalities available and intended behaviors. Wireframes also help to establish relationships between a website’s various templates. It determines intended functionality in the interface. To create wireframes do not use colors and images .To indicate where you intend to place an image and its size. Use only one generic font, within the wireframes it’s important to remember that they don’t do well with showing interactive features of the interface like drop-downs, over states, accordions that implement show-hide functionality, or auto –rotating carrousels. 3.The elements in the wireframe are usually displayed and organized to consider the following: Content: First you have to create a content inventory, for that you should get ready your material. The best process to make a good content inventory: 1. List all content URL and short description. 2. Scan for redundancies. 3. organize content items first by topic. Hierarchy: Organize each item in your spreadsheet as primary, secondary, or tertiary. Functionality: How will these elements work together? Behavior: How does this element interact with the user? Solution Wire framing is an important step in any screen design process. It is about rapid ideation. Here i am giving few ideas to do a best wireframe. Developers use wireframes to get a clear picture of the elements that they will need to code. Elements of a wireframe are header, footer, sidebar and content areas. The additional elements are navigation bars, widgets, and buttons. 2.Visual ways to handle the text for all global end users:
  • 2. Wireframes server multiple purposes by helping to connect the site’s information architecture to its visual design by showing paths between pages. A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionalities available and intended behaviors. Wireframes also help to establish relationships between a website’s various templates. It determines intended functionality in the interface. To create wireframes do not use colors and images .To indicate where you intend to place an image and its size. Use only one generic font, within the wireframes it’s important to remember that they don’t do well with showing interactive features of the interface like drop-downs, over states, accordions that implement show-hide functionality, or auto –rotating carrousels. 3.The elements in the wireframe are usually displayed and organized to consider the following: Content: First you have to create a content inventory, for that you should get ready your material. The best process to make a good content inventory: 1. List all content URL and short description. 2. Scan for redundancies. 3. organize content items first by topic. Hierarchy: Organize each item in your spreadsheet as primary, secondary, or tertiary. Functionality: How will these elements work together? Behavior: How does this element interact with the user?