SlideShare a Scribd company logo
1 of 9
What Separates Good from Great:
Tips and Tricks that Matter for
Website Design
© Knct Lab | www.knctlab.com
----------------------------------------------------------------------------------------------------------------------
• A natural progression for most individuals on social media
would be to look up the website of a brand/individual.
© Knct Lab | www.knctlab.com
----------------------------------------------------------------------------------------------------------------------
Tips and tricks for effective web design you may not
want to miss:
• Worse than a goldfish!
Attention spans of human beings in the digital world are lower
than that of goldfish. According to a Microsoft study
conducted in 2015, attention spans of human beings are eight
seconds. A gold fish has an attention span of nine seconds.
• Not so big, please
Using big-sized images on the website can slow down pages. It
is important to optimize the visuals so they load easily on the
website, specifically on the smartphone.
© Knct Lab | www.knctlab.com
----------------------------------------------------------------------------------------------------------------------
• Get some text
t’s good to have images on the site, but ensure that it does
not make up a huge chunk of the site, say 75 per cent.
Maintain a balance between text and images.
• Typography matters
Ensure the fonts are readable and look classy. Your web
design should follow your brand philosophy. The size of fonts
used should be within the 10-12 points range.
• Hail HTML
Don’t use JavaScript or Flash for navigational items. Use a lot
of content in HTML.
© Knct Lab | www.knctlab.com
----------------------------------------------------------------------------------------------------------------------
• Link mantra
Links should be descriptive and keywords need to be used in
the link text for effective search engine optimization.
• Code nama
Tweaking code, and experimenting with it is fun, and smart
fancy sites definitely draw attention. The best way to make
your website fun and fancy without relying on heavy-duty
animation or graphics is to make use of HTML5 or CSS3.
• Navigation basics
Ease of navigation is vital, and some key information should
be made available on all pages of the site.
© Knct Lab | www.knctlab.com
----------------------------------------------------------------------------------------------------------------------
• To scroll or not
Scrolling on your main/home page should not be too much.
Create more links from the home page so people can read
further on the linked page. Place the menu right on top,
especially if you are an e-commerce site.
• Browser compatibility
Your site should be compatible with all browsers, from Chrome
to Safari, Firefox and IE.
• ‘Link is broken, err...’
It is very important to check your website for any links that are
broken.
© Knct Lab | www.knctlab.com
----------------------------------------------------------------------------------------------------------------------
Responsive or adaptive?
• It is important to understand that responsiveness is very
important. If you want to make sure everyone can see your
site right on any design, you could need to get a responsive
website design.
• Designers could often be faced with the responsive vs
adaptive style. While responsive design is more fluid and
changes according to the screen size. Adaptive web design
detects size of the screen and loads a suitable layout. It uses
specific layouts that don’t change after they are loaded once.
© Knct Lab | www.knctlab.com
----------------------------------------------------------------------------------------------------------------------
Knct Lab Overview
• High performing digital
marketing solutions provider
• End-to-end services from data
analysis, market research to
campaign implementation
• Google certified professionals
• Experts across various functions:
advertising, paid media, creative,
analytics, web design &
development, and marketing
automation
• Located in Bangalore
• Visit us at www.knctlab.com
Ph: +91 80 88022000
info@knctlab.com
www.knctlab.com
Thank You

More Related Content

Viewers also liked

Report (Auto Capture Camera Sensing System)
Report (Auto Capture Camera Sensing System)Report (Auto Capture Camera Sensing System)
Report (Auto Capture Camera Sensing System)Siang Wei Lee
 
Testes de interfaces Web com Selenium
Testes de interfaces Web com SeleniumTestes de interfaces Web com Selenium
Testes de interfaces Web com SeleniumRenato Groff
 
Test-Driven Development (TDD) - MSP Coding Day
Test-Driven Development (TDD) - MSP Coding DayTest-Driven Development (TDD) - MSP Coding Day
Test-Driven Development (TDD) - MSP Coding DayRenato Groff
 
Análisis de la Situación Global de la Investigación en las Universidades en P...
Análisis de la Situación Global de la Investigación en las Universidades en P...Análisis de la Situación Global de la Investigación en las Universidades en P...
Análisis de la Situación Global de la Investigación en las Universidades en P...Consejo de Rectores de Panamá
 
BDD (Behavior-Driven Development) - GDG-SP - Julho/2016
BDD (Behavior-Driven Development) - GDG-SP - Julho/2016BDD (Behavior-Driven Development) - GDG-SP - Julho/2016
BDD (Behavior-Driven Development) - GDG-SP - Julho/2016Renato Groff
 
