{"id":2475,"date":"2019-10-21T09:00:26","date_gmt":"2019-10-21T09:00:26","guid":{"rendered":"https:\/\/swisstomato.ch\/2019\/10\/21\/best-ux-practises-for-search-based-websites-and-app-development\/"},"modified":"2019-10-21T09:00:26","modified_gmt":"2019-10-21T09:00:26","slug":"best-ux-practises-for-search-based-websites-and-app-development","status":"publish","type":"post","link":"https:\/\/swisstomato.ch\/en\/2019\/10\/21\/best-ux-practises-for-search-based-websites-and-app-development\/","title":{"rendered":"Best UX practises for Search based websites and app development"},"content":{"rendered":"<p>It can be easily overwhelming to navigate through a website or an app containing a heavy load of information. The common problem is often related to chaos and confusion on where to find the right information to fit the needs of each individual user. This article will shine a light on the best ways to guide a user through a search based website or app minus the frustration.<\/p>\n<p>When it comes to website design and app development with searching functions, there are 5 key elements that will allow people to obtain the information they need in a much faster and easier way.<\/p>\n<h2>1. Don\u2019t make them look for the search box, make it obvious.<\/h2>\n<p>Location and straightforwardness is probably the most important \u201csearch box\u201d features for website design and app development. It needs to be right in front of the user, perhaps even on the hero section of the homepage allowing users immediate access to it, which is essentially the foundation of efficient UX design. Straightforwardness will come with a search icon and a spacious box with a suggestive text, in order to communicate clearly the exact function of that section.<\/p>\n<h2>2. Suggestive keywords and placeholder text<\/h2>\n<p>The search box should be designed to suggest text as to what can be searched. It should also suggest keywords to the user as he\/she is typing in order to guide them through the different filter options. This is absolutely crucial to as it achieves painless efficiency and will allow users to \u201carrive\u201d quicker to their destination.<\/p>\n<h2>3. Use a magnifying glass icon<\/h2>\n<p>Nothing is more obvious than being bluntly obvious. In both app and web design, the visual language for searching is a magnifying glass icon which gives users that immediate association with a search function. This is quite powerful as it automatically leads users to that function without any suggestive text or other use of images.<\/p>\n<h2>4. Provide a \u201csubmit\u201d button<\/h2>\n<p>It may seem obvious but it\u2019s, nonetheless, worth mentioning. It\u2019s imperative to be extremely suggestive and obvious when it comes to search engines, therefore there should always be a \u201csubmit\u201d or \u201csearch\u201d button associated with the search box so the user can submit there enquiry. This must be very visually striking, often using a one colored button.<\/p>\n<h2>5. Offer an \u201cadvanced search\u201d section with filters<\/h2>\n<p>When it comes to app development and website design, is important to give as much sensible functionalities as possible without confusing the user. If the basic search section of a website or app shows more than 50 results, you should consider including an advanced search option right under the \u201csubmit button\u201d in order to be easily seen by users. This will allow users to filter information possibly by date or topic in order to get more accurate and fast results.<\/p>\n<p>In website design and app development is imperative to be completely \u201ctransparent\u201d in the way things are organised, there should be a balance between visual and function as the mechanics should always be fairly easy and quick to navigate through.<br \/>\nIf you would be interested in website design and development do not hesitate to <a href=\"#contact-us\">contact<\/a> Swiss Tomato or check our page:<\/p>\n<p>https:\/\/swisstomato.ch\/en\/website-development-geneva-switzerland\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It can be easily overwhelming to navigate through a website or an app containing a heavy load of information. The common problem is often related to chaos and confusion on where to find the right information to fit the needs of each individual user. This article will shine a light on the best ways to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1156,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"acf":{"first_post_thumbnail":"","post_thumbnail":2480,"home_slider_image":2486,"custom_class":""},"featured_image_big_url":"https:\/\/swisstomato.ch\/wp-content\/uploads\/2022\/06\/article1_1250x560-1.jpg","featured_image_url":"https:\/\/swisstomato.ch\/wp-content\/uploads\/2022\/06\/article1_1250x560-1.jpg","date_formatted":" 21, 2019","month_number":"10","_links":{"self":[{"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/posts\/2475"}],"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=2475"}],"version-history":[{"count":0,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/posts\/2475\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/media\/1156"}],"wp:attachment":[{"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/media?parent=2475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/categories?post=2475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/swisstomato.ch\/en\/wp-json\/wp\/v2\/tags?post=2475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}