magnetic university - web design best practices
TRANSCRIPT
![Page 1: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/1.jpg)
![Page 2: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/2.jpg)
D
Let’s put our most vital content above the fold.
Let’s put all of our web content above the fold!
C
![Page 3: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/3.jpg)
D C
![Page 4: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/4.jpg)
C
![Page 5: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/5.jpg)
D
C
A logo that is too large
can be overpowering and
distract users from your
website’s important content!
Keep your logo at a professional and respectful size.
![Page 6: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/6.jpg)
D
C
“I know my website sells manly fishing gear, but my wife’s
cousin’s mailman’s daughter-in-law really likes the color
“peach”, (actually, her bridesmaid dresses were even
peach I think), and she thinks the site would look really great if it was that color.”
Since we have a predominately male audience, let’s
design the site with a masculine color palette they will relate to.
![Page 7: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/7.jpg)
D
![Page 8: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/8.jpg)
• Search Engines can find
your site better.
• Users can copy and paste
information.
• We can now use a variety of custom fonts!
C
![Page 9: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/9.jpg)
D C
CLICK HERE!! We’re awesome and you should find out why >>
We’re Awesome! Find out why >>
![Page 10: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/10.jpg)
D
C
Utilize the functionality your browser offers.
Let’s add a “Print” and “Back” button to every page.
![Page 11: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/11.jpg)
D
![Page 12: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/12.jpg)
D
Let’s make our whole web site Flash, or let’s use a Flash intro.
Let’s use a small Flash area on our home page to highlight services and bring movement to our site.
C
![Page 13: Magnetic University - Web Design Best Practices](https://reader033.vdocument.in/reader033/viewer/2022052910/559b69d31a28ab2c188b45bc/html5/thumbnails/13.jpg)
Good Question.
For more information about Browsers, please join us at our “All About Web Browsers” class April 15th.