Fluid Design

By Robert Campbell on Tuesday, June 17th, 2008 Print This Post
Previous: Creating a Page Title
Next: Contact Information is Golden

It amazes me how many request I get for reviews of sites that are in another language. To often I forget that the internet is global, and I should most likely mention that I only do reviews on sites that are in English. Sorry, but it is the only language I can read.

screen shotI was asked to check out this Reiki site in regards to usability, and nope, can’t read. For those of you unfamiliar with the art of Reiki, it is a type of spiritual healing. Looking at the site, I immediately saw something I liked, title matching main heading. I just posted about this earlier this morning. Another item I saw, and it is something I do not see enough of, is the fact that they used a fluid design.

I like sites built in fluid design because it doesn’t matter what size monitor you have. The format is nearly timeless, and will not be drastically effected by future improvements in monitor quality. There are a few minor fixes the site needs like image margins, but those take about a minute to fix. The snap shot you see on the right was taken from my browser when it was reduced to half of my monitors width. If you could see my scroll bar you would be able to see that no horizontal scroll was required. It’s simple enough to test out just by visiting their site.

If you are unfamiliar with designing a site with fluid or flexible properties, you should do a little research on it. To overly simplify the description of a fluid design all you have to do is set dimensions to percentages, and font sizes to EM or percentages.

Get usability and design tips

Like this post? Get usability and design tips delivered by email straight to you. Full feed articles are delivered, and are managed by Google's Feedburner service.

Be the first to comment!

Get a detailed anaylysis of your website: BWI's Web Usability and Design Analysis

Just Posted! Variable Email Form with Mailto

Popular

Category: Usability & Design Tags:

Leave a Comment

Subscribe without commenting

Return to top of page