Saturday, December 9, 2017

What is the rationale for the design of search input fields?


Having read through a whole bunch of literature on search behaviour and looking at different design patterns, I am interested in the large variation of search input field on the web. Specifically, I am talking about:



  1. Search icon versus search button

  2. Advanced search option on the left or right

  3. Search button on the left or right

  4. Advanced search option as a dropdown or button

  5. Cancel search button


  6. Other search interactions/behaviour


To put it into a single clear question: How would you incorporate 1-5 into a design and what would be the reason (and would you introduce other interaction/behaviour)?


I think this might have something to do also with the type of website, the type of UI style/theme chosen, type of browser and many other various factors. While I think each of the questions has been asked before, I am thinking if there is a overall design that takes into account of all points above that makes sense, and what the design would be.


enter image description here


Just an update on this question. I did a quick search of some websites/applications and came up with some examples of just how varied the designs are.


enter image description here




No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...