A little while ago, I got a Gmail account. Out of sheer stupidity, I decided on the username royboycop@gmail.com.

Today, I get this message on IM from Han:

hannypoooh: puhahahha
hannypoooh: i just got "royboycop"
hannypoooh: i was thinking... why the heck did he put the "cop" there?!?!

If you don't get my name, think about it for a while. Think about an old school movie featuring a cop ... that's robotic... yes.. yes... YOU GOT IT NOW. Good. Let's both laugh at my idiocy.

I spent about 8 hours on this new design for the Tabulas control panel (yes, yet ANOTHER redesign on the CP itself. I'm pretty happy with the way this one has turned out... (HTML Mock Up Link).

Stuff of interest to note:

  • I'm moving towards heavy use on icons. I actually went out and purchased a set of icons to use ($$$!!!) for this site (an icon set I'm very happy about). Icons help minimize space, keep the interface graphical (so you don't have to friggin' read). There's a slight learning curve, but I think the benefits far outweight the costs of switching to heavy use of icons
  • The top navbar. Too often have I gotten complains about the 'ugliness' of the top admin navbar. I'm thinking of using graphics instead of text (because ultimately you run into all sorts of nasty problems with overriding CSS and stuff) ... with... yes... icons.
  • Not much has changed in terms of the "general" structure of the site. I still love the top green area (I think that is a Tabulas trademark).
  • I've decided the "killer" app in Tabulas will be the messaging system. For that purpose, any new messages will be displayed on the top nav bar area in red.
  • Most of the changes are simply in making the CP more "modern" looking...
  • You'll notice the markup is completely dependent on CSS. I still use tables for tabular data (like the entries list in the mockup)

My only complain about this design is it seems a bit too "busy." But really in a content-rich environment like Tabulas, there really is no way around it at all.

But yes, this took 8 hours between yesterday and today. Most of the time was spent doing the Photoshop mockup ... then the rest of the time was getting it down to HTML/CSS. Another few hours will probably be spent spec-ing out all the display functions I'll need in PHP to output some of the more dynamic areas.

Onward, ho!

P.S. AudioMatch.net launched. If you want a free 14-day trial, leave me a message with your e-mail and I'll send you an invite. There's still a LOT of work to do with AM, but the basic structure of the site is up, so I can at least have some peace of mind.

Posted by roy on September 7, 2004 at 05:49 PM in Foolishness, Tabulas | 13 Comments

Related Entries

Want to comment with Tabulas?. Please login.

PimpCow (guest)

Comment posted on October 7th, 2004 at 09:34 PM
Hook me up with a trial, man! =p My email is timespray@comcast.net.
Comment posted on September 8th, 2004 at 08:05 PM
"that green is tired and played, y0" - hater
Comment posted on September 9th, 2004 at 02:35 AM
Comment posted on September 8th, 2004 at 07:33 PM
i agree, it looks kinda "busy" hehe. but the icons are really nice. and yeah, keep the green area!! =)

MacDaddyTatsu (guest)

Comment posted on September 10th, 2004 at 02:05 PM
The gree rocks heathen! If only he used it more! It could become the trademark of the system. I think that if Roy pulled the design together with that green and some sort of obvious iconetry...you might have REALLY blunt commercial sucess. People like brand recognition.

MacDaddyTatsu (guest)

Comment posted on September 8th, 2004 at 01:42 PM
I really like the look you are going for. Its clean and the layout of functions is good too. I know you already know this, but mouseover "alt" test helps a lot with image based naving. It can also save a lot of wasted space, by telling the client to move the mouse over an image to see its function. Widgets. People love them wether they know it or not...

I like that the new layout is more streamlined and that some of the more "obscure" features now have tabs at the top of the CP section. That is a stroke of brilliance, because it trims down the learning curve. Making the more usable functions available in a collapsible directory style layout always helps sub-naving too.
Comment posted on September 9th, 2004 at 02:35 AM
danke danke! i will continue my work in this direction then!
Comment posted on September 7th, 2004 at 09:05 PM
hey, i'd loove a 14day trial, email's delevero@earthlink.net

phineyae (guest)

Comment posted on September 7th, 2004 at 08:43 PM
Icons sounds neat.

I like the new CP..
Comment posted on September 7th, 2004 at 06:54 PM
I agree; the green header is what I think of whenever I think of the site.

Oooh, icons.
Comment posted on September 7th, 2004 at 06:52 PM
The links botched--it points to <a href="http://www.roykim.net">www.roykim.net</a>. Remember your http:// man!

The design's sweet, the interface is much more intuitive. What about adding mouseovers to the icons and tabs using Pixy/Shea's method? They add a certain bit of interactivity to the design. Makes the user feel like they're at a more professional page.

I really love, and have always loved that top green area. And the logo's nice too. Ever considered merch?

Also, using asterisks for alt tags seems to be a bother when using Firefox. I thought you could use an empty attribute like this: alt="".

Instead of cluttering the markup with dots separating the navbar-links, why not make the dot a background image and add padding? The navbar looks a bit wonky with styles disabled.

Normally, I add &#60;hr&#62; tags to my markup with the class "hide". I use CSS to hide them graphically, but when styles are disabled, they separate the sections of the site. Shea uses them too, check his page for an example.

The design's straight-forward, easy to use, and adaptable. Love it. And it's semantic, too.
Comment posted on September 7th, 2004 at 10:34 PM
Yeah, I was too lazy to completely make the whole thing XHTML valid; I did update the new design (not posted online publicly) that does use a BG image for the dot.

I never thought about doing the hr trick... I'll have to try it out later. Good stuff.

Note: I use asterisks because I remember reading somewhere back a LONG TIME AGO that this was the "proper" way to handle images... but now I guess it's just "" is the best thing.
Comment posted on September 7th, 2004 at 05:55 PM
thank you sir, for putting my freaken sn for all to see!!! now i am a celebrity!