New Music!
So from the end of March to the end of April some of my favorite bands are releasing new albums. This is, of course a good thing. Who do we have? Well…
- The Strokes – Angles
- Foo Fighters – Wasting Light
- Death Cab For Cutie – Codes and Keys
I think I might try my hand at a review of these. Hmmm…
American man-bits are different
Looks like the Arizona GOP is continuing their Crusade for Stupidity. This time in a birther inspired bill aimed at President Obama.
From the article:
Because not all states even produce such records anymore, the billallows prospective candidates to provide any two of the following documents in lieu of a long-form birth certificate: an “early census record,” a signed post-partum medical record, a hospital birth record (also known as a certificate of live birth), or a baptismal or circumcision certificate.
Yup, the state of a mans penis can now be used to prove citizenship. Besides the obvious constitutional issues you have to wonder at the level of stupidity here.
Uniformity, Conformity, Style and the UI
I just watched an interesting talk by John Gruber titled “The Gap Theory of UI Design” that he gave at Webstock ’11. The video can be found on vimeo. Since they don’t allow embedding I’ve linked. He goes over some good points, mostly regarding the idea of uniformity of look versus consistency and how they are not the same thing. Two points really jump out though. The first is that people want something that looks cool, the second thing he touches on briefly, even though he doesn’t call it that is the POLA principle.
POLA is an acronym for Principle of Least Astonishment. This is, to me, the most important factor of any UI design. It’s a pretty simple idea – any changes you make should be the least surprising for the user in question. My sense from looking at his presentation and how Apple has treated things like the HIG, the look of their OS, and the direction is has taken has shown a strong commitment to this principle. What Gruber points out, rightly, is that while things can look different they can still be consistent in how they behave. We have that in clothing. To use his example the button placement on a mens shirt.
The issue of designing versus styling really hit home over the weekend. In my web browsing I’ve noticed more and more the “Landing Strip” style of web design. It is mostly prevalent with template driven systems but I see it a lot of other places. What do I mean? It is not taking into account screen width possiblities when designing. I run on a widescreen monitor. My windows, as a result, tend to be wider versus longer. When I go to a page that is one huge, narrow strip it can be jarring to say the least.
This first screenshot is this blog. It suffers from this to a degree but the color and look makes it less jarring. I do need to work on this though.
This seconds screenshot is a great example of the landing strip. Note how on a wider monitor the whole thing feels a little squished. This is my WoW guild website. It is built with one of the hosting company templates. If I had the time I’d work on something much, much better.
The key to making this not happen is designing a resolution independent web. What is resolution independence? To quote the wiki -
In computing, resolution independence is the concept that elements on a computer screen can be drawn at sizes independent from the pixel grid.
This can be difficult, but is important to avoid the landing strip effect, it also is important to prevent what I call “The dead acres of whitespace” and the squished look on smaller displays. I think the idea of responsive design might be a good way to deal with this. At least that is what I’ve been looking at. I hope UI designers, especially web ones, take this principle and idea to heart. To paraphrase Guber quote “Design is how it works, Style is how it looks.” He is not the only one that marks this difference though. I’ve linked some other docs which talk about this. Some resources I’ve been looking I’ve listed below. While it is very difficult, I do think it is possible to create a web page that is resolution independent.
Reading
