Archive for the 'Design' Category

Where Does CTRL-W Come From?

I’ve been wondering recently about the history of CTRL-W.

As a convention, it seems universal: CTRL-W closes a tab. I’ve found only one application which uses a tab-convention for different “pages” but does not accept CTRL-W to close tabs (MomentIM, a Jabber client).

Everything else I’ve seen that uses tabs, also uses CTRL-W as the shortcut to close them.

My feeling is that it inherits functionality from CTRL-W as used to close the Window. I don’t think that was necessarily a universal convention, but it is widespread. Since a tab is essentially a sub-window, from a certain perspective, it makes sense that CTRL-W would close tabs, one by one, until only the main window is left — at which point the main window could also be closed via the same mechanism.

I’m curious: can anyone recall the earliest application they’ve seen using CTRL-W? CTRL-W, and tabs? For me (tabs + CTRL-W), I believe it was Homesite and/or Mozilla, but I’m sure that it was in use as a convention prior to that.

Can anyone give us some history?

Destroy The Web 2.0 Look

Dovetailing nicely with my appeal for some new cliches, Elliot Jay Stocks of Carsonified recently did a talk called “Destroy The Web 2.0 Look.

Thank you, Mr. Stocks! Excellent presentation. That presentation is suitable for a ChangeThis manifesto, if you ask me.

Personally, I think some of the elements of typical “web 2.0″ design wouldn’t be that bad… if they were not slavishly applied to Every Single New Web Site/Application/doohickey that we see fly off the shelf. But since they are, I think a backlash is long overdue. Vive la revolution! Let’s not reflect a logo, for a change.

Of course, this means that people will need designers to actually design again, rather than just going through all the “2.0″-ish Photoshop tutorials they found on Smashing Magazine or Mashable. Good!

The slide show:

Webdesign: We Need Some New Cliches

This is a bit hypocritical, as I’ve got my share of design cliches on this very site… but here goes anyways.

Let’s have some new cliches.
- Samuel Goldwyn

Can we come up with some new ideas?

Can more than one style of design be prevalent at any given time?

Does every Web 2.0 app need shiny, glossy, reflecting, drop-shadowed, glowing logos/icons/images?

Is that gradient really necessary? (I love gradients, don’t get me wrong… but… does every design need one?)

Do those corners need to be round? I mean, if all corners are round, it stops being distinctive, doesn’t it?

————————

Now, all this being said, there are many, stunning examples of creative web design out there. I know it, you know it. And, there is something to be said for a reliable, familiar design. Nobody complains that most newspapers look alike, because the important thing is that the information on the pages is communicated legibly — form follows function.

So, I don’t know. Maybe this is just a rant; there’s nothing new under the sun, everyone’s design will be derivative of something, etc., etc. Maybe so.

Can we at least try to come up with some new cliches?

Can the Del.icio.us Preview Become Reality Any Sooner?

I recently got a look at the new del.icio.us interface.

It can’t come soon enough. The warning that any new bookmarks I made in the preview would be lost more or less dissuaded me from using it, but… dang it. When, please? Anyone?

Too much work? Can I help? ;-)

The New Ruby Logo: Why?

So, apparently there’s a new “official” Ruby logo. The reason I link to Ruby Inside rather than the Ruby Association is pretty simple; it’s followed by 98 (and counting) comments that pretty much echo my first thoughts on seeing the logo: ewww.

I don’t think of myself as a design snob, and I’m not a graphic designer myself: but I do ( I think) appreciate good design. This is really not my idea of it; I far prefer the ruby on Ruby-lang.org’s header, for example.

I suppose it’s a done deal; the winning designer won 100,000 Yen (about $872.40, according to Google) and the design was chosen by Matz. I just don’t see too many sites actually using this logo; it may be the one, but I have a hard time thinking it will get widespread adoption. I feel bad for the winner; I hate being criticized for my creative output, and I don’t really like dishing it out, either. Generally, I’d prefer to be “nice.”

