SlideShare une entreprise Scribd logo
1  sur  9
Télécharger pour lire hors ligne
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

Contenu connexe

En vedette

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
 

En vedette (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
 

Dernier

Tailoring-Retail-Strategies-for-Gen-X-and-Gen-Y
Tailoring-Retail-Strategies-for-Gen-X-and-Gen-YTailoring-Retail-Strategies-for-Gen-X-and-Gen-Y
Tailoring-Retail-Strategies-for-Gen-X-and-Gen-Yabhishekb63
 
Belgian Salesforce Marketing Cloud SF Office Event
Belgian Salesforce Marketing Cloud SF Office EventBelgian Salesforce Marketing Cloud SF Office Event
Belgian Salesforce Marketing Cloud SF Office Eventivanrazine1
 
TAM AdEx report - Print Advertising 2023
TAM AdEx report - Print Advertising 2023TAM AdEx report - Print Advertising 2023
TAM AdEx report - Print Advertising 2023Social Samosa
 
Promotion of business Online .ppt
Promotion of business Online        .pptPromotion of business Online        .ppt
Promotion of business Online .pptbharathithangavelu
 
THe Asymmetry Hack - A new perspective about creativity for brands growing up...
THe Asymmetry Hack - A new perspective about creativity for brands growing up...THe Asymmetry Hack - A new perspective about creativity for brands growing up...
THe Asymmetry Hack - A new perspective about creativity for brands growing up...Ajinkya Pawar
 
Human vs AI Quality Raters for Search Engines.pdf
Human vs AI Quality Raters for Search Engines.pdfHuman vs AI Quality Raters for Search Engines.pdf
Human vs AI Quality Raters for Search Engines.pdfDawn Anderson MSc DigM
 
9 Major Google Updates From 2023 & 2024 SEO Predictions
9 Major Google Updates From 2023 & 2024 SEO Predictions9 Major Google Updates From 2023 & 2024 SEO Predictions
9 Major Google Updates From 2023 & 2024 SEO PredictionsSearch Engine Journal
 
"TikTok Trends 101: Stay Ahead of the Curve with the Latest Viral Sensations!"
"TikTok Trends 101: Stay Ahead of the Curve with the Latest Viral Sensations!""TikTok Trends 101: Stay Ahead of the Curve with the Latest Viral Sensations!"
"TikTok Trends 101: Stay Ahead of the Curve with the Latest Viral Sensations!"Theoda Metcalf
 
Winning In House SEO Battles - by Ash Nallawalla
Winning In House SEO Battles - by Ash NallawallaWinning In House SEO Battles - by Ash Nallawalla
Winning In House SEO Battles - by Ash NallawallaAsh Nallawalla
 
WHY E-COMMERCE BRANDS MUST PAY MORE ATTENTION TO THE GOOGLE KNOWLEDGE GRAPH
WHY E-COMMERCE BRANDS MUST PAY MORE ATTENTION TO THE GOOGLE KNOWLEDGE GRAPHWHY E-COMMERCE BRANDS MUST PAY MORE ATTENTION TO THE GOOGLE KNOWLEDGE GRAPH
WHY E-COMMERCE BRANDS MUST PAY MORE ATTENTION TO THE GOOGLE KNOWLEDGE GRAPHSara Moccand-Sayegh
 
8020 Interactive: Immersive Marketing Portfolio
8020 Interactive: Immersive Marketing Portfolio8020 Interactive: Immersive Marketing Portfolio
8020 Interactive: Immersive Marketing Portfoliogfrank8020
 
TOP 10 POWERFULL STRATEGIES OF SOCIAL MEDIA MARKETING IN UAE
TOP 10 POWERFULL STRATEGIES OF SOCIAL MEDIA MARKETING IN UAETOP 10 POWERFULL STRATEGIES OF SOCIAL MEDIA MARKETING IN UAE
TOP 10 POWERFULL STRATEGIES OF SOCIAL MEDIA MARKETING IN UAEasiyahanif9977
 
How to Use AI & Make for Self-Reported Attribution in HubSpot
How to Use AI & Make for Self-Reported Attribution in HubSpotHow to Use AI & Make for Self-Reported Attribution in HubSpot
How to Use AI & Make for Self-Reported Attribution in HubSpotDimosMichailidis1
 
Make your seo optimization game us to see the level of professionals with sof...
Make your seo optimization game us to see the level of professionals with sof...Make your seo optimization game us to see the level of professionals with sof...
Make your seo optimization game us to see the level of professionals with sof...SoftrickSolutions
 
Best Digital Marketing Training Institute in Bangalore
Best Digital Marketing Training Institute in BangaloreBest Digital Marketing Training Institute in Bangalore
Best Digital Marketing Training Institute in Bangalorekapsesrishti
 
Understanding Fasting in Islam Rules, Reason, and Types.pptx
Understanding Fasting in Islam Rules, Reason, and Types.pptxUnderstanding Fasting in Islam Rules, Reason, and Types.pptx
Understanding Fasting in Islam Rules, Reason, and Types.pptxelizabethella096
 
Module_ E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthines...
Module_ E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthines...Module_ E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthines...
Module_ E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthines...ivypcsoseo
 
How to Analyze and Improve Your PPC Advertisements.pdf
How to Analyze and Improve Your PPC Advertisements.pdfHow to Analyze and Improve Your PPC Advertisements.pdf
How to Analyze and Improve Your PPC Advertisements.pdfBanyanbrain
 
Verified Wise Account Buy Verified Wise Account
Verified Wise Account Buy Verified Wise AccountVerified Wise Account Buy Verified Wise Account
Verified Wise Account Buy Verified Wise Accountcashapp
 

Dernier (20)

Tailoring-Retail-Strategies-for-Gen-X-and-Gen-Y
Tailoring-Retail-Strategies-for-Gen-X-and-Gen-YTailoring-Retail-Strategies-for-Gen-X-and-Gen-Y
Tailoring-Retail-Strategies-for-Gen-X-and-Gen-Y
 
Belgian Salesforce Marketing Cloud SF Office Event
Belgian Salesforce Marketing Cloud SF Office EventBelgian Salesforce Marketing Cloud SF Office Event
Belgian Salesforce Marketing Cloud SF Office Event
 
TAM AdEx report - Print Advertising 2023
TAM AdEx report - Print Advertising 2023TAM AdEx report - Print Advertising 2023
TAM AdEx report - Print Advertising 2023
 
Reliv Opportunity Slides US
Reliv Opportunity Slides USReliv Opportunity Slides US
Reliv Opportunity Slides US
 
Promotion of business Online .ppt
Promotion of business Online        .pptPromotion of business Online        .ppt
Promotion of business Online .ppt
 
THe Asymmetry Hack - A new perspective about creativity for brands growing up...
THe Asymmetry Hack - A new perspective about creativity for brands growing up...THe Asymmetry Hack - A new perspective about creativity for brands growing up...
THe Asymmetry Hack - A new perspective about creativity for brands growing up...
 
Human vs AI Quality Raters for Search Engines.pdf
Human vs AI Quality Raters for Search Engines.pdfHuman vs AI Quality Raters for Search Engines.pdf
Human vs AI Quality Raters for Search Engines.pdf
 
9 Major Google Updates From 2023 & 2024 SEO Predictions
9 Major Google Updates From 2023 & 2024 SEO Predictions9 Major Google Updates From 2023 & 2024 SEO Predictions
9 Major Google Updates From 2023 & 2024 SEO Predictions
 
"TikTok Trends 101: Stay Ahead of the Curve with the Latest Viral Sensations!"
"TikTok Trends 101: Stay Ahead of the Curve with the Latest Viral Sensations!""TikTok Trends 101: Stay Ahead of the Curve with the Latest Viral Sensations!"
"TikTok Trends 101: Stay Ahead of the Curve with the Latest Viral Sensations!"
 
Winning In House SEO Battles - by Ash Nallawalla
Winning In House SEO Battles - by Ash NallawallaWinning In House SEO Battles - by Ash Nallawalla
Winning In House SEO Battles - by Ash Nallawalla
 
WHY E-COMMERCE BRANDS MUST PAY MORE ATTENTION TO THE GOOGLE KNOWLEDGE GRAPH
WHY E-COMMERCE BRANDS MUST PAY MORE ATTENTION TO THE GOOGLE KNOWLEDGE GRAPHWHY E-COMMERCE BRANDS MUST PAY MORE ATTENTION TO THE GOOGLE KNOWLEDGE GRAPH
WHY E-COMMERCE BRANDS MUST PAY MORE ATTENTION TO THE GOOGLE KNOWLEDGE GRAPH
 
8020 Interactive: Immersive Marketing Portfolio
8020 Interactive: Immersive Marketing Portfolio8020 Interactive: Immersive Marketing Portfolio
8020 Interactive: Immersive Marketing Portfolio
 
TOP 10 POWERFULL STRATEGIES OF SOCIAL MEDIA MARKETING IN UAE
TOP 10 POWERFULL STRATEGIES OF SOCIAL MEDIA MARKETING IN UAETOP 10 POWERFULL STRATEGIES OF SOCIAL MEDIA MARKETING IN UAE
TOP 10 POWERFULL STRATEGIES OF SOCIAL MEDIA MARKETING IN UAE
 
How to Use AI & Make for Self-Reported Attribution in HubSpot
How to Use AI & Make for Self-Reported Attribution in HubSpotHow to Use AI & Make for Self-Reported Attribution in HubSpot
How to Use AI & Make for Self-Reported Attribution in HubSpot
 
Make your seo optimization game us to see the level of professionals with sof...
Make your seo optimization game us to see the level of professionals with sof...Make your seo optimization game us to see the level of professionals with sof...
Make your seo optimization game us to see the level of professionals with sof...
 
Best Digital Marketing Training Institute in Bangalore
Best Digital Marketing Training Institute in BangaloreBest Digital Marketing Training Institute in Bangalore
Best Digital Marketing Training Institute in Bangalore
 
Understanding Fasting in Islam Rules, Reason, and Types.pptx
Understanding Fasting in Islam Rules, Reason, and Types.pptxUnderstanding Fasting in Islam Rules, Reason, and Types.pptx
Understanding Fasting in Islam Rules, Reason, and Types.pptx
 
Module_ E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthines...
Module_ E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthines...Module_ E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthines...
Module_ E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthines...
 
How to Analyze and Improve Your PPC Advertisements.pdf
How to Analyze and Improve Your PPC Advertisements.pdfHow to Analyze and Improve Your PPC Advertisements.pdf
How to Analyze and Improve Your PPC Advertisements.pdf
 
Verified Wise Account Buy Verified Wise Account
Verified Wise Account Buy Verified Wise AccountVerified Wise Account Buy Verified Wise Account
Verified Wise Account Buy Verified Wise Account
 

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