Neurología y apoptosis paola imbaquingo
Neurología y apoptosis paola imbaquingoNeurología y apoptosis paola imbaquingo
Neurología y apoptosis paola imbaquingopaolaimbaquingo
 
AWS Experience Fortaleza: Escalando sua aplicação Web com Beanstalk
AWS Experience Fortaleza: Escalando sua aplicação Web com BeanstalkAWS Experience Fortaleza: Escalando sua aplicação Web com Beanstalk
AWS Experience Fortaleza: Escalando sua aplicação Web com BeanstalkAmazon Web Services LATAM
 

Viewers also liked (9)

Report (Auto Capture Camera Sensing System)
Report (Auto Capture Camera Sensing System)Report (Auto Capture Camera Sensing System)
Report (Auto Capture Camera Sensing System)
 
Testes de interfaces Web com Selenium
Testes de interfaces Web com SeleniumTestes de interfaces Web com Selenium
Testes de interfaces Web com Selenium
 
Test-Driven Development (TDD) - MSP Coding Day
Test-Driven Development (TDD) - MSP Coding DayTest-Driven Development (TDD) - MSP Coding Day
Test-Driven Development (TDD) - MSP Coding Day
 
Análisis de la Situación Global de la Investigación en las Universidades en P...
Análisis de la Situación Global de la Investigación en las Universidades en P...Análisis de la Situación Global de la Investigación en las Universidades en P...
Análisis de la Situación Global de la Investigación en las Universidades en P...
 
Microservices
MicroservicesMicroservices
Microservices
 
BDD (Behavior-Driven Development) - GDG-SP - Julho/2016
BDD (Behavior-Driven Development) - GDG-SP - Julho/2016BDD (Behavior-Driven Development) - GDG-SP - Julho/2016
BDD (Behavior-Driven Development) - GDG-SP - Julho/2016
 
Neurología y apoptosis paola imbaquingo
Neurología y apoptosis paola imbaquingoNeurología y apoptosis paola imbaquingo
Neurología y apoptosis paola imbaquingo
 
AWS Experience Fortaleza: Escalando sua aplicação Web com Beanstalk
AWS Experience Fortaleza: Escalando sua aplicação Web com BeanstalkAWS Experience Fortaleza: Escalando sua aplicação Web com Beanstalk
AWS Experience Fortaleza: Escalando sua aplicação Web com Beanstalk
 
Document
DocumentDocument
Document
 

Recently uploaded

Influencer Marketing Power point presentation
Influencer Marketing  Power point presentationInfluencer Marketing  Power point presentation
Influencer Marketing Power point presentationdgtivemarketingagenc
 
2024's Top PPC Tactics: Triple Your Google Ads Local Leads
2024's Top PPC Tactics: Triple Your Google Ads Local Leads2024's Top PPC Tactics: Triple Your Google Ads Local Leads
2024's Top PPC Tactics: Triple Your Google Ads Local LeadsSearch Engine Journal
 
Exploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdfExploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdfadult marketing
 
marketing strategy of tanishq word PPROJECT.pdf
marketing strategy of tanishq word PPROJECT.pdfmarketing strategy of tanishq word PPROJECT.pdf
marketing strategy of tanishq word PPROJECT.pdfarsathsahil
 
Common Culture: Paul Willis Symbolic Creativity
Common Culture: Paul Willis Symbolic CreativityCommon Culture: Paul Willis Symbolic Creativity
Common Culture: Paul Willis Symbolic CreativityMonishka Adhikari
 
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdf
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdfMost Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdf
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdfCIO Business World
 
Digital Marketing Spotlight: Lifecycle Advertising Strategies.pdf
Digital Marketing Spotlight: Lifecycle Advertising Strategies.pdfDigital Marketing Spotlight: Lifecycle Advertising Strategies.pdf
Digital Marketing Spotlight: Lifecycle Advertising Strategies.pdfDemandbase
 
Master the Art of Digital Recruitment in Asia.pdf
Master the Art of Digital Recruitment in Asia.pdfMaster the Art of Digital Recruitment in Asia.pdf
Master the Art of Digital Recruitment in Asia.pdfHigher Education Marketing
 
pptx.marketing strategy of tanishq. pptx
pptx.marketing strategy of tanishq. pptxpptx.marketing strategy of tanishq. pptx
pptx.marketing strategy of tanishq. pptxarsathsahil
 
The Impact of Digital Technologies
The Impact of Digital Technologies The Impact of Digital Technologies
The Impact of Digital Technologies bruguardarib
 
What are the 4 characteristics of CTAs that convert?
What are the 4 characteristics of CTAs that convert?What are the 4 characteristics of CTAs that convert?
What are the 4 characteristics of CTAs that convert?Juan Pineda
 
