Update: The smaller images now click onto LARGER versions for your viewing pleasure.
For the past year the Shuttle team has been working on the beautification of the WordPress administration panel. The original team was just going to be myself and a couple of coders (Chris and Joshua) who were going to take the designs I came up with and make into a reality. Luckily Michael was having the same thoughts at the time and so he joined our rag tag team. In a cunning move he brought in the inimitable Joen to the fold as well. So now we had enthusiasm (me), flair (Michael) and experience (Joen) along with Chris and Joshua ready to kick some coding ass and take names. That young upstart Veloso joined us half way through the year to add some insight and youthfulness.Matt caught a whiff of this and though we were forking, which obviously we'd never dream of. So we invited him to oversee where we were going with all of this. Meanwhile Steve was working on his Tiger admin panel half way through our design, and as you can imagine the stakes got raised ever so slightly. Unphased we continued to plow through. Email after email, mockup after mockup.
Version 2.0 was released and the first signs of the work we'd done on Shuttle began to appear. No they weren't exactly how we mocked them up to be honest (you can blame us for the blue colours and the collapsable tabs on the side though). A year is a long time and we were pretty determinded to finish this off by the end of January. We blew that deadline, but the desire was still there.
As of today we've officially completed Wave One of the Shuttle project. I effectively took all the work we'd done so far, all the things we'd talked about and tried to come up with a cohesive solution. Just hammering page after page. I'm not really sure were it all came from, but I guess it was mainly due to the fact that we'd sat on this for so long that is was time we just dealt with it all.
Here are a couple of images for you to have a look. I'm working on a mini-site to show all the work done so far.
Just to stress a few things, these ARE NOT THE FINAL mockups. I have changed a great deal since our last working mockups. The boys now have the psds and will hopefully be tweaking and doing their magic to try and pull everything together. How much of this makes it into the final WordPress install is really dependant on Matt. The boys and I will be talking at length about our design decisions in the near future; we've got enough emails to troll through to find hot contested parts etc.
So for all those wondering about the status of this project, that's where we are right now. I for one see this as a HUGE milestone since we've been working on this for over a year now and it's good to find some form of closure. I know it's never really over, but at least I believe it's a step in the right direction.
It's something i'd of loved to work on personally (and I did something similair till I saw you were working on something similair already. I have faith in the work especially as I work with Bryan and know Chris too.
If you ever need another hand :|)
I can't wait to see the final product when you guys have finished. Things look great so far.
In the few spare moments that I have, I've been doing a bit of customizing to the Wordpress admin myself. More than anything, it's to make the application a little more enjoyable to use for a few of my clients that use Wordprss on their sites. It will also hopefully to get me writing on my own blog a little more often than I have been.
You don't fancy taking on the Textpattern admin panel next, do you? Now that is a mess...
I think it looks beautiful so far! Keep up the great work.
It looks really nice, and I second Jeff - neither I can't wait to see the final version.
[...] Khaled has posted some screenshots from Shuttle! It looks really nice, and I can’t wait until it’s released. The current admin panel has it’s shortcomings (even though it works and looks better in WP 2.0), so I hope, no I know, that Shuttle will take the WP admin panel a great leap forward. [...]
I've already said this to you Khaled but I'll say it again; nice work!
Thanks for undertaking a project for which many WP hands (mine included) have been eagerly pining for:)
[...] Kahled over at Broken Kode has posted some non-final mock-ups of the long-awaited Shuttle Project. [...]
This looks great and will be a huge jump on the default.
You are such a tease!!! I can't wait to fall in love with it.
Hey Khaled, the screenshots look great. I can't wait to see the final product, I mean, you guys have been working on this for a while and the anticipation for Shuttle is pretty high.
I'll keep it short, simple and sweet: You guys f'ing rock!
Final or not, it looks damn sweet - and can't wait, to hopefully have a copy in my hands.
It looks awsome, I can't wait for the final.
This is proving to be well worth the wait. I think about how far all of you have come since Manji, Kubrick, Persian and the like. We've watched you evolve as designers/developers and it's been both fun and rewarding. Your work on shuttle clearly illustrates this growth. Can't wait to see the final product.
Looking very professional! Great effort all round, guys.
[...] Neben dem Tiger-Style-Backend für Wordpress arbeiten gerade noch ein paar kreative Köpfe an einem neuen Backend für Wordpress genannt Shuttle. Hier gibt es die ersten Bilder, das sieht sehr, sehr gut aus. [...]
Really nice and clear design. I can't wit to see the final shuttle in action. Keep it up!
[...] It’s been a long wait (and probably a long hard slog to churn it out for those involved) but Khaled has released to us some screenshots of Shuttle and it looks great! [...]
[...] Si desean pueden pasar a Broken Kode, el sitio de Khaled, para ver otras capturas de pantalla. [...]
Great work all, kudos for the project. It has been months since it was started, but it seems that it may be all for a greater good ;)
Looks good - only thing I'd be worried about, is if there's enough space on small screens. Especially the bottom bar.
I say this, because using the Tiger-Style adminpanel for wordpress on a 1024x768 screen left me with no option but to edit the bottom bar out.
[...] Khaled (who is a creative vulcano) has posted some screenshots of a few of the screens on his blog, so run on over there and take a gander. [...]
Looks amazing. What I've always wanted.
It's looking great so far, and you guys are doing a great job, but I was really hoping you'd do something about that menu...
Ahh well, it's still a damn sight better than WordPress's effort.
Keep it up, I can't wait to get it running!
Just one question, is this going to take the form of a plugin (like Tiger Admin), is it going to be a seperate distribution of WordPress (with the core intact) or will Matt be taking it on as the default admin theme?
Looks good! Can't wait.
Ditto.
Shuttle - nowe szaty panelu Wordpress’a…...
Khaled Abou Alfa opublikowa? na swoim blogu [Broken Kode] pare screenshotów z projektu nazwanego Shuttle. Czym to cudo jest ? Otó? jest to poprawka defaultowego stylu panelu administracyjnego Wordpress’a.
W?a?ciwie - chyba spora cz??? z ...
Those look great, is there any chance of seeing bigger versions?
Mmm... looks quite tasty.
Lookin' hott Khaled!
Man. I've been waiting on this from the moment you first mentioned it. Nice to see some screen shots.
wow, thats awesome. I'm really looking forward to seeing as much of that as possible in the admin screens.
Thanks!
looks great !! can't wait now...
[...] Khaled has unveiled some screenshots of Shuttle, the admin redesign for Wordpress. Shuttle has come a long way, and is a huge improvement over the 1.5 interface, and especially over the 2.0 interface. The work Khaled has done these last few weeks have blown my mind. Essentially he has taken all the hundreds of hours of chatter and mockups and combined it into something that a) works, b) we (the shuttle team) can all support. [...]
Nice work, it looks slick!
It exists, it really exists!
With such a great team behind it, Shuttle certainly had a lot of expectation to live up to. It's great to see it living up to the hype. Looking forward to seeing how this baby develops.
Looks pretty tasty. I look forward to the end result!
[...] I’m liking the first screenshots from the long-awaited, much-anticipated, seriously-packed-with-talented-people Shuttle project. Described as a complete beautification of the Wordpress Administration Panel it looks like it’s going well. Hopefully they’ll be addressing some UI issues as well, some of their current work was incorporated into WordPress 2.0 I believe. [...]
Thanks everyone for the enthusiasm. Honestly that sort of feedback makes it all worthwhile in the end.
James AkaXakA - As far as I can tell we've not increased anything from it's current size. I'm not sure if the current wp works well with 800x600 but I think this stuff will most definitely not increase the size; so you've got nothing to worry about. That's why we've got Chris, Joshua, Ryan and Matt doing the coding, they'll not let that be an issue.
Jonic - The deal is we design and do the code and then Matt will hopefully incorporate it into the proper admin. Now how literally he takes it all is going to be up to him. However I will say that one way or another the admin panel will look like the way the Shuttle team design it. We don't want to put any pressure on Matt, so if he doesn't want to use it all, that's cool we'll release a plugin to patch the holes so to speak. Some of the Usability features and Ajax however will probably need him to incorporate it all so we'll see. The next couple of months will be very telling.
Matthew - I'm sorting out some bigger versions for you now.
WAY to windowsy. you've got that windows underline the letter, even clear type text! verdana BLEGUGH. not enough padding, really tight margins.. The colors are OK but a bit dull and not very invigorating. Still, this is better than the shity one right now... You might just decide to dump wordpress for textpattern or the BEST one of all Symphony
With a pep talk like that, I'm switching over to Symphony RIGHT THIS INSTANT...actually no I'm not :). I'm just fine where I am, but thanks for the comment Pat.
i like try this administration panel.
where i download it?
Why are people always so obsessed with 'cool looks'?! I trade any fancy interface for some needed admin functions any day.
[...] ??The pingback text got killed by textile, but I'm sure you'll get the gist of what it's talking about. [...]
Great work! I realy like to see a good looking admin panel. The 'normal' one is boring.
Go on man!
>Why are people always so obsessed with ‘cool looks’?! I trade any fancy interface for some needed admin functions any day
You are not aesthete
The screens look great.
The only problem I have is the about and help info on the left. I know what everything is and don't want half the screen taken up with that info. I would guess (hope) it can be hidden?
Hey whatever - it's all better than what wordpress has now :)
Ben, the sidebar information is something we've still discussing how and where to put. I would like it to be in the default, but having an option in the erm options section which hides these things effectively rather than having javascript the whole time to hide things..then again I could be completely wrong about how to handle this. The information however needs to be present because most new users and the average user honestly don't know about most features.
[...] [...]
LOOKS good. And I'll second the call for an easy way to turn off (hide) things like the sidebar. I'd much rather have too many options and be able to customise the admin panel to how *I* work than have something forced on me (like wot we 'ave now guv).
Here's hoping Matt takes the feedback on board as well. WordPress is great and efforts like this need applauding.
*applaudes*
@Setti: You are not aesthete Rubbish! Form should still follow function. Good DESIGN is functional and 'PRETTY'. Just making things looks pretty when you design web applications is beside the point. Go and read some works of Otl Aicher and some decent interaction designer like Bruce Tognazzini.
Ignore the troll; this stuff looks great.
I do miss the use of serif type in the UI, however. That always seemed like a unique aspect of the WordPress experience to me. You might also want to bump the type size up a bit. As Ellen Lupton, author of Thinking With Type points out (apparently quoting Paula Scher), "Amateur typographers make their type too big. Experienced designers, however, make their type too tiny."
My only other suggestion would be to cut back on the blue a little bit. Blue has been over-used on the Web for years, and it does little to enforce a unique brand image or aesthetic for WordPress.
Adam, I hear you completely about the type, that's where we'll be playing around the CSS, and then Matt will probably bump it up a couple of sizes :) nooch :). We'll be sure to keep that in mind though.
As for the blue, we decided earlier on that we needed a colour to distinguish WP from the rest. Orange was taken (txp), grey/green was taken (MT), green and whatever was taken (Symphony), simple grey was too drab (at least that what I thought), blue's a good solid colour. Loads of reasons to go for blue. Just a quick point there are 3 shades of blue and that's it. They are used everywhere, but only those three shades.
Please don't even think about using the same fonts as the current admin theme. It looks way too ugly on Windows. Too many jagged edges. And Clear Type is out of the question.
I switched to another admin theme (can't remember the name) to prevent that.
And if you guys really want to use a serifed typo, use Trebuchet MS.
And the font size... looks OK, as said, could use a point more.
But NO HUGE AS XBOX FONTS please. Wordpress is a Weblog software, not an advertising panel.
And BTW I'd love to get a copy of that WP 2.1.0 :P
That's an awesome admin theme and it even better than tiger admin or maybe I could be wrong. Keep it up guys...
[...] Hoy se ha hablado mucho sobre Shuttle Wave One, y realmente lo merece. Wordpress es un gran CMS, pero tiene muchas carencias y una de ellas es el cutre diseño del menu administrador (más cutre es el de PHP-Nuke) pero es algo que realmente no esta muy cuidado aunque hay que reconocer que ganaron puntos con la versión 2.0. [...]
Very nice :D Im waiting!
Wow... coming along great... really looking beautiful. I can't wait to use this one.
Shuttle...
Un muy novedoso proyecto para WordPress, Shuttle, finalmente sale a la luz. Desde hace muchos meses se viene hablando de este proyecto, conducido por BrokenKode, Josh, Mike y Chris entre otros. Hoy en Broken Kode nos presentan las primeras capturas de ...
[...] WordPress 2.0.2 is uit. Met hun vingers in de dijk stoppen de mannen achter WordPress het water dat beveiligingsrisico heet. Upgraden dus. Intussen wordt een eerste versie van Shuttle, een uiterlijke aanpassing van de schrijfomgeving van WordPress, publiek gemaakt. Het is nog geen onderdeel van WordPress 2.0.2, maar het ziet er veelbelovend uit! Er zijn nog geen reacties geplaatst >> Plaats een reactie E-mailadres is verplicht, maar wordt niet getoond. [...]
anybody knows release date ?
i cant wait :)
[...] Khaled over at Broken Kode has released some early screenshots of Shuttle, an eagerly awaited “beautification” (complete re-design) of the WordPress administrator interface. The Shuttle team is comprised some of the heaviest hitters in the WordPress universe, including Michael Heilemann and Chris J Davis of K2 fame. [...]
[...] Speaking of tech, I’m looking forward to this attempt to make the admin-interface in WordPress better-looking and more useable. [...]
[...] First up is the Shuttle project, which has now reached the ‘wave 1′ stage, and I must say it’s looking absolutely beautiful. Shuttle is the project by a couple of guys to make a better Wordpress backend interface. Anyone who is using 2.x can already some of their influence in the current version, but the official stuff looks way better. Let’s hope it gets released soon. [...]
[...] I stumbled across this super cool Wordpress plugin currently in development while looking for Wordpress themes today on del.icio.us. It was soo kool that I had to write about it, its a plugin to make the admin section of Wordpress more usable and friendly to the eye, so go take a look here and peruse all its goodness. After stumbling across this it has inspired me to go look at the codex to see if there are any other cool new plugins for Wordpress. [...]
[...] Mira las capturas de pantalla y verás porqué Shuttle cambiará por completo la forma de administrar tu blog… [...]
[...] Although I can’t say that WordPress’ code is a piece of art, the way they promote the GUI is great. I like it a lot. Especially when you see something like these mockups. Michael also has a post about this. Have a look. Mockups are really exciting! [...]
[...] Shuttle es un proyecto para mejorar la interfaz administrativa de WordPress. Los responsables de llevar adelante este proyecto, han colgados algunas capturas de pantalla e información en Broken Kode. Vía Mangas Verdes. [...]
[...] Khaled posted an update on the progress of the Shuttle project. [...]
It looks amazing!
I hope it'll be compatible out-of-the-box with RTL languages because it could be a real pain to fit that to right-to-left..
Thanks for all the hard work!
[...] Wordpress (mit seiner Community) ist für mich momentan mit das heißeste und innovativste Stück Software in der Freie-Software Szene. Ganz ohne Patente… Ich bin gespannt, was da noch alles kommt (Shuttle als neue Admin-Oberfläche z.B. sieht auch vielversprechend aus). [...]
looks promising, now if only that 'update available' button could be joined by an 'update now' button.
[...] I am so excited to see this in action. I can’t wait to get my hands on it. I knew that if I loved it so much, my wordpress users would too. Here are a couple of screen shots of the Shuttle project. [...]
I'm fricking drooling!!!!
Great work guys, this looks fantastic. Even if it doesn't make the main build of WP, presumably you'll make it available as a plugin?
When is it coming out?
[...] Shuttle Wave One for WordPress Admin The Shuttle team has been working on the beautification of the WordPress administration panel. Looks sweet! Keywords: hacks, wordpress [...]
Personally I like the current dashboard style and it could use a fix up but the sidebar is complete gone, not what I was hoping for.
WOW!
It's realy cool! When is it coming out? I need it!
[...] Acaba de salir esta pequeña actualización de wordpress. Pero no, aun no trae el rediseño del panel de administración llamado shuttle-wave-one. Lo típico, corrige algunos pequeños fallos y nada más de interés. Por cierto, al instalarla ya no veo el dashboard. De todas formas, no lo utilizaba… xD Escrito en: Sobre la web, Miniblog, Todo internetComentarios: Hay 2 comentarios [...]
[...] Das Team, das auch für die Entwicklung des Wordpress-Themes K2 verantwortlich zeichnet, ist offenbar schon seit längerem mit einem Redesign des Administrationsbereichs von Wordpress beschäftigt. Codename “Shuttle”. Ein paar Photoshop-Entwürfe sind hier zu sehen. [...]
Any chance we can get a white on black version for tired eyes that are practically bleeding from blazing white background? I noticed that even your site here has a dark blue background ;)
Looks good though, can't want to see it released...
So does this work with a 1024 layout screen size or do you need an absolute 1280? Not everybody that blogs has their screen maximizes to the full res, or for that matter have the capability for it.
Great looking admin theme, looking forward to use it on the release mate :)
[...] veröffentlicht am 08.03.2006 um 00:28 und eingeordnet in Allgemein. Benutzen Sie diesen Permalink für ein Lesezeichen. Verfolgen Sie alle Kommentare zu diesem Eintrag mit dem RSS-Newsfeed. Post acomment or leave a trackback: Trackback URL. « Supersites-Sixpack: Mehr braucht der Brite nicht Inquisitor - Leichter Suchen mit Safari » [...]
[...] For more information and download, visit OrderedList. Another beautiful wp admin plugin is SpotMilk Admin Theme.And something to really look forward to is The Suffle Project . [...]
[...] Pues todos los expertos señalan a que así será. Habari debido sobre todo y como bien se apunta desde Anieto, a que cuenta en plantilla con uno de los desarrolladores de K2, Chris J. Davis, y con algún fichaje estrella más de última hora como puedan ser Khaled Abou Alfa del proyecto Shuttle (próximo cambio de interface del dashboard de WP) y Michael Heilleman creador este último de Kubrick ,..parece apuntar maneras,… pero bajo mi punto de vista hay que tener en consideración varios puntos antes de intentar ahogar a WP…. [...]
So when is this goin go be released?
looking good, looking good
Jan said:
Never.
[...] Si desean pueden pasar a Broken Kode, el sitio de Khaled, para ver otras capturas de pantalla. Tags:Web, Wordpress [...]
I can't stand the new admin panel from wordpress 2.5 hurry up guys. Thing's look perfect now. Please hurry up! Please i'm ashamed i'm a worppress user with that horrible admin panel.
[...] ya vieron que bonito se ve (valga la redundancia) el theme Shuttle, para el administrador de WordPre.... P.S2: pero como Shuttle no ha salido todav