SlideShare une entreprise Scribd logo
1  sur  16
Web Design Principles and
Elements
Purpose
Images
Communication
Navigation Layouts
Typefaces
Load Time
Colors
PURPOSE
A website can be categorized
primarily in terms of the goal it
aims to fulfill.Web sites can be
categorized into different types
and functions depending on the
purpose they serve the user or
audience.
PURPOSE
Web visitors may want to look
for information, be
entertained, play games,
socialize, or transcat
business.
COMMUNICATION
Essentially,when we visit a Web site,the
primary
objective is to absorb as much valuable
information
as possible in the shortest amount of
time.
COMMUNICATION
Thus,the information or text
on a Web site should be
concise and direct to the
point.
TYPEFACES
This is an essential factor in Web site
design because this is considered the
most dominant and noticeable in
terms of visuals.
TYPEFACES
Typeface deals with text
format,text style,and text.The
appearance of texts can greatly
contribute to the perception of
the visitors to the Web site
COLORS
Furthermore , colors can
introduce a mood or make
the Web site lively and
enticing for viewers.
IMAGES
Images alone placed on the Web
site can deliver a complete
message that the Web site
wishes to communicate to the
audience . Choosing correct
images can connect the Web site
to viewers or the audience
effectively.
IMAGES
The most commonly used
images are infographics. Images
with proper balance , color , and
contrast accompanied by texts
can deliver great impact and
information to the audience.
NAVIGATION
Navigation refers to the facility
that the audience can use to go
through the Web site and its
subpages . There are several
ways on how to create an
effective and good navigation
system on a Web site.
NAVIGATION
One of these includes a
hierarchical organization
of information , so that
users can logically
anticipate the location of
information.
LAYOUTS
A layout refers to the physical arrangement
of the content and elements on a Web site .
There are various ways on how to do an
effective layout on a Web site , and typically ,
these ways are determined by the creator or
developer.
LAYOUTS
However, there are
categories that classify a
layout that will guide the
users with the suitable
layout for their target
audience.
LOAD TIME
Another basis for the success of a
Web site is the time that the Web
site will load or appear onto the
viewers’ display device.
LOAD TIME
Nowadays , people demand
information at the very fast
pace . If the Web site takes
some time to load , most
specifically if there are too
much content , the user will
most likely search for another
service.

Contenu connexe

Tendances

Web Design & Development ! BATRA COMPUTER CENTRE
Web Design & Development ! BATRA COMPUTER CENTREWeb Design & Development ! BATRA COMPUTER CENTRE
Web Design & Development ! BATRA COMPUTER CENTREjatin batra
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design PrinciplesMukesh Tekwani
 
Weave Your Own Webpage
Weave Your Own WebpageWeave Your Own Webpage
Weave Your Own Webpagemandika
 
Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Christine Joy Benedicto
 
Web 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros DeveloperWeb 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros DeveloperNyros Technologies
 
Web designing & web development! BATRA COMPUTER CENTRE
Web designing &  web development! BATRA COMPUTER CENTREWeb designing &  web development! BATRA COMPUTER CENTRE
Web designing & web development! BATRA COMPUTER CENTREgroversimrans
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website SitemapJeannie Melinz
 
Saveur Web Analysis
Saveur Web AnalysisSaveur Web Analysis
Saveur Web Analysisjaygreyam
 
Webdesign New
Webdesign NewWebdesign New
Webdesign Newlyngdoh
 
Travel Website Redesign & Reconstruction
Travel Website Redesign & ReconstructionTravel Website Redesign & Reconstruction
Travel Website Redesign & ReconstructionNicole
 
MyDrive Holiday - Concept Proposal
MyDrive Holiday - Concept ProposalMyDrive Holiday - Concept Proposal
MyDrive Holiday - Concept ProposalNoel Flowers
 
Socialnetworksoftware
SocialnetworksoftwareSocialnetworksoftware
SocialnetworksoftwareSusan Lee
 
Videographer portfolio responsive word press theme templatemonster
Videographer portfolio responsive word press theme templatemonsterVideographer portfolio responsive word press theme templatemonster
Videographer portfolio responsive word press theme templatemonsterNETBASE CMSMART
 

Tendances (20)

Web Site Design,
Web Site Design,Web Site Design,
Web Site Design,
 
