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.
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..
November 16th, 2005 at 20:04
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.
November 16th, 2005 at 20:28
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.
November 16th, 2005 at 20:53
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
November 16th, 2005 at 22:34
Chris, the same issue happens with desktop apps too - my deleted mail is not going to system trashcan either, but into Evolution trash folder. Which happens to be on an IMAP server somewhere else..
Yeah, its an interesting point, but the problem is not just in the web.
The mockup is just first iteration and turned slightly heavy in my eyes now that I look at it, so I might probably revisit it a bit. But I wanted to share what I was working on anyway, on my copious “free” time while solving the “job” issue
November 17th, 2005 at 00:48
>>maybe we should supply a set of XHTML/CSS pieces.
Interesting idea
November 17th, 2005 at 08:26
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
November 17th, 2005 at 08:30
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
November 17th, 2005 at 11:55
What do you mean by “application and program icons”?
November 17th, 2005 at 13:28
App icons. As in Evolution, Kontact, Firefox, Konqueror - the icons for these apps.
November 17th, 2005 at 17:08
I’d sure like to try turning that into a Drupal theme if I could get my hands on the source…
November 17th, 2005 at 22:06
There is no source as of yet, since it is just a picture mockup
November 19th, 2005 at 14:14
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
November 23rd, 2005 at 04:34
I started to make a Drupal theme from the mockup: http://deekayen.net/node/800
December 3rd, 2005 at 17:02
Crazy idea…
I wonder…. what if there was a movement to have a common CMS admin UI. Where, certain things were placed in certain places. So… let’s say you are using Midguard or Drupal or even Xaraya, the only difference might be the actual feature set. If you like Midguard, use it. If you like Drupal, use it. But with a common Admin UI, you wouldn’t have to be constantly re-learning things over and over.
Maybe this doesn’t really make sense, but perhaps you could use the same Tango color scheme, and Icons as a cross-platform base.
Just another crazy idea.
Trae
December 4th, 2005 at 14:18
@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.
February 12th, 2006 at 21:40
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
February 26th, 2006 at 23:40
Removing firefox icon for webbrowser is not a creative/meaningful solution for uniform look(Tango). just remember how much effort was there by the community in spreading the firefox (image/icon) including the NYT ad.
my silly suggestion is to have container icons for general applications like web browser, word processor, calculator … etc. This container icon will be filled with the branded/popular specific icon of the application.
February 27th, 2006 at 10:49
Krishna: Tango does not “remove” firefox icon. It just has a generic one. Applications can and should of course have their own icons, using the tango style - it does not make sense to try to include everything in Tango icon theme, better ship stuff with the apps that actually use them, the icon theme is good for the commonly shared icons that are used by many applications.
September 30th, 2006 at 14:58
hello
October 15th, 2006 at 23:04
This is nice sitre here
October 17th, 2006 at 22:41
This container icon will be filled with the branded/popular specific icon of the application.
October 24th, 2006 at 10:40
Wo arbeiten Sie
November 2nd, 2006 at 01:04
doing tweak occasionally wont do shit.. personally, i cant sit through the sat for that long. tests this long dont come along all that often… everyone has their own path to success, leave people alone.
November 4th, 2006 at 11:34
“I’ve also heard people inside the shop wanting to change this, but I haven’t yet seen a proposed implementation
November 27th, 2006 at 10:06
you’re right that a filesystem implementation, where the directories can be synthesized as needed, can avoid some of the combinatorial problems, but it opens the system to a different type of resource exhaustion, as an antagonist can open deep paths and exhaust kernel memory. This moves the denial of service from per-filesystem to system wide. Ultimately, I think a cap on the depth of the link set is needed by any implementation.
January 21st, 2007 at 19:43
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
February 10th, 2007 at 11:41
Delete this spam!
February 11th, 2007 at 19:40
Thanks for this very good article … Can i translate this and insert on my site? … Thanks
February 23rd, 2007 at 12:26
Fantastic article covering some points I really needed some good usability info for.
March 3rd, 2007 at 23:28
I think these blog is really useful for new comers and Excellent resource list.
March 8th, 2007 at 19:44
Thanks for the informativ and interesting article. Keep up the good work
March 21st, 2007 at 23:37
Workout music to get pumped up
February 21st, 2008 at 13:02
Thanks…
February 21st, 2008 at 19:13
Good idea! Best regards
March 3rd, 2008 at 02:46
my silly suggestion is to have container icons for general applications like web browser, word processor, calculator … etc. This container icon will be filled with the branded/popular specific icon of the application.
March 18th, 2008 at 12:42
Thanks for this very good article …
March 18th, 2008 at 12:43
very good article …thanks
March 18th, 2008 at 12:44
Thanks
March 18th, 2008 at 12:45
Thanks for this very good article …thank you
March 18th, 2008 at 12:46
Good site
March 18th, 2008 at 12:47
Thanks for this very good article …
March 23rd, 2008 at 13:46
Chris, the same issue happens with desktop apps too - my deleted mail is not going to system trashcan either, but into Evolution trash folder. Which happens to be on an IMAP server somewhere else..
Yeah, its an interesting point, but the problem is not just in the web.
The mockup is just first iteration and turned slightly heavy in my eyes now that I look at it, so I might probably revisit it a bit. But I wanted to share what I was working on anyway, on my copious “free” time while solving the “job” issue
March 31st, 2008 at 13:36
Very nice User Interface!
March 31st, 2008 at 13:37
Good UI with Ajax makes apps more better.
April 12th, 2008 at 20:13
thanks a lot..
April 20th, 2008 at 04:49
Thanks so much.
April 20th, 2008 at 23:17
Thanks
April 28th, 2008 at 23:49
thanks :d
April 30th, 2008 at 17:37
Thanks
May 3rd, 2008 at 00:10
good admin panel
May 8th, 2008 at 12:35
Thanks for this very good article
May 8th, 2008 at 12:36
good article
May 8th, 2008 at 12:38
Thanks
May 21st, 2008 at 02:18
very thanks
May 28th, 2008 at 20:51
This is interesting article, I did not it think that it yes. Interesting it knew persons about this how much. Sorry if I wrote bad there now my English is novice and I do not it write yet good.
May 29th, 2008 at 10:38
thank you,good site….
June 2nd, 2008 at 10:16
very thanks
June 6th, 2008 at 19:04
Very interesing article. Thanks for the article! As a full time developer, this information is exceedingly useful to me.
As a full time developer, this information is exceedingly useful to me. Very interesing article. Thanks for the article!
June 9th, 2008 at 17:00
Hello.
I recently saw an article written by a professor, which confirm that what is written here. I agree with that.
June 12th, 2008 at 16:20
Very useful advices. I think I will search more about this on the Net, Guys. Many thanks
June 13th, 2008 at 23:47
Hi. You know what guys? I think this is very good idea, but I am affraid but not for me
June 14th, 2008 at 20:32
thanks this is great
June 22nd, 2008 at 16:58
very thans for you..
June 22nd, 2008 at 22:08
tavla indir
June 24th, 2008 at 22:25
Siirtliler
June 25th, 2008 at 19:51
I think these blog is really useful for new comers and Excellent resource list.
June 27th, 2008 at 11:54
This is interesting article, I did not it think that it yes. Interesting it knew persons about this how much. Sorry if I wrote bad there now my English is novice and I do not it write yet good.
July 16th, 2008 at 16:35
thank you
July 20th, 2008 at 05:56
Thanks
July 24th, 2008 at 14:35
Hello
Very nice foto:)
July 26th, 2008 at 20:03
thanks
July 27th, 2008 at 01:50
thanks
July 27th, 2008 at 01:51
thanks good
July 27th, 2008 at 01:53
thanks good nice
July 27th, 2008 at 01:54
thanks tigert
July 27th, 2008 at 01:55
thanks sahin’s
July 27th, 2008 at 01:55
thanks toy box
July 27th, 2008 at 01:56
thanks bizolmayiz
July 27th, 2008 at 01:58
thank you sorumsuzforum
August 2nd, 2008 at 00:06
türkçe mirc, mirc
August 2nd, 2008 at 00:07
Kelebek sohbet kelebek mirc
August 7th, 2008 at 06:43
Thanks cicicocuk
August 10th, 2008 at 15:42
thanks alot
August 17th, 2008 at 00:43
Thanks, for this information and news it was very useful to me
August 17th, 2008 at 00:44
Congrulations for this nice web design..Usefull..
August 17th, 2008 at 00:45
Greetings!!I will bookmark for my son this site…
August 26th, 2008 at 03:27
Thanks nice article
August 26th, 2008 at 03:27
www.flashoyunlar1.com
September 3rd, 2008 at 07:00
徐家注意到，有許多良好的框架意見和該Web Servlet的框架不應重現。他還表示，他有興趣在那裡申請的工作流程和行動是操縱在運行時。因此，徐家，任務是找到一個模型框架，將管理其資料來源和工作流程，因此，所有他要做的就是寫的行動，
September 4th, 2008 at 07:35
very thanks for you.!! OTel