2

I am building UX/UI for the admin panel for a narrowly focused web app. It is a small business app. Let's say you have more than 100 websites for different clients. With this app, you can manage/edit each of them. On the first screen, there will be a search bar to find a concrete website you wanna work with (by website name, by author name, by year, id, and so on....).

Seeking good suggestions of how to open up an extended "visual" search block if a person doesn't want to use the simple usual search box. In an extended block, you will have the opportunity to scroll between photos of the author if you search by author or image/small preview of a website.

What are the best solutions to open up this extra block being in the same screen, just below the usual search box, and with a fast option to minimize/close an extended window again? Please, help me to find a good variant to show to the user.

enter image description here

1

Try something like this:

enter image description here

You can use the 'More' link to navigate the user to see complete view of the section, but if you think your user will click on the section itself to do the same thing, you can ignore it.

0

To make the "extended "visual" search block" in simple term "Advanced Search" if i understand correctly, it would be best to show it in a pop-up as more visual elements are coming as a search results. If you try to open up the existing layout, it might disturb the existing layout and even if we try to accommodate in the existing layout as to open up like a accordion you would have trouble finding the proper user friendly place to put the option to revert back to simple search and might lead to confusion between the simple and advanced search in the process.

My suggestion is to put a tooltip to the textbox with the link "Advanced Search" and open up the search in the popup with more visual elements. If the user wants simple search he'll just type in the search-box else he'll click on the tooltip link to open a Advanced search.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.