Web Design & Development ! BATRA COMPUTER CENTRE
Web Design & Development ! BATRA COMPUTER CENTREWeb Design & Development ! BATRA COMPUTER CENTRE
Web Design & Development ! BATRA COMPUTER CENTRE
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Creating google sites
Creating google sitesCreating google sites
Creating google sites
 
Web design
Web designWeb design
Web design
 
Creating a Website: Design and Layout
Creating a Website: Design and LayoutCreating a Website: Design and Layout
Creating a Website: Design and Layout
 
Web site design
Web site designWeb site design
Web site design
 
Web Design Issues
Web Design IssuesWeb Design Issues
Web Design Issues
 
Weave Your Own Webpage
Weave Your Own WebpageWeave Your Own Webpage
Weave Your Own Webpage
 
Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development
 
Web 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros DeveloperWeb 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros Developer
 
Web designing & web development! BATRA COMPUTER CENTRE
Web designing &  web development! BATRA COMPUTER CENTREWeb designing &  web development! BATRA COMPUTER CENTRE
Web designing & web development! BATRA COMPUTER CENTRE
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website Sitemap
 
Saveur Web Analysis
Saveur Web AnalysisSaveur Web Analysis
Saveur Web Analysis
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Travel Website Redesign & Reconstruction
Travel Website Redesign & ReconstructionTravel Website Redesign & Reconstruction
Travel Website Redesign & Reconstruction
 
MyDrive Holiday - Concept Proposal
MyDrive Holiday - Concept ProposalMyDrive Holiday - Concept Proposal
MyDrive Holiday - Concept Proposal
 
Socialnetworksoftware
SocialnetworksoftwareSocialnetworksoftware
Socialnetworksoftware
 
Videographer portfolio responsive word press theme templatemonster
Videographer portfolio responsive word press theme templatemonsterVideographer portfolio responsive word press theme templatemonster
Videographer portfolio responsive word press theme templatemonster
 

Similaire à Practical exam-gegremosa-st.john-pptx (2)

Web design top 10 tips.pdf
Web design top 10 tips.pdfWeb design top 10 tips.pdf
Web design top 10 tips.pdfRafiha Rahi
 
Web design top 10 tips.pdf
Web design top 10 tips.pdfWeb design top 10 tips.pdf
Web design top 10 tips.pdfOnima Oishi
 
Strategies for Improving Website Navigation and User Flow
Strategies for Improving Website Navigation and User FlowStrategies for Improving Website Navigation and User Flow
Strategies for Improving Website Navigation and User Flowbrandingalohaa
 
Top 10 prospects of good navigation design
Top 10 prospects of good navigation designTop 10 prospects of good navigation design
Top 10 prospects of good navigation designStanleyMaddox
 
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web designSantosh V
 
How to Optimize UX of Website with Information Architecture.pdf
How to Optimize UX of Website with Information Architecture.pdfHow to Optimize UX of Website with Information Architecture.pdf
How to Optimize UX of Website with Information Architecture.pdfRosalie Lauren
 
Generic conventions of a website
Generic conventions of a websiteGeneric conventions of a website
Generic conventions of a websiteLaurenHolyoak1
 
Gra410 process book_mariepost
Gra410 process book_mariepostGra410 process book_mariepost
Gra410 process book_mariepostMarie Post
 
Understanding the Impact of Visual Hierarchy in Website Layouts.pptx
Understanding the Impact of Visual Hierarchy in Website Layouts.pptxUnderstanding the Impact of Visual Hierarchy in Website Layouts.pptx
Understanding the Impact of Visual Hierarchy in Website Layouts.pptxWeb Lexus
 
Customer Experience / User Experience
Customer Experience / User ExperienceCustomer Experience / User Experience
Customer Experience / User ExperienceAnubhav Dubey
 
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & NavigationFYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & NavigationArti Parab Academics
 
Study Case : Prudential Verani Realty
Study Case : Prudential Verani RealtyStudy Case : Prudential Verani Realty
Study Case : Prudential Verani RealtyMM Su
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation WebsiteStraightNorthIM
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperMatthew J. Lane
 
BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16BYUIWebmaster
 

Similaire à Practical exam-gegremosa-st.john-pptx (2) (20)

Usability of websites
Usability of websitesUsability of websites
Usability of websites
 
Web design top 10 tips.pdf
Web design top 10 tips.pdfWeb design top 10 tips.pdf
Web design top 10 tips.pdf
 
