tigert.com | my life and stuff um, what do I write here?

16Nov/0511

Tango UI for web?

So I Inkscaped again a bit today.

This is a mockup of a new admin-interface ("Aegir 2") for Midgard CMS.

Midgard admin interface mockup

The mockup uses Tango colours and icons, which is an interesting use for the cross-platform theme. The èxample shows a new access control list editor for an example folder - the user interface was very much influenced by the file permissions UI of Nautilus.

Tango style makes a nice web toolkit too - maybe we should supply a set of XHTML/CSS pieces - especially since more and more apps are also dealing with web services - it's good if the web tools could benefit from the same consistency as well!

Oops! - I just realized we forgot the widget to add new groups on the list :-) Duh.. will need to fix that of course..

Update 2 - I realized I forgot the tool to add a new group/user on the ruleset. This would be a small nice AJAX-based search field that does search as you type. I think it needs a "add" button still, but something like thae above..

Comments (11) Trackbacks (0)
  1. In the past there was a question on the usability mailing list about how the Gnome HIG might apply to webpage design but we didn’t have an answer. Standard styles sheets which fit in with Tango would be of some interest I’m sure.

  2. maybe we should supply a set of XHTML/CSS pieces

    Please do! I’m using the Tango icon set for a web application I’m developing at the moment, and having standard UI components would be really good news.

    If anything comes of this I’d love to add Rails integration for common components, since it seems that most of the time spent on web development these days is getting the user interface right.

  3. I’m slightly concerned about using the same icons in both the browser and the apps running in it when they have different semantics. For instance, that delete icon isn’t sending things to the system recycle bin, it’s sending it to some folder in the application.

    The aim of Tango was to provide a consistent user interface for desktop apps, no? Bringing web applications (which aren’t integrated into the desktop) into the picture might confuse things.

    Not that the icons aren’t lovely of course (although the KDE Oxygen take on the navigation / refresh buttons is a little nicer in my eyes, so I hope it eventually gets integrated).

    – Chris

  4. I’d have to agree with Chris here. Once I get used to an icon theme, I can navigate through my entire desktop, even if there was no text next to the icons. I think some people might be confused if you have the same icons featured on a web site, especially if they are icons for programs (obviously not for something like Evolution or Firefox, but think perhaps like Muine or Rythmbox icon for an audio related thing on the website).

    It wouldn’t be too hard to overcome though.
    Keep up the nice work,

    Pascal Klein

  5. Sorry, I think I might convey what I meant a bit more concisely -> basically, although I suppose it’s probably common sense, I think it would be important to keep application and program icons off the web interface, and use meta file icons, ‘function’ icons and folder icons. :)

    That’s sounds better.

    Pascal

  6. App icons. As in Evolution, Kontact, Firefox, Konqueror – the icons for these apps. :)

  7. Although this is just a mockup (a good one at that), I concur, seeing a Drupal theme for this in the future would just be awesome. :)

    Tuomas, you might want to talk to the Drupal devels. ;-)

    Cheers,
    Pascal Klein

  8. @Trae
    A common UI, or common ideas could be really interesting. Maybe we should therefore thing of setting up some freedesktop.org alike central place. But then for CMSes: freecms.org or so.

    @Tigert: gnome vs kde. Lets try to keep that out of here. Since Im the european inbetween US folks Im a minority in pro KDE :) . But really, KDE too has some very interesting ideas that can be ported 1-1 to CMS interfaces. I have sucessfully done so for some minor usability improvements for Drupal in the past. But again, we should avoid at all costs to make this general CMS interface idea, into another KDE/gnome war. We should try to find best of any worlds. OSx has some good HIG stuff that can be used for CMSes, Gnome has some, KDE has very good ideas, QT has interesting documents and theories about crossplatform interfaces, So has Java.
    We can try to build on top of all that.
    KDE, for example had some very good reasons for not choosing Tango for KDE 4. It developed a theory and then designed icons and styles behind that. See http://www.oxygen-icons.org/ for more info.

  9. Hi, Ive got some question regarding using Your wallpapers on my website. I am doing now my band webpage and just by accident I found your wallpaper with dead fly on the blue background. My band is called “muhy” which in polish means “flies” therefore I was looking for something connected with a fly and your wallpaper seems to fit my vision of the website. Am I allowed to change it a little bit i put as a background on my webpage? please reply :) btw, nice work :)

    cheers,
    kris

  10. I think it makes absolutly sense to use standard application for User Interface. Only by this way you have the chance to optimize it step by step. Can you ever imagine, that in other branches – like for example automotive industrie – everyone try to construct an other motor for every new car ;-)

  11. Thanks for this very good article … Can i translate this and insert on my site? … Thanks


Leave a comment



No trackbacks yet.

Pages

Categories

Blogroll

Archive

Meta