{"id":9,"date":"2005-12-25T21:02:30","date_gmt":"2005-12-25T11:02:30","guid":{"rendered":"https:\/\/eisabainyo.net\/weblog\/?page_id=9"},"modified":"2006-01-18T21:14:00","modified_gmt":"2006-01-18T11:14:00","slug":"web-design-guidelines","status":"publish","type":"page","link":"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/","title":{"rendered":"Web Design Tips"},"content":{"rendered":"<p>Nowadays, having a website for your business is like having a phone number. Almost every business has their own website, with their own domain name. When designing professional websites, there are certain things that the designer should keep in mind. Remember, a website that sells, is a website that really pays off. <\/p>\n<p>Following are some of the most important guidelines which must be acknowledged when designing a professional website that sells. <\/p>\n<p><strong>Design for all browsers and resolutions <\/strong><\/p>\n<p>Make sure that your website is browser independent. Not everyone is using Internet Explorer (IE) or Netscape (NS). There are millions of browsers available on the market. Also, it is very important to make sure that your website is designed for different screen resolutions. Try using percentage value instead of fixed width value. Make sure that your website is at least viewable in different browsers and resolutions, if not the same. <\/p>\n<p><strong>Use simple navigation <\/strong><\/p>\n<p>Make sure that it is easy for your visitors to browse through the whole website. A website does not work if a visitor has to take more than 30 seconds to figure out how to get to a particular page.<\/p>\n<p><strong>Avoid having lengthy pages <\/strong><\/p>\n<p>Visitors do not usually like to scroll down pages. If your potential customer has to scroll down about 10 screens in order to get a particular information, then your website is not selling. Keep your information short and helpful.<\/p>\n<p><strong>Always have an alternative navigation in text format at the bottom of the page <\/strong><\/p>\n<p>This helps a lot if your main navigation is inaccessible (due to broken image\/ no flash plug-in, etc). In this way, the visitors can still access to different pages even though the main navigation is not working. <\/p>\n<p><strong>Use ALT and height and width properties for images <\/strong><\/p>\n<p>Some visitors have turned off images or disallow animated gifs. Setting ALT allows the visitor to know what the picture is. It is also very useful for Search Engine Optimisation. Setting height and width allows your layout to look the same even if the browser does not support images. <\/p>\n<p><strong>Avoid having busy or colorful backgrounds <\/strong><\/p>\n<p>Having busy or colorful background makes your website look unprofessional. Moreover, a website does not work if the visitor has to highlight the text in order to read it. <\/p>\n<p><strong>Avoid having unreadable text <\/strong><\/p>\n<p>As mentioned above, a website does not work if the visitor has to highlight the text in order to read it. Use contradictory colors for background and text. For example: back text on a white background. <\/p>\n<p><strong>Avoid having too many JavaScripts <\/strong><\/p>\n<p>Having too many JavaScripts slows down the page loading time. Putting free JavaScripts like typing text makes the page unoriginal and unprofessional. Moreover, not all browsers have JavaScript function enabled. <\/p>\n<p><strong>Do not use visible counters <\/strong><\/p>\n<p>It is not a good idea to have a visible counter with statistics on your website. If your website is getting a lot of hits, the counter seems like you are showing off. If your website is not getting a lot of hits, it gives an impression to the visitor that your website is not worth visiting. If you would like to track visitors, use invisible counters instead of visible ones. <\/p>\n<p><strong>Avoid too many animations <\/strong><\/p>\n<p>Avoid having too many unnecessary animations on your website. As with JavaScripts, it slows down the loading time, and makes the website look unprofessional. <\/p>\n<p><strong>Use web safe colors <\/strong><\/p>\n<p>Use web safe colors (216 colors), so that your website will still look fine even if it is being viewed with low color resolutions. <\/p>\n<p><strong>Use common fonts <\/strong><\/p>\n<p>Use common fonts that every operating system has. For example, Arial, Times Roman, Verdana. You are encouraged to offer generic fonts only as a last alternative. <\/p>\n<p><strong>Do not center the entire page <\/strong><\/p>\n<p>Avoid centering the entire page. It makes the website look like a tree. <\/p>\n<p><strong>Do not use frames <\/strong><\/p>\n<p>Frames are not supported in every browser. Besides, search engines are not able to index frame pages and thus your website will not get listed as search result. <\/p>\n<p><strong>Be consistent <\/strong><\/p>\n<p>Be consistent in terms of font, layout and color. A website does not work if every sub page is having different looks. <\/p>\n<p><strong>Know when to use gif or jpg <\/strong><\/p>\n<p>Make appropriate use of gif and jpg files. Know when to use them, and why you use them. <\/p>\n<p><strong>Always optimize your images for web viewing <\/strong><\/p>\n<p>Optimizing your images to ensure that they meet the web standards. Having optimized images saves the page loading time. <\/p>\n<p><strong>Avoid using CAPITAL letters for every text <\/strong><\/p>\n<p>Capital letters are supposed to be used for headings, and for other important information. Text written in capital letters are usually harder to read than standard text. Besides, according to Netiquette, typing in ALL CAPS is considered to be shouting or screaming and is therefore rude. <\/p>\n<p><strong>Do not play background music automatically <\/strong><\/p>\n<p>It is very annoying if your background music\/audio plays automatically everytime the website is loaded. If you would like your visitors to hear something, let them know how they can play the audio themselves. Use standard buttons like PLAY and STOP. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nowadays, having a website for your business is like having a phone number. Almost every<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Design Tips | Tech Leadership Advice &amp; Resources<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design Tips | Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"og:description\" content=\"Nowadays, having a website for your business is like having a phone number. Almost every\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/\" \/>\n<meta property=\"og:site_name\" content=\"Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"article:modified_time\" content=\"2006-01-18T11:14:00+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/\",\"name\":\"Web Design Tips | Tech Leadership Advice &amp; Resources\",\"isPartOf\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#website\"},\"datePublished\":\"2005-12-25T11:02:30+00:00\",\"dateModified\":\"2006-01-18T11:14:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eisabainyo.net\/weblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design Tips\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#website\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/\",\"name\":\"Career Resources for Professionals in Tech\",\"description\":\"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors\",\"publisher\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\",\"name\":\"Isabel Nyo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"caption\":\"Isabel Nyo\"},\"logo\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/\"},\"description\":\"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more..\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Design Tips | Tech Leadership Advice &amp; Resources","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/","og_locale":"en_US","og_type":"article","og_title":"Web Design Tips | Tech Leadership Advice &amp; Resources","og_description":"Nowadays, having a website for your business is like having a phone number. Almost every","og_url":"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/","og_site_name":"Tech Leadership Advice &amp; Resources","article_modified_time":"2006-01-18T11:14:00+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/","url":"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/","name":"Web Design Tips | Tech Leadership Advice &amp; Resources","isPartOf":{"@id":"https:\/\/eisabainyo.net\/weblog\/#website"},"datePublished":"2005-12-25T11:02:30+00:00","dateModified":"2006-01-18T11:14:00+00:00","breadcrumb":{"@id":"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/eisabainyo.net\/weblog\/web-design-guidelines\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eisabainyo.net\/weblog\/"},{"@type":"ListItem","position":2,"name":"Web Design Tips"}]},{"@type":"WebSite","@id":"https:\/\/eisabainyo.net\/weblog\/#website","url":"https:\/\/eisabainyo.net\/weblog\/","name":"Career Resources for Professionals in Tech","description":"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors","publisher":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab","name":"Isabel Nyo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","caption":"Isabel Nyo"},"logo":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/"},"description":"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more.."}]}},"_links":{"self":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":0,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}