The power of SEO-driven market intelligence
The power of SEO-driven market intelligenceThe power of SEO-driven market intelligence
The power of SEO-driven market intelligenceHinde Lamrani
 
DGR_Digital Advertising Strategies for a Cookieless World_Presentation.pdf
DGR_Digital Advertising Strategies for a Cookieless World_Presentation.pdfDGR_Digital Advertising Strategies for a Cookieless World_Presentation.pdf
DGR_Digital Advertising Strategies for a Cookieless World_Presentation.pdfDemandbase
 
Fueling A_B experiments with behavioral insights (1).pdf
Fueling A_B experiments with behavioral insights (1).pdfFueling A_B experiments with behavioral insights (1).pdf
Fueling A_B experiments with behavioral insights (1).pdfVWO
 
Talent Management for mba 3rd sem useful
Talent Management for mba 3rd sem usefulTalent Management for mba 3rd sem useful
Talent Management for mba 3rd sem usefulAtifaArbar
 
Fiverr's Product Marketing Interview Assignment
Fiverr's Product Marketing Interview AssignmentFiverr's Product Marketing Interview Assignment
Fiverr's Product Marketing Interview AssignmentFarrel Brest
 
Exploring Web 3.0 Growth marketing: Navigating the Future of the Internet
Exploring Web 3.0 Growth marketing: Navigating the Future of the InternetExploring Web 3.0 Growth marketing: Navigating the Future of the Internet
Exploring Web 3.0 Growth marketing: Navigating the Future of the Internetnehapardhi711
 
The Pitfalls of Keyword Stuffing in SEO Copywriting
The Pitfalls of Keyword Stuffing in SEO CopywritingThe Pitfalls of Keyword Stuffing in SEO Copywriting
The Pitfalls of Keyword Stuffing in SEO CopywritingJuan Pineda
 
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...CIO Business World
 
Word Count for Writers: Examples of Word Counts for Sample Genres
Word Count for Writers: Examples of Word Counts for Sample GenresWord Count for Writers: Examples of Word Counts for Sample Genres
Word Count for Writers: Examples of Word Counts for Sample GenresLisa M. Masiello
 

Recently uploaded (20)

Influencer Marketing Power point presentation
Influencer Marketing  Power point presentationInfluencer Marketing  Power point presentation
Influencer Marketing Power point presentation
 
2024's Top PPC Tactics: Triple Your Google Ads Local Leads
2024's Top PPC Tactics: Triple Your Google Ads Local Leads2024's Top PPC Tactics: Triple Your Google Ads Local Leads
2024's Top PPC Tactics: Triple Your Google Ads Local Leads
 
Exploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdfExploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdf
 
marketing strategy of tanishq word PPROJECT.pdf
marketing strategy of tanishq word PPROJECT.pdfmarketing strategy of tanishq word PPROJECT.pdf
marketing strategy of tanishq word PPROJECT.pdf
 
Common Culture: Paul Willis Symbolic Creativity
Common Culture: Paul Willis Symbolic CreativityCommon Culture: Paul Willis Symbolic Creativity
Common Culture: Paul Willis Symbolic Creativity
 
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdf
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdfMost Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdf
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdf
 
Digital Marketing Spotlight: Lifecycle Advertising Strategies.pdf
Digital Marketing Spotlight: Lifecycle Advertising Strategies.pdfDigital Marketing Spotlight: Lifecycle Advertising Strategies.pdf
Digital Marketing Spotlight: Lifecycle Advertising Strategies.pdf
 
Master the Art of Digital Recruitment in Asia.pdf
Master the Art of Digital Recruitment in Asia.pdfMaster the Art of Digital Recruitment in Asia.pdf
Master the Art of Digital Recruitment in Asia.pdf
 
pptx.marketing strategy of tanishq. pptx
pptx.marketing strategy of tanishq. pptxpptx.marketing strategy of tanishq. pptx
pptx.marketing strategy of tanishq. pptx
 
The Impact of Digital Technologies
The Impact of Digital Technologies The Impact of Digital Technologies
The Impact of Digital Technologies
 
What are the 4 characteristics of CTAs that convert?
What are the 4 characteristics of CTAs that convert?What are the 4 characteristics of CTAs that convert?
What are the 4 characteristics of CTAs that convert?
 
The power of SEO-driven market intelligence
The power of SEO-driven market intelligenceThe power of SEO-driven market intelligence
The power of SEO-driven market intelligence
 
DGR_Digital Advertising Strategies for a Cookieless World_Presentation.pdf
DGR_Digital Advertising Strategies for a Cookieless World_Presentation.pdfDGR_Digital Advertising Strategies for a Cookieless World_Presentation.pdf
DGR_Digital Advertising Strategies for a Cookieless World_Presentation.pdf
 
