Opened 7 years ago

Last modified 3 years ago

#12550 new enhancement

Improved Find Panel

Reported by: humdinger Owned by: nobody
Priority: normal Milestone: Unscheduled
Component: Kits/ Version: R1/Development
Keywords: Cc:
Blocked By: Blocking:
Platform: All


This is an idea, I posted in a forum article a few years back. The full-size versions of the thumbnails in it appear to be lost on the website. I re-create the article here, in the hope it'll endure the next couple of years unharmed...
Check out the comments to the forum post and the short mailing list discussion, if you're interested.

Haiku's queries, while lightning fast, are a bit too complicated to use with the Find panel. You have to navigate through too many drop-down menus when all you want to do is quickly find a file of a specific type. Here is a suggestion how this could be improved. Excuse the imperfect mockups, I'm sure the real thing would be much more pleasing to the eye... :)

Instead of tuning all search parameters in the Find panel and be surprised what turns up in the result window, then go back to refine/rinse/repeat, I'd like to see instant results while typing the search strings. So, it's more like narrowing down a search by more and more filtering.

Quick Icon Bar

icon bar To speed up everyday searches, there's an icon bar at the top where a user can drag&drop his most often used query templates. These templates only consist of the filetype and the layout of the attribute columns which will determine which attributes can be searched.

Query Filetype

filetype If you don't already have it in your quick icon bar, you choose the filetype and the partition to search. There are also the expandable options from the current Find panel for temporary queries and in/exclunding the trash. It should be possible to search through a whole supertype, like audio/*, video/* or image/*, because a user normally doesn't know/care what exact type the music/video/image is. You can drag the icon into the quick bar. If it gets too crowded up there, they can gradually shrink from 64px. If a dragged filetype already exists up there, its setting (attribute layout) is updated.

Query Strings

strings When your filetype is set, you have an empty file list below with the attribute layout typical (or saved with the quick icon bar) for that filetype. You can add/remove columns via right-click etc. as usual. Now you begin typing in the textbox above the attribute-column you'd like to search. After, say, 3 letters the query gets updated live and the file list fills with results. You can change the criteria with a drop-down menu above every textbox according to the type of attribute: contains/contains not, is/is not, begins/ends, larger/smaller, before/after... etc.

The different attributes are always AND linked, as this to me makes sense in real life: You search for an artist AND an album, but I can't think of a real use for looking for one OR the other.

More Query Strings

more strings However, if you need to search for more than one string within an attribute, you can click on the "+" button and add another search box for the column. Here you can choose between an AND/OR link with another drop-down menu. Removing a search box is done with its "-".

Here's the whole panel:

Next Generation Find Panel

new panel

So, a quick query would now go like this, for example:

  • ALT+F
  • Click music-icon
  • Click into artist search box
  • Enter "Breeders" (which I promplty forgot in all the mockup images...)

Attachments (6)

QueryNG-filetype.png (7.7 KB ) - added by humdinger 7 years ago.
QueryNG-strings-2.png (13.2 KB ) - added by humdinger 7 years ago.
more strings
QueryNG-strings.png (8.9 KB ) - added by humdinger 7 years ago.
QueryNG.png (86.7 KB ) - added by humdinger 7 years ago.
new panel
QuickIconBar.png (24.1 KB ) - added by humdinger 7 years ago.
icon bar
query suggestion.png (14.5 KB ) - added by dillcn 7 years ago.
My query suggestion mock up

Download all attachments as: .zip

Change History (11)

by humdinger, 7 years ago

Attachment: QueryNG-filetype.png added


by humdinger, 7 years ago

Attachment: QueryNG-strings-2.png added

more strings

by humdinger, 7 years ago

Attachment: QueryNG-strings.png added


by humdinger, 7 years ago

Attachment: QueryNG.png added

new panel

by humdinger, 7 years ago

Attachment: QuickIconBar.png added

icon bar

comment:1 by dillcn, 7 years ago

Very good suggestions! I think may be we could make the basic query more simple, and place the above ideas in "more options". My suggestions are:

  1. Only one search box in the query panel, and a "more options" for advanced functions.
  2. Place a "Recent queries" list box on the left and a result box on the right.

I can not attach the mock up attachments picture, the system told me that this is a spam.

so I just use a table to describe it.

menubar or toolbar
search box | search button|more options
Recent queries|Search results...

Thank you, finally I get the picture uploaded.

Last edited 7 years ago by dillcn (previous) (diff)

comment:2 by humdinger, 7 years ago

For me, if an attachment is rejected as spam, it works almost always when I try it a second time. Otherwise, you could upload an image to a service like

comment:3 by pulkomandy, 7 years ago

When you hit a false detection by the spam filter, please get in touch rapidly with an admin so we can analyze and tweak the spam filter. In that case, the bayesian filter thought you were spam, and apparently you failed the captcha (did you see one?). In the end you had 1 karma point and for an attachment, you need at least 2. I added 1 point to authenticated users, which should fix the problem for this time.

by dillcn, 7 years ago

Attachment: query suggestion.png added

My query suggestion mock up

comment:4 by pulkomandy, 3 years ago

Duplicate of #9781 ? Not sure which to keep as the mockups and ideas are a bit different.

comment:5 by humdinger, 3 years ago

I think #9781 focuses on the "favourite queries" while this has more ideas around presenting results live in the window with real-time filtering etc. So, both are valid IMO. :)

Note: See TracTickets for help on using tickets.