Skip to content

Concepts for a new “Open File Dialog” and “Search Dialog” using Zeitgeist

I have been pissed at the open file dialog for a while now and decided to make use of Zeitgeist to hack up a new one from scratch. I decided to use the concepts from Elementary’s Sezen for a Search Dialog…
The nice thing is we killed 2 birds with one stone here.
We have a prototype for a search and a open file dialog in one…

With Zeitgeist we will be able to associate other recent or most used files from other apps. The search is live too :)

I am now asking you guys here to tell me what you think of the 2 different views…
This is a functioning prototype that will be released with the next Zeitgeist if there is any demand and positive feedback…

* UPDATE #1:

I modified the UI again hope this is good enough :) keep criticizing where to move the widgets…

To explain a bit the arrows navigate in time between “Today, Last 2 Days, This Week, …., This Year, All Time”. “Latest and Popular” are for sorting :) latest being recently used and popular being most used.

* UPDATE #2:

More improvements done… it should look a bit more like danrabbits mockups…

There is another implementation I was playing with…

{ 49 } Comments

  1. Dieki | June 7, 2010 at 10:19 pm | Permalink

    Pretty good. I can certainly see a lot of good uses for this!
    However, what if I want to open a file I haven’t opened recently? How does it handle that?

  2. Benjamin Humphrey | June 7, 2010 at 10:36 pm | Permalink

    Yeah, the open file dialog as it stands now sucks.

    I like the first one. Something about me just doesn’t like things at the bottom of windows.

  3. Ian Cylkowski | June 7, 2010 at 10:54 pm | Permalink

    Looking pretty sweet! The first view is much better.

  4. Lucas David-Roesler | June 7, 2010 at 11:04 pm | Permalink

    I don’t like that the second one has tabs/buttons on the bottom. But I do like the text instead of icons in the toolbar of the second one.

  5. James Martin | June 7, 2010 at 11:24 pm | Permalink

    My vote’s on the first one, too.

  6. Dread Knight | June 7, 2010 at 11:25 pm | Permalink

    I always hated the “open dialog” but those mock-ups rock!

    I usually prefer icons instead of text, but those icons are crappy, especially the ones for documents and images.

  7. Kris Thomsen | June 7, 2010 at 11:25 pm | Permalink

    I agree with Lucas. Tabs on top but with text instead of buttons.

    And I have the same question as Dieki – what if I haven’t used the file I want to open in for a long time?

    But I don’t like the current open file-dialog, so good to see some ideas on the table :)

  8. Kris Thomsen | June 7, 2010 at 11:31 pm | Permalink

    Btw, what gtk/metacity/icon theme are you using? :D

  9. Eric Pritchett | June 7, 2010 at 11:31 pm | Permalink

    Have you seen DanRabbit’s mockup at http://danrabbit.deviantart.com/#/d2mlf1u

  10. Eric Pritchett | June 7, 2010 at 11:35 pm | Permalink

    Kris Thomsen: this should get you started, http://www.omgubuntu.co.uk/search/label/elementary

  11. Bart Verwilst | June 7, 2010 at 11:38 pm | Permalink

    The DanRabbit mockup blows the 2 above out of the water! But if I would have to choose one of the above, i would pick nr 1. The tabs at the bottom are a big No-No ;)

  12. Seif Lotfy | June 8, 2010 at 12:02 am | Permalink

    Well i tried to go away from the mockups sincd they force the the window to have a relatively large size on a netbook…

  13. Jay | June 8, 2010 at 12:11 am | Permalink

    Though the specific icons you’re using could stand to be improved, the use of icons instead of text, I think, works just fine.

    I also prefer the first, but my two criticisms are that (a) it’s not clear that the “Latest”/”Popular” buttons are a toggle (other than conceptually), and (b) I wouldn’t know what to expect from clicking either of the two green arrows.

    And there does need to be a way to navigate a conventional directory structure if you want.

    I think you may be trying to over-simplify?

  14. R.U.Sirius | June 8, 2010 at 12:26 am | Permalink

    the first one is my favorite but it has to have a “normal” folder view as a third option on “Latest|Popular|Folders”. Zeitgeist is a very good extension of file handling but what if i know where my file is and it is never used before ;-)
    Zeitgeist has not to replace the normal file handling but extend it to the next level!

  15. Javier | June 8, 2010 at 12:48 am | Permalink

    I really love them! The 1st one specially.

    I think a “Save-as” dialog could be important too. Because the actual one only handles the hyerarchical pardigm (folders). The search box of your mockup would probably filter metadata too, so a Save-as dialog with those capabilities (eg. tags) would be great.

  16. Seif Lotfy | June 8, 2010 at 1:29 am | Permalink

    GUYS I DID AN UPDATE

  17. Phrodo_00 | June 8, 2010 at 4:16 am | Permalink

    Nice… it definitely needs a way to go to folder browsing mode though… and another button would be too much. How about a dropbox with tickable items for the file type, and a third button on the right named folders?

  18. pt | June 8, 2010 at 4:16 am | Permalink

    You need 2 lines for the filenames ( or a smaller font), the mp3 icon is ugly, looks like a document than a music file.

    Nice work, it is too good for Gnome3.

  19. FabriceV | June 8, 2010 at 4:30 am | Permalink

    + A common problem with search GUI. Most of them provide predefined categories (document, image, video, audio). The main problem are teachers who want to differentiate PDF from all other doc; a designer that want to differentiate vectorial from bipmap pictures; and so on… A lot of people use their OS with a main domain that needs differentiation and specificity because inside one category, the number of created files is fairly too large.
    + And hope we can use text rather than icon to list files.
    + Prefer icons : smaller. Text are nice, but I don’t care once I use softwares and OS.

  20. James | June 8, 2010 at 4:31 am | Permalink

    I think this is great, and I want to give my thoughts on the usability of the layout of the 5 elements (Search, Back/Forward, Time, Type Filter and Latest/Popular), but I’m finding it difficult because I’m not sure of the exact function of each (which I think indicates it could be more usable).

    I assume that being Zeitgeist-powered no folders will ever be displayed. Therefore I guess the back/foward buttons will switch between different filter configurations, i.e. clicking back might automatically change the Type and Latest/Popular filters. If this is true then the back/forward buttons *need* to be on the row above to communicate this hierarchal relationship, which is impossible to infer otherwise other than through experience.

    The same concept applies to the search bar. Does going backwards or forwards change the search text or does it persists? I would be very surprised if the text in a search box suddenly disappeared without my express intent. Therefore the search bar should be on the same row as the arrows to communicate that neither has control over the other. Doing this you unfortunately communicate that the search box somehow affects the filters, but I think that since there’s no obvious way for it to do so other than randomly, then this is OK.

    I’m not sure how the time control works, but basically if it’s affected by the arrows, it goes on the lower row, otherwise top row.

    Sorry for the long post but I like to be thorough :)

  21. Mike | June 8, 2010 at 6:47 am | Permalink

    Yeah, a new Dialog would be nice :)

    But don’t settle for “good enough” ;)

    Oh, and if you really want a to mode-switch between latest and popular, why not use the gtkmodebutton from here: http://github.com/chergert/custom-gtk-widgets

  22. Seif Sallam | June 8, 2010 at 6:47 am | Permalink

    The new one seems perfect.

  23. Emil BB | June 8, 2010 at 7:06 am | Permalink

    THis looks really really good!

  24. Thomas | June 8, 2010 at 7:12 am | Permalink

    I think the term ‘popular’ is wrong, unless the files have been tagged by a social network. Popular refers to ‘the people’, thus to something used or liked by many different people. These will be my personal files and I do not want others to ‘Like’ of ‘Digg’ them :oops: .

    Usable alternatives from the thesaurus: hot, favorite, preferred, liked, wanted, noted, prominent,

    New/Just used could also be a choice. The longer text means the UI might become different though.

  25. Animesh | June 8, 2010 at 8:30 am | Permalink

    HI!
    Can you post a mockup of possible problem with DanRabbits work in netbook.

    Also can http://danrabbit.deviantart.com/#/d2mwol4
    be implemented as well.
    This will greatly improve productivity

  26. Seif Lotfy | June 8, 2010 at 8:49 am | Permalink

    To explain a bit the arrows navigate in time between “Today, Last 2 Days, This Week, …., This Year, All Time”. “Latest and Popular” are for sorting :) latest being recently used and popular being most used.

    @Seif Sallam: I am in egypt for a week :)

  27. Seif Lotfy | June 8, 2010 at 9:31 am | Permalink

    I DID AN UPDATE

  28. franc | June 8, 2010 at 10:01 am | Permalink

    Bookmarks:
    what about the bookmarks? Are they going to die in Gnome 3.0?

    Filesystem:
    Can’t I get access to the hirachical filesystem? Latest – Popular – Filesystem would be ideal.

    Timeline:
    I’m definitly a power user, but sometimes I don’t access my desktop for 3, 4 weeks. I won’t be able to remember creation or editing dates, and I’m not willing to remember that. -> Filesystem access please.

  29. bonz | June 8, 2010 at 10:32 am | Permalink

    Yah I would love to have a filesystem access. It’s definitely useful if I want to access a file in a particular folder that I have never accessed recently. Please! Other than that this is definitely an improvement!

  30. Ryan | June 8, 2010 at 11:20 am | Permalink

    Great actually, but make a fallback to traditional folder view possible in the same view.

    Also, folders, not just documents should be accessible under recently used. If you have opened or saved a document in a folder in a given time period, it should be listed under recent.

  31. Victor | June 8, 2010 at 11:36 am | Permalink

    Smooth move showing your illegally downloaded show episodes in the concept mock-ups. :D

  32. pches | June 8, 2010 at 12:05 pm | Permalink

    Is the last one, Screenshot-7, mockup or code (where)?

  33. Omnë | June 8, 2010 at 12:07 pm | Permalink

    What about adding a side-panel like in the common file chooser. It can be used :
    — for navigation in a usual « filesystem » view ;
    — opening devices and non-zeitgeist folder (usb key, tmp folder…)
    — one more filter for the « zeitgeist » view (let’s say I know my file is in « Documents » or « Dev » folder, i can tell zeitgeist to only show me files from this sub-tree.

    Anyway, realy great. I hope gnome dev hear you and think about adding this in gnome3.

  34. bonz | June 8, 2010 at 12:48 pm | Permalink

    @Omne: They won’t because nautilus(together w/ the file choser) is gnome’s holy grail. I will jump off a cliff if they wil :-)

  35. Milan Bouchet-Valat | June 8, 2010 at 2:52 pm | Permalink

    Nice, but I don’t think you need a whole line for the text box. Just put some controls on the same line, this allows you to make the other one less crowded.

  36. YvesL | June 8, 2010 at 2:57 pm | Permalink

    Hi!

    I believe the word “popular” is misleading since the definition is “regarded with favor, approval, or affection by people in general” and you are, usually, the only user of the desktop. I think “most used” is better suited for what you have in mind.

    That being said I love the way you are going, great job, it is high time to dust this old interface!

  37. pym | June 8, 2010 at 3:07 pm | Permalink

    It’s seems strange for me that no one ask it before : for an “open dialog” where is the damn “open” button ?

    For usability reason it seems for me a bad idea to remove the main button of the dialog…

    No ? Tell me… maybe i’m missing something.

    Except that the mockups seems great except I can’t see the way to navigate in a classical non zeitgeist way.

  38. ammonkey | June 8, 2010 at 4:03 pm | Permalink

    i would stick to Danrabbit mockup (how surprising? :D ) with the possible choice between icon and text and invert the search bar with the common “toolbar” like you’ve done in the firsts propositions. Anyway theses are details and you’re doing an excellent work ;)

    May i add the possibility of a list view? because i am not sure an icon view is ideal when u got many files and list view are really practical to read some additional informations about the files and ideal for sorting.

    no need of an open button, u just click on the file u want to open or press return and here we go.

  39. ammonkey | June 8, 2010 at 4:08 pm | Permalink

    i just wanted to add that the arrow back and forward can mislead users because when u see theses type of icons u think of an history behavior (yes habbits ..) + and – seems better in this case.

  40. Julian Aloofi | June 8, 2010 at 8:28 pm | Permalink

    This looks amazing!
    Filtering for file types in an open-file dialog is so extremely useful, great someone is working on getting all this stuff done :)
    Zeitgeist team rocks! :smile:

  41. tvst | June 8, 2010 at 9:38 pm | Permalink

    Why not just do this:

    - Add Zeitgeist to Nautilus (Elementary)

    - Then add a “File Dialog Mode” to Nautilus, which would show an extra widget bar below the statusbar, containing a gtkEntry and a couple of gtkButtons.

    For example, for the Open File Dialog, the bottom bar would look like:

    “Filename: _____ [Cancel][Open]“

  42. amr | June 9, 2010 at 1:31 am | Permalink

    can’t wait but we need to see it in nautulis elemnetary

  43. kofm | June 9, 2010 at 10:12 am | Permalink

    Simply awesome!! :O
    You rock man :)

  44. Zap | June 9, 2010 at 10:51 am | Permalink

    Personally I really like the “alternative version” in which you put captions “Today”, “Yesterday”,… in the scrolled window: it gives me the idea that I won’t have to click on a button if I realize that what I am looking for actually belongs to “last week” instead of “yesterday”: scrolling down is usually faster than aiming at another button.

  45. spaetz | June 9, 2010 at 12:46 pm | Permalink

    1) Nice
    2) What if I want that document that I know I saved during a conference in Oct 2008. Those time interval buttons are nice, but I want to be able to limit the timeframe away from “until now”. f-spot had (has?) these nice sliders that allow you to limit the timeframe. I would want to be able to use something like that.
    3) Videos/Documents/Pictures are nice, but not fine-grained enough. I want to search for that .odt document, or that .pdf one. Also, I believe you’ll have tags with docs, right? I want to search for that .pdf that I tagged as “work” and “project B” and not only search for filenames. Would that work now?

  46. Marius Gedminas | June 9, 2010 at 1:24 pm | Permalink

    One thing that drives me barking mad with the current Open dialog is that I cannot browse the *folder* of an item from Recent Documents, I must either choose that item or navigate to its folder manually, ignoring Recent Documents altogether.

  47. Mike | June 9, 2010 at 9:28 pm | Permalink

    @spaetz: That would certainly make things even more interesting!

  48. FACORAT Fabrice | June 14, 2010 at 4:25 pm | Permalink

    IMHO the last one is the best :)

  49. Caleb Dipilato | December 2, 2011 at 12:04 pm | Permalink

    Finally got home to listen to this. I like Maroon 5 and i love Christina. I was worried if i wouldn’t like the song though, but i do I can see what you mean about Christina’s part, it is a very small part. I would of still liked the song if she wasn’t in it, but she makes me like it more.

Post a Comment

Your email is never published nor shared. Required fields are marked *