But in this case, I have to agree with the prevailing opinion; I’m not a fan of the new logo.

Get An Invite To The Del.icio.us Preview

I read not too long ago that I could request an invite to the preview of the new Del.icio.us site.

So, I promptly did so. I just noticed this morning that the invite came in.

I love the new interface. It can’t be rolled out soon enough. It looks great, and I’m one of those people who believes that how a page/application looks does matter. No, it doesn’t need to be flashy, and looks don’t trump functionality, but it still matters (Ma.gnolia has arguably looked better than del.icio.us for years, but I still preferred del.icio.us, because despite not being exquisitely designed, the UI was still great. If the UI had sucked, that would be a different story).

A taste:

preview of new delicious UI

Some things:

  • The Look and Feel. This stands out first. I love it; it looks like del.icio.us, but cleaner. It seems to present more information, but it doesn’t look cluttered, confusing, or busy. There are several shades of blue and gray, which adds some nice variety and gives a very good feeling overall. Win.
  • The “tag” field; notice in the screen snip above, the “Type a tag” field right next to my username (just above the list of bookmarks.) Type a tag, press return, and voila; the list is filtered for that tag. A very cool addition, as soon as you do this, the line changes to look something like a bread crumb trail, to “username > tag > “Type another tag”. You can filter out tags, as many as you like, and each of them has a little “x” next to the tag, so you could search filter for 4 tags and then decide to cut out just one of them… or two… in any order. /me likes; win.

Can we all agree that the new interface is awesome? Perhaps not, since you may not have used it. I will prematurely begin to agree with this sentiment and wait for you all to catch up. No worries: I’ll be here.

Crimes Against UI: The MySpace Navigation Bar

Just made my bimonthly visit to myspace, got to one of my friend’s pages, and noted that I wasn’t logged in.

I scanned the navigation bar (you know: “Home | Browse | Search | Invite | [etc]“), and — there is no “login” link. To login, you actually have to go to “Home” first, then login, then go back to whatever page or profile you were trying to get to previously.

MySpace is in a position where in a very real sense, they have so many users they can afford not to care that their UI sucks. This will not always be the case; are they going to fix their UI before then?

Maybe.

Sidenote: Are they still using ColdFusion? Wow.

On Minimalism In Website Design

There’s a definite trend towards minimalism in web design. This is offset by a parallel trend towards bright, flashy, web design.

I like bright, flashy web design just fine, as long as it’s done well. There are a lot of great examples of this sort of design, but I’ll save that for another post.

I think there are quite a few compelling reasons for the attraction of minimalist web design, and I don’t think “I’m not a designer” is the main reason. It’s probably a common reason, and it’s better to go with a minimalist design that looks good than it is to go with a graphic design that looks bad. I don’t think “minimalist” should be equated with a lack of graphic design, however. A strong, primarily text-based, design is still a graphic design, as anyone who has studied typography, grid layouts, and/or publication design will attest. However, blogs like Subtraction and InformationArchitects are great examples that minimalist designs can also be stellar graphic designs.

There are some compelling reasons why minimalism in web design is more than just a way to avoid spending hours in Illustrator or Photoshop.

The first is the one I’ve already alluded to: minimalism in graphic design is still a graphic design. Now, as far as web design goes, there are a couple different extremes you could go towards: I’ve already mentioned Khoi Vinh’s excellent Subtraction design. It’s very calculated, well-planned, and well-executed. Other websites give the impression of having been barely styled at all. Dave Winer’s Scripting News would seem to fit well here, though he’s recently added some Ajax, and though he tends to favor many styles that look like HTML defaults, there’s obviously a lot of CSS going on there — it’s just a very different style of minimalism than Khoi Vinh’s. (I can’t think of any weblogs or sites that are left completely unstyled, thought I recall that Bryan Veloso left AvalonStar unstyled for awhile once when he was between theme-designs.)

