{"id":9821,"date":"2022-11-15T07:28:00","date_gmt":"2022-11-15T07:28:00","guid":{"rendered":"https:\/\/swisstomato.ch\/2022\/11\/15\/quest-ce-quune-mauvaise-conception-web-et-comment-leviter\/"},"modified":"2023-03-08T04:18:54","modified_gmt":"2023-03-08T04:18:54","slug":"quest-ce-quune-mauvaise-conception-web-et-comment-leviter","status":"publish","type":"post","link":"https:\/\/swisstomato.ch\/en\/2022\/11\/15\/quest-ce-quune-mauvaise-conception-web-et-comment-leviter\/","title":{"rendered":"What is bad webdesign and how to avoid it?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Webdesign<\/span><span style=\"font-weight: 400;\"> is the perfect harmony between usability and looks, it usually follows a structure and it contains design consistency throughout all pages. What constitutes a good <\/span><span style=\"font-weight: 400;\">web design<\/span><span style=\"font-weight: 400;\"> is the way the user almost doesn\u2019t notice it and navigates through it in a seamless way.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bad <\/span><span style=\"font-weight: 400;\">webdesign<\/span><span style=\"font-weight: 400;\"> is however extremely noticeable and it is guaranteed the user will encounter some usability frustration along the way even though he might not know exactly what it is that doesn\u2019t work in particular. As a <\/span><span style=\"font-weight: 400;\">webdesign agency based in Geneva and Zurich<\/span><span style=\"font-weight: 400;\"> working with numerous projects we learnt to identify the elements that constitute a bad <\/span><span style=\"font-weight: 400;\">webdesign <\/span><span style=\"font-weight: 400;\">and therefore avoid it completely.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In this article we will identify the elements of a bad web design and how to avoid it on your future projects.\u00a0<\/span><\/p>\n<h2><b>Bad web design 1 &#8211; No clear design structure<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">In<\/span><span style=\"font-weight: 400;\"> web development,<\/span><span style=\"font-weight: 400;\"> consistency is one of the most important things to have in mind. Just like in brand design a brand\u2019s consistency can make users trust it more. Lack of consistency in <\/span><span style=\"font-weight: 400;\">web design<\/span><span style=\"font-weight: 400;\"> can be identified as completely different design elements and colors in different pages with no link to each other. This creates a detachment from the whole website as a whole, it makes it look like the pages don\u2019t belong in the same world and that makes the user subconsciously confused on what the message is. To avoid this detachment, when doing <\/span><span style=\"font-weight: 400;\">webdesign<\/span><span style=\"font-weight: 400;\"> it is important to keep elements, such as hero sections, colors, buttons and overall body text + images consistent the whole way through so it creates its own environment, its own world for the user to be immersed in.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-9797 aligncenter\" src=\"https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/unnamed-2.jpg\" alt=\"\" width=\"512\" height=\"341\" srcset=\"https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/unnamed-2.jpg 512w, https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/unnamed-2-300x200.jpg 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/p>\n<h2><b>Bad web design 2 &#8211; Hidden navigation<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">There is nothing more frustrating than a hidden menu or an unclear menu in <\/span><span style=\"font-weight: 400;\">webdesign<\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In bad <\/span><span style=\"font-weight: 400;\">webdesign <\/span><span style=\"font-weight: 400;\">usually the menu is either on the wrong side of the screen or is hidden or does not follow a good structure. The menu contains the most important information of the webdesign and should be extremely accessible for any type of user, so in order to avoid a bad menu, you should follow always a standard <\/span><span style=\"font-weight: 400;\">web design<\/span><span style=\"font-weight: 400;\"> rule, which is, the menu should always be on the top right either as a hamburger menu or as individual menu items on the top of the page and constantly visible even after scrolling down. Another tip to avoid a bad menu on a <\/span><span style=\"font-weight: 400;\">web development <\/span><span style=\"font-weight: 400;\">project is to organize the menu items according to the most important pages of the website.\u00a0<\/span><\/p>\n<h2><b>Bad web design 3 &#8211; Bad typefaces<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">As a <\/span><span style=\"font-weight: 400;\">webdesign agency<\/span><span style=\"font-weight: 400;\"> we care about the readability of our projects in <\/span><span style=\"font-weight: 400;\">web development<\/span><span style=\"font-weight: 400;\">, therefore a bad typeface can completely ruin the readability of your <\/span><span style=\"font-weight: 400;\">webdesign<\/span><span style=\"font-weight: 400;\">. If the user cannot read the content or if it is difficult to read the content then it becomes a very frustrating experience. A tip to avoid bad <\/span><span style=\"font-weight: 400;\">web design<\/span><span style=\"font-weight: 400;\"> is to choose a very readable font for body text such as a sans font and keep the serif font types or more complex types for titles, however it is still a good idea not to go extreme with the title font to guarantee readability.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9800\" src=\"https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/unnamed.jpg\" alt=\"\" width=\"512\" height=\"342\" srcset=\"https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/unnamed.jpg 512w, https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/unnamed-300x200.jpg 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/p>\n<h2><b>Bad web design 4 &#8211; No clear message<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The goal of a website is to communicate a certain message to guide your users and guide them through a specific path sometimes in order for them to complete certain tasks. <\/span><span style=\"font-weight: 400;\">Webdesign<\/span><span style=\"font-weight: 400;\"> is a big part of that goal and without a clear message users will easily abandon your website.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Web design<\/span><span style=\"font-weight: 400;\"> exists to combine design elements in a specific structure so it leads to pages and cta\u2019s so users can easily find their way around it. This is why it is important to always define the message first and then design the path to the ultimate destination.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-9803 aligncenter\" src=\"https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/unnamed-3.jpg\" alt=\"\" width=\"512\" height=\"342\" srcset=\"https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/unnamed-3.jpg 512w, https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/unnamed-3-300x200.jpg 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\u00a0<\/span><\/p>\n<h2><b>Bad web design 5 &#8211; Cluttered layout<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">As a <\/span><span style=\"font-weight: 400;\">web design agency from Zurich and Geneva<\/span><span style=\"font-weight: 400;\"> we often work on projects that need a bit of a clean up in terms of design. A cluttered <\/span><span style=\"font-weight: 400;\">web design<\/span><span style=\"font-weight: 400;\"> layout is like a cluttered house. If you are looking for something in a cluttered house you will eventually grow frustrated because it will take you ages to find it. The same happens in <\/span><span style=\"font-weight: 400;\">webdesign<\/span><span style=\"font-weight: 400;\">, if the layout is too busy and it has too many things happening at the same time it is hard to draw attention to anything in particular. It gets so overwhelming that in most cases you end up with the overwhelming feeling of seeing everything at once and at the same time nothing in particular.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For more<\/span><span style=\"font-weight: 400;\"> webdesign<\/span><span style=\"font-weight: 400;\"> information please check our website: <\/span><a href=\"\/?page_id=6605\"><span style=\"font-weight: 400;\">https:\/\/swisstomato.ch\/de\/webdesign-zurich\/<\/span><\/a><\/p>\n<p><br style=\"font-weight: 400;\" \/><br style=\"font-weight: 400;\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webdesign is the perfect harmony between usability and looks, it usually follows a structure and it contains design consistency throughout all pages. What constitutes a good web design is the way the user almost doesn\u2019t notice it and navigates through it in a seamless way.\u00a0 Bad webdesign is however extremely noticeable and it is guaranteed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9806,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"acf":{"first_post_thumbnail":9806,"post_thumbnail":9809,"home_slider_image":9812,"custom_class":""},"featured_image_big_url":"https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/First-Post-Thumbnail-1.jpg","featured_image_url":"https:\/\/swisstomato.ch\/wp-content\/uploads\/2023\/03\/First-Post-Thumbnail-1.jpg","date_formatted":" 15, 2022","month_number":"11","_links":{"self":[{"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/posts\/9821"}],"collection":[{"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/comments?post=9821"}],"version-history":[{"count":1,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/posts\/9821\/revisions"}],"predecessor-version":[{"id":9823,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/posts\/9821\/revisions\/9823"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/media\/9806"}],"wp:attachment":[{"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/media?parent=9821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/categories?post=9821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/tags?post=9821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}