Fueling A_B experiments with behavioral insights (1).pdf
Fueling A_B experiments with behavioral insights (1).pdfFueling A_B experiments with behavioral insights (1).pdf
Fueling A_B experiments with behavioral insights (1).pdf
 
Talent Management for mba 3rd sem useful
Talent Management for mba 3rd sem usefulTalent Management for mba 3rd sem useful
Talent Management for mba 3rd sem useful
 
Fiverr's Product Marketing Interview Assignment
Fiverr's Product Marketing Interview AssignmentFiverr's Product Marketing Interview Assignment
Fiverr's Product Marketing Interview Assignment
 
Exploring Web 3.0 Growth marketing: Navigating the Future of the Internet
Exploring Web 3.0 Growth marketing: Navigating the Future of the InternetExploring Web 3.0 Growth marketing: Navigating the Future of the Internet
Exploring Web 3.0 Growth marketing: Navigating the Future of the Internet
 
The Pitfalls of Keyword Stuffing in SEO Copywriting
The Pitfalls of Keyword Stuffing in SEO CopywritingThe Pitfalls of Keyword Stuffing in SEO Copywriting
The Pitfalls of Keyword Stuffing in SEO Copywriting
 
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...
 
Word Count for Writers: Examples of Word Counts for Sample Genres
Word Count for Writers: Examples of Word Counts for Sample GenresWord Count for Writers: Examples of Word Counts for Sample Genres
Word Count for Writers: Examples of Word Counts for Sample Genres
 

What separates good from great tips and tricks that matter for website design

  • 1. What Separates Good from Great: Tips and Tricks that Matter for Website Design
  • 2. © Knct Lab | www.knctlab.com ---------------------------------------------------------------------------------------------------------------------- • A natural progression for most individuals on social media would be to look up the website of a brand/individual.
  • 3. © Knct Lab | www.knctlab.com ---------------------------------------------------------------------------------------------------------------------- Tips and tricks for effective web design you may not want to miss: • Worse than a goldfish! Attention spans of human beings in the digital world are lower than that of goldfish. According to a Microsoft study conducted in 2015, attention spans of human beings are eight seconds. A gold fish has an attention span of nine seconds. • Not so big, please Using big-sized images on the website can slow down pages. It is important to optimize the visuals so they load easily on the website, specifically on the smartphone.
  • 4. © Knct Lab | www.knctlab.com ---------------------------------------------------------------------------------------------------------------------- • Get some text t’s good to have images on the site, but ensure that it does not make up a huge chunk of the site, say 75 per cent. Maintain a balance between text and images. • Typography matters Ensure the fonts are readable and look classy. Your web design should follow your brand philosophy. The size of fonts used should be within the 10-12 points range. • Hail HTML Don’t use JavaScript or Flash for navigational items. Use a lot of content in HTML.
  • 5. © Knct Lab | www.knctlab.com ---------------------------------------------------------------------------------------------------------------------- • Link mantra Links should be descriptive and keywords need to be used in the link text for effective search engine optimization. • Code nama Tweaking code, and experimenting with it is fun, and smart fancy sites definitely draw attention. The best way to make your website fun and fancy without relying on heavy-duty animation or graphics is to make use of HTML5 or CSS3. • Navigation basics Ease of navigation is vital, and some key information should be made available on all pages of the site.
  • 6. © Knct Lab | www.knctlab.com ---------------------------------------------------------------------------------------------------------------------- • To scroll or not Scrolling on your main/home page should not be too much. Create more links from the home page so people can read further on the linked page. Place the menu right on top, especially if you are an e-commerce site. • Browser compatibility Your site should be compatible with all browsers, from Chrome to Safari, Firefox and IE. • ‘Link is broken, err...’ It is very important to check your website for any links that are broken.
  • 7. © Knct Lab | www.knctlab.com ---------------------------------------------------------------------------------------------------------------------- Responsive or adaptive? • It is important to understand that responsiveness is very important. If you want to make sure everyone can see your site right on any design, you could need to get a responsive website design. • Designers could often be faced with the responsive vs adaptive style. While responsive design is more fluid and changes according to the screen size. Adaptive web design detects size of the screen and loads a suitable layout. It uses specific layouts that don’t change after they are loaded once.
  • 8. © Knct Lab | www.knctlab.com ---------------------------------------------------------------------------------------------------------------------- Knct Lab Overview • High performing digital marketing solutions provider • End-to-end services from data analysis, market research to campaign implementation • Google certified professionals • Experts across various functions: advertising, paid media, creative, analytics, web design & development, and marketing automation • Located in Bangalore • Visit us at www.knctlab.com
  • 9. Ph: +91 80 88022000 info@knctlab.com www.knctlab.com Thank You