Web design top 10 tips.pdf
Web design top 10 tips.pdfWeb design top 10 tips.pdf
Web design top 10 tips.pdf
 
Java Unit 5(part 1)
Java Unit 5(part 1)Java Unit 5(part 1)
Java Unit 5(part 1)
 
Strategies for Improving Website Navigation and User Flow
Strategies for Improving Website Navigation and User FlowStrategies for Improving Website Navigation and User Flow
Strategies for Improving Website Navigation and User Flow
 
Top 10 prospects of good navigation design
Top 10 prospects of good navigation designTop 10 prospects of good navigation design
Top 10 prospects of good navigation design
 
User experience design
User experience designUser experience design
User experience design
 
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web design
 
How to Optimize UX of Website with Information Architecture.pdf
How to Optimize UX of Website with Information Architecture.pdfHow to Optimize UX of Website with Information Architecture.pdf
How to Optimize UX of Website with Information Architecture.pdf
 
Generic conventions of a website
Generic conventions of a websiteGeneric conventions of a website
Generic conventions of a website
 
Gra410 process book_mariepost
Gra410 process book_mariepostGra410 process book_mariepost
Gra410 process book_mariepost
 
Understanding the Impact of Visual Hierarchy in Website Layouts.pptx
Understanding the Impact of Visual Hierarchy in Website Layouts.pptxUnderstanding the Impact of Visual Hierarchy in Website Layouts.pptx
Understanding the Impact of Visual Hierarchy in Website Layouts.pptx
 
Customer Experience / User Experience
Customer Experience / User ExperienceCustomer Experience / User Experience
Customer Experience / User Experience
 
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & NavigationFYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
 
Study Case : Prudential Verani Realty
Study Case : Prudential Verani RealtyStudy Case : Prudential Verani Realty
Study Case : Prudential Verani Realty
 
Principles of good website design
Principles of good website designPrinciples of good website design
Principles of good website design
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation Website
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
 
BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16
 

Dernier

Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsKarakKing
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxPooja Bhuva
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxmarlenawright1
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfSherif Taha
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17Celine George
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxannathomasp01
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the ClassroomPooky Knightsmith
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - Englishneillewis46
 

Dernier (20)

Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 

Practical exam-gegremosa-st.john-pptx (2)

  • 1. Web Design Principles and Elements Purpose Images Communication Navigation Layouts Typefaces Load Time Colors
  • 2. PURPOSE A website can be categorized primarily in terms of the goal it aims to fulfill.Web sites can be categorized into different types and functions depending on the purpose they serve the user or audience.
  • 3. PURPOSE Web visitors may want to look for information, be entertained, play games, socialize, or transcat business.
  • 4. COMMUNICATION Essentially,when we visit a Web site,the primary objective is to absorb as much valuable information as possible in the shortest amount of time.
  • 5. COMMUNICATION Thus,the information or text on a Web site should be concise and direct to the point.
  • 6. TYPEFACES This is an essential factor in Web site design because this is considered the most dominant and noticeable in terms of visuals.
  • 7. TYPEFACES Typeface deals with text format,text style,and text.The appearance of texts can greatly contribute to the perception of the visitors to the Web site
  • 8. COLORS Furthermore , colors can introduce a mood or make the Web site lively and enticing for viewers.
  • 9. IMAGES Images alone placed on the Web site can deliver a complete message that the Web site wishes to communicate to the audience . Choosing correct images can connect the Web site to viewers or the audience effectively.
  • 10. IMAGES The most commonly used images are infographics. Images with proper balance , color , and contrast accompanied by texts can deliver great impact and information to the audience.
  • 11. NAVIGATION Navigation refers to the facility that the audience can use to go through the Web site and its subpages . There are several ways on how to create an effective and good navigation system on a Web site.
  • 12. NAVIGATION One of these includes a hierarchical organization of information , so that users can logically anticipate the location of information.
  • 13. LAYOUTS A layout refers to the physical arrangement of the content and elements on a Web site . There are various ways on how to do an effective layout on a Web site , and typically , these ways are determined by the creator or developer.
  • 14. LAYOUTS However, there are categories that classify a layout that will guide the users with the suitable layout for their target audience.
  • 15. LOAD TIME Another basis for the success of a Web site is the time that the Web site will load or appear onto the viewers’ display device.
  • 16. LOAD TIME Nowadays , people demand information at the very fast pace . If the Web site takes some time to load , most specifically if there are too much content , the user will most likely search for another service.