![]() On mobile, they will look for it at the top, between your logo and the hamburger menu. For example, on a desktop, the first place users will look for the search bar will be at the top right corner. Use the power of habit and the mental model established by repetitive usage, to your advantage. Avoid hiding your search behind a menu option, for example, in your hamburger menu. There are two things that users need to be able to find the moment they land on your website or open your app: the navigation menu and the search bar. Make Your Search Easy to Find and Accessible Just make sure it’s placed strategically and stands out enough for users to find it. This method will save you space and will make your page look cleaner. In fact, the magnifying glass icon is so recognizable, that you can hide the input field behind it and make it an expandable element when the user clicks on it. Most UI designers prefer to use it in order to make products more intuitive, as anything else might confuse the users. The magnifying glass icon is universal for search functionality. The Button: Whether is just a button with the label “Search” or a button with a magnifying glass icon, this is a visual cue for your users to submit their query.However, make sure that your input field is always a text input box with a height consistent with the height of one line of text. The Input Field: You can take some creative liberties with round corners, background contrast, shading, colors, and animations.Material search bar micro-interaction by Amal Usually, these elements are placed horizontally. These two elements aren’t negotiable, so you need to get creative without sacrificing either of them. Always Include an Input Field and a Button So here’s what to consider when you start designing yours. However, the way you design those two UI elements can make a significant impact on the user experience. At first glance, any search bar consists of an input field and a button.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |