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
September 11th, 2008 at 12:10
THANKS ALOT
September 11th, 2008 at 12:10
hanks alot
September 11th, 2008 at 12:11
thanks
September 11th, 2008 at 23:07
thankxx Eleman Bak
September 21st, 2008 at 00:07
its good i will use it thanks a lot.
September 21st, 2008 at 18:19
Thank you It’s very beautifully
September 21st, 2008 at 18:20
thank you admin
September 21st, 2008 at 18:22
Good Thank you It’s very beautifully
September 21st, 2008 at 18:24
thanks admin
September 25th, 2008 at 21:53
thanks.. a lot
September 27th, 2008 at 11:37
I like very much the writings and pictures and explanations in your adress so I look forward to see your next writings. I congratulate you.
September 27th, 2008 at 19:08
great article thanks
September 27th, 2008 at 22:27
great post
September 28th, 2008 at 03:02
great thanks..
September 30th, 2008 at 17:52
Thank you for great post.
October 3rd, 2008 at 00:01
thanks
October 9th, 2008 at 22:58
very thanks for you!!!
October 17th, 2008 at 00:45
thanks
October 17th, 2008 at 23:47
Thank you very much
October 18th, 2008 at 22:21
yes thank you
October 21st, 2008 at 21:03
Admin thanks you mucuk
October 21st, 2008 at 21:04
thankss
October 22nd, 2008 at 12:35
Thanks a lot
October 22nd, 2008 at 12:35
thank you
October 22nd, 2008 at 12:39
thanks
October 22nd, 2008 at 12:51
thanks…
October 22nd, 2008 at 12:54
thanks for this
October 22nd, 2008 at 14:03
thanks a lot
October 24th, 2008 at 03:49
src belgesi
October 24th, 2008 at 03:50
ehliyet
October 24th, 2008 at 03:50
sürücü kursu
October 24th, 2008 at 03:56
yarış oyunları
October 26th, 2008 at 18:55
good sharing, thank you.
October 26th, 2008 at 18:56
mersi
October 26th, 2008 at 18:57
thank you.
November 1st, 2008 at 17:59
nice page. congrats.
November 1st, 2008 at 19:22
thanks a lot.
November 1st, 2008 at 19:23
thanks.
November 3rd, 2008 at 09:42
thanks
November 10th, 2008 at 06:38
t a time and that revision has taken a long time as they’ve been really studying and analyzing how WordPress users “use” WordPress.
November 10th, 2008 at 20:06
Thanks a lot very good
November 10th, 2008 at 21:18
great application
November 12th, 2008 at 05:44
It seems to work great! Amazing! I really like this, it makes tracking your visitors so much more vivid…Sigh…
The weblog-thingie I am using it on isn’t online yet, when it is, I will use this amazing plugin to the fullest!
Thanks!
November 12th, 2008 at 07:24
harika duruyor kultarim. Very thanks…
November 12th, 2008 at 12:45
thanks very good
November 12th, 2008 at 12:46
thanks very good
November 12th, 2008 at 17:47
I just love reading these “scoops” in hindsight. The 40D has proven to be one hell of a product. Unless you’re hung up on the fact it is not full frame, this camera is almost a perfect value. More rugged than the XTi, not as expensive as the 5D, and a nice step up from the 30D.
November 16th, 2008 at 18:29
Thank you very much for this interesting Article and for sharing your thoughts with us.
November 17th, 2008 at 12:06
thanks.
November 17th, 2008 at 14:13
Thanks, for this information and news it was very useful to me
November 17th, 2008 at 20:59
It seems to work great! Amazing! I really like this, it makes tracking your visitors so much more vivid…Sigh…
November 18th, 2008 at 14:01
Thanks a lot man
November 18th, 2008 at 18:08
thankss
November 22nd, 2008 at 01:25
Beautiful! It’s my favorite WP template. Thank you
November 22nd, 2008 at 03:32
Thank you for the Fix!!!! Your the only fix that works!!!
November 22nd, 2008 at 13:15
thanks super site very good.
November 23rd, 2008 at 06:39
For those of you thinking that if they implement this it will eliminate some of the waiting and lines…
November 24th, 2008 at 18:49
My only real problem with google analytics is that it doesn’t work very well with a lot of ASP pages, which a lot of clients use nowadays. It can also get kind of hairy when trying to get it to understand what a conversion is.
Instead of just any click, it needs to be one specific click haha.
November 24th, 2008 at 21:29
thanks a lot
November 24th, 2008 at 21:29
thanks
November 25th, 2008 at 01:57
thank you
November 25th, 2008 at 12:13
I was wondering how to do wired things with my psp. Cuz my friend has some program thing on his thats lets u control tv things
November 27th, 2008 at 00:05
Thank you for this article, I appreciate it even more because it is not so common to find those kind of things on the net. Thnx!
November 28th, 2008 at 23:46
Ok, I have an inkling (pun not intended) to modify that book image to the right to say “Schneier on Squid.”
“The closest the squid industry has to a rock star.”
November 29th, 2008 at 12:09
thank you very much
November 30th, 2008 at 22:15
thnx
December 3rd, 2008 at 06:36
son gelismeler burada
December 11th, 2008 at 01:15
Götünüze girsin Bu Bloglar
December 12th, 2008 at 16:51
arkadasım adam ol o biraz
December 13th, 2008 at 01:50
There are working fine now! Thanks.
December 15th, 2008 at 22:02
araba oyunları
December 15th, 2008 at 22:03
pasta oyunları
December 15th, 2008 at 22:06
motorla ilgili herşey
December 15th, 2008 at 22:08
fubol oyunları
December 16th, 2008 at 16:31
Oto Kiralama
December 16th, 2008 at 16:31
Kiralık Oto
December 20th, 2008 at 01:35
ı have followed your writing for a long time.really you have given very successful information.
In spite of my english trouale,I am trying to read and understand your writing.
And ı am following frequently.I hope that you will be with us together with much more scharings.
I hope that your success will go on.
December 20th, 2008 at 02:13
thank you all
December 24th, 2008 at 14:03
thankss. youu balşkon camlama
December 24th, 2008 at 14:14
thank you all
December 24th, 2008 at 14:16
Maç Oyunları
December 24th, 2008 at 14:17
Yeni Oyunlar teşekkür ederim
December 24th, 2008 at 14:22
thanks
December 24th, 2008 at 14:28
Teşekkürler
December 24th, 2008 at 14:38
teşekkür ederim
December 24th, 2008 at 15:22
Nice letter thanx man.
December 25th, 2008 at 13:41
ı am following frequently.I hope that you will be with us together with much more scharings.
December 25th, 2008 at 19:14
thank
December 25th, 2008 at 19:15
thank you
December 26th, 2008 at 07:00
can we use for editing css
December 26th, 2008 at 07:01
thanks
December 26th, 2008 at 07:04
great sharing. thanx about this
December 26th, 2008 at 07:05
Css is the one
December 27th, 2008 at 09:12
travesti
December 27th, 2008 at 09:13
TRAVESTİ
December 27th, 2008 at 12:27
very very nice!
December 28th, 2008 at 00:28
thanks youuu
December 28th, 2008 at 18:32
thanks yopu admin vey much nice blog
December 29th, 2008 at 02:37
cam balkon sistemleri
December 29th, 2008 at 02:39
can balkon sistemleri
December 29th, 2008 at 02:40
dogalgaz kombi
December 29th, 2008 at 12:05
very nice!
December 29th, 2008 at 12:06
great website
December 29th, 2008 at 18:35
nice site thenk you
January 1st, 2009 at 02:03
nice site thenk you
January 3rd, 2009 at 02:10
thanks for the info
January 3rd, 2009 at 02:11
nice blog
January 4th, 2009 at 02:41
thanks admin
January 5th, 2009 at 05:22
ı have followed your writing for a long time.really you have given very successful information.
In spite of my english trouale,I am trying to read and understand your writing.
And ı am following frequently.I hope that you will be with us together with much more scharings.
I hope that your success will go on.
January 6th, 2009 at 08:05
प्रासंगिक उपयोगी और अद्वितीय सामग्री rovide! मैं बल्कि है कि सिर्फ एक freebie किसी भी दिन चाहता है एक बड़ी सूची की तुलना में एक छोटा सा, उत्तरदायी सूची होता!