The rest of the benefits flow from that first observation. I want to write that a minimal design will accentuate usability, but that’s not necessarily true. You could have a very minimalist design and still hide your navigation or RSS feed in the bottom right corner of a long page that I have to scroll down to find. You could hide your navigation links behind nice, modern-looking icons, but provide no text to tell me what the links point to. There are a lot of ways you could be minimalistic and still have a pretty un-user friendly web interface. However, I do think that choosing to do a minimalistic design makes it a little easier to notice and consider these things. If you’ve decided you’re only going to have a few links in your sidebar, you’ll probably consider which links you decide to put there. You’ll probably stop to think that the one(s) you want people to notice should go at or near the top. And so forth.

Thirdly, even though a minimalist design is still a graphic presentation, the design is played down to the point where it is (hopefully) nearly invisible. Hopefully, this will shift the focus to the content of your page, which may or may not be what you want.

As I write this, I’m aware (and hopefully you are as well) that a well-designed page that is heavier on graphic elements should ideally still have all these characteristics; it should be usable, should accentuate content over style, should be easy to read. Basically then, other than the fact that you need not be a Photoshop or Illustrator wizard, a minimalist design is just another one of many choices you could make. It’s a design style that says something, just like the current glossy “Web 2.0″ style says something, the chaotic clash of colors that is a typical myspace page says something, a clean, colorful graphic design says something… it’s just one choice among many. I think a good minimalist design takes just as much thought and planning as any other type, even if you go completely unstyled — you still have to measure the pros and cons of that, and decide in what order your elements should appear on the page.

Minimalism is not necessarily better, more readable, or more usable; it’s just a different design mode.

Color Schemes are hard

Choosing colors for my new Wordpress theme (tenatively titled Webster) is proving problematic.

I know, there are a lot of color-scheme aids out there, but when it comes right down to it, they don’t help that much. You still need to decide where to put those colors. What color will the links be? The background? Other elements, if any? The text on the pages… the post-titles, the meta data? Just because you’ve been handed a collection of colors that (supposedly) complement each other doesn’t mean that you can assemble them on a page so that it looks good.
Continue reading ‘Color Schemes are hard’

Google Documents and Spreadsheets Gets a Facelift

If you use Google’s documents and spreadsheets, you’ll have noticed today (earlier?) that they have a facelift:

Google Documents and Spreadsheets screen grab

What stands out right off the bat is the standard, left-pane, folder-tree navigation. Since Google docs is a little different than just a file-system, we have not only a file tree, but various other categorizations; you can see documents by who they are shared with, by type, and so forth.

While the main differences seem to be cosmetic, there’s something to be said for a great user interface. That’s not to say that this interface is anything groundbreaking — but it’s familiar looking, which is nice, and it is extremely usable.

It’s nice just to see change, also. We’ve grown so used to seeing “BETA” slapped onto every web application that is introduced, I think we forget that beta means we should be expecting new features; i.e., that they are still working on it. Mind you, I realize that a lot of development will take place behind the GUI, but it’s cool to see some changes make it to the public face of the application once in awhile.

Honestly, the Google apps (web apps generally) have actually changed the software I use. I have NeoOffice (a mac port of OpenOffice) installed on my mac mini, but I have used it… once? For spreadsheets, written documents, I invariably use the Google apps. I used to use 37Signals Writeboard, but Google won me over by having both apps in one spot. On my linux machine(s), I expect I will always have OpenOffice installed… but again, I use it very rarely.

I’m getting as tired as the next person of the constant, ubiquitous, stream of Google-worship… but they make the best web software there is. They were “web 2.0″ before it was a buzzword. They created the app (maps.google.com, or gmail, depending who you ask… maybe both) that popularized “Ajax” before the term “Ajax” was even coined. They are the kings of software on the web, at this point in time. Way to go, googlers.