Archive for the ‘Design’ Category

What Makes Web Minimalism Effective (Part 1 of 2)

Sure, design trends come and go - but one trend that seems here to stay is the oh-so-popular Minimalism style. Though Minimalism can easily be a pitiful excuse for design, Minimalism (if used right) can be extremely powerful. However, in order to use Minimalism effectively, we must first understand what makes Minimalist design so effective and powerful.

The underlying principal is extremely simple.
Minimalism strips down the work to its “most fundamental features.”wiki

By stripping away all excess clutter, we remove all distractions from the message of the web site. For example, (more…)

Excellent Typography Video: Advent Conspiracy

Thanks to a friend of mine, I stumbled upon this video: The Advent Conspiracy (by AdventConspiracy.org)
I personally think this video has an incredible message on many levels. Y’all may disagree.
Even so.
This video has EXCELLENT typography.

Get involved and learn more: Advent Conspiracy .org

Project 1071 - Another Design Showcase

Project 1071 - a design showcase
Here it is!
I have finally launched one of my pet projects - Project 1071.

Project 1071 is a design showcase that allows visitors to easily search sites based on extensive tagging. With Project 1071, visitors can search the archives for all sites using top navigation with a grungy look and any other combination of design elements. Project 1071 also features a decent amount of info about the site, it’s designer, comments by the visitors, as well as a review by yours truly. Furthermore, visitors can vote on the website and (in a few weeks) will be able to view the highest visitor rated sites.

Excited?
No?
Oh well - doesn’t matter to me. Project 1071 is pretty much a place where I can archive all of the websites I like and easily search for them. That way I’m not scratching my head when I remember a website that implemented a good technique that I want to study and I can’t remember which website it was.

So here you go.
Project 1071.
I hope you enjoy it.
See y’all next week.

How to Use Your Sidebar to the Max

ProBlogDesign.com - SidebarSidebars are often overlooked, but in truth, an effective sidebar is key to retaining visitors.

Why?
Lemme explain.

With a standard (well designed) web site, visitors can arrive at a page (ideally) within 3 to 4 clicks. The nature of a standard static web site allows the navigation to work that way.
Blogs cannot work that way.

Blogs rely upon new an unique content that is sometimes posting new content 20+ times a day (like Engadget). It is impossible to build a site’s navigation to allot for that much content.

That is where the sidebar comes in.
The sidebar’s purpose is to drive visitors further into your web site.
Not all visitors may be drawn in by the particular posts that happen to be displaying on your home page at the time of their visit. Or even if they do, the sidebar should be designed to further grab their attention and turn a one-time-visitor in to a subscriber.

This requires a well designed and pruned sidebar for your web site.

What Goes in a Sidebar?

Common elements of a sidebar:

  • RSS Buttons
  • Search Form
  • Recent Posts
  • Advertisements
  • Popular Posts
  • A List of Categories
  • Navigation
  • Sideblog (a Asides, or Twitter Updates)
  • Author Info

All blogs are different - therefore what goes into the sidebar will vary from blog to blog.
New blogs won’t be able to have a “Popular Posts” section, some blogs won’t need a Sideblog - all blogs will vary. Some blogs won’t even need their RSS feed in the sidebar if they have it elsewhere!

Use it to the Max

When designing your blog, make a list of all the components you want in your blog (search form, popular posts list, RSS buttons, advertisements, etc.)
Then figure out what is going in the header and footer - what ever isn’t going in either (and is necessary) put it in your sidebar.

More important items should go towards the top.
Items like your RSS buttons, search box, and advertisements should always be above the scroll.
After those items the rest should follow in order of importance.

Each item should be unique and different from one another. Naturally, the more important items should stand out more.

Good Sidebar Designs

ProBlogDesign.com
PSDtuts.com
Skelliewag.org
I Love Typography - though possibly a little big…
Abduzeedo

It comes down to a logical thought process - analyzing your blog’s needs and the options before you.

Further Reading
ProBlogDesign.com’s Sidebar Redesign Thought Process
Sidebar on the Left or Right? - Pro Blog Design
50 Tips to Unclutter Your Blog (Including 27 tips on how to unclutter your sidebar) - Skelliewag

Plugins
Sideblog Plugin
Twitter for Wordpress
Popularity Contest - note, plugin does not work with Wordpress 2.5 as of 4/23/08

It’s Complicated… - The Power of Minimalism, Part 1

Part One of The Power of Minimalism

Minimalism is arguably the most effective form of web design currently in existence.

Visitors don’t have to wait for annoying flash animations to zip across the screen…
Nor heavy images and graphics to load…
Nor try and figure out confusing animation…
Or anything annoying design related ‘harassment.’

Minimalism fights against it all.

The problem with minimalism is it’s complexity.

Yes, that’s an oxymoron.
But it’s true.

Minimalism strives to remove as much as possible from the design as well as keep as much as possible in the design.

Yes, that is another oxymoron.

Think about it.
Good minimalist web sites (usually) employ simple navigation, simple graphics (or an image), a logo, and effective colors.

Those four components form an extremely delicate balance.
If one element is a little too much, the entire formula can be thrown off.

Even though minimalism is one of the greatest forms of design out there, it is the most difficult to use to it’s full potential.


I have addressed minimalism before, and perfecting Minimalism has become sort of a passion of mine.

Thus, I shall be turning this into a mini-series, and (eventually) write an eBook on Minimalism.

If you know of a good Minimalist web site, please let me know.

Again, stay tuned for the rest of the mini-series.

Minimalism - A Designer’s Excuse

Sorry for the lack of posts, but circumstances have prevented me from being able to post.
However, the lack of posting has given me lots of time to think.
And since I have several web site designs going right now (more than I probably should), I have been thinking a lot on, well, web site design.
So, let’s examine one of today’s web trends.

Minimalism

Minimalism?First off, what is minimalism?

Uh…
Well…
You can’t really describe it in detail.
I’ve explored the topic before, and I received very mixed responses.

But in short, Minimalism is a web site that is stripped down to just the basics to put the focus on the content and decrease load time.
There are many other factors to consider, but I have found that the previous statement is pretty general all across the board.

The discrepancy often centers around how little is minimal, and what can be included in minimal sites.

I think it’s [JustinBlanton.com] not to minimal. Sure it might not have an identity but it still works. I think a site will be to minimal when it has bad usability. You could argue in a way that apple’s iphone is to minimal because it takes 2 click to switch programs. I am in no way saying its an unusable phone. Don’t flame me boys.
-Jonathan Solichin

RandomJabber.com and SkellieWag.org are not minimal list. They employe heavy graphic elements. Especially Radom blog you can see too busy at the side bars and at footer.
-Binh Nguyen

Ultimately, I don’t think you can put a checklist on minimalism.
Minimalism is a general category that cannot be nailed down into a science.

Ok, let’s move on.

The Excuse

Since I’m a web designer, I’m trying to immerse myself in good web design so it is always at the forefront of my brain, and thus, shows up in my designs.
In my ‘immersion,’ I’ve been following and browsing many design galleries.
In doing so, I have seen a lot of minimalist web sites.

Most of them suck.

Why?
They’re not very thought out.

Minimalist designs rely heavily on the design’s grid, the identity, colors, and a graphic (and/or photo) or two.It seems that Minimalism has turned into an excuse for designers to not design.

Minimalist designs must be very thought out and extremely effective in order to be ‘good.’

What Makes a Minimalist Site Effective?

I believe I’ve covered this before, but I can’t quite remember.
So let’s look at it again.

A Good Logo

Having a good logo increases memorability tenfold.
It defines your brand and sticks in your visitors heads.

Emphasis on the Content

This can be achieved many different ways.ProBlogger.net
Colors are often used for this.
By having the content’s background a different color than the rest of the web site will draw the eye to the content. ProBlogger is a good example of this.
Also, placing images in the post headers accomplishes the same thing - like Skelliewag.

These are just two ways to do so - but the possibilities are endless.

Simple Messages

Simple and effective messages are also very memorable.
Like how my tagline contains just three words: “Design & Blogging.” Instantly, visitors know what my web site is about. Unfortunately, the message isn’t as prominant in this design as I’d like it to be. I’ll fix that in my upcoming design.
Wake Up Later
However, Wake Up Later is an excellent example of a simple message and conveying it well.

Icons

Icons are also nice touches.
They can be memorable (especially if they’re unique icons) and they add splashes of color and imagery to the design.


Thoughts?
Is Minimalism just turning into a designer’s excuse?
How can we avoid the excuse and use Minimalism to it’s full potential?

Cartoon via World Magazine

If Content is King, What’s the Queen?

We all know that in the web world (especially blogging), content is king.
But what is its queen?

I would have to argue the queen of the web is design.

Presentation is (Almost) Everything

Think about it.
I went on over to Google and search for “Free Web Site Reviews” and got ‘about 84,200,000′ results. (yes, that is how many results come up)
Two web sites caught my eye. Their titles were nice and the descriptions were exactly what I’m looking for.

I clicked on Site A and the design on the web site is horrible.
It looks as if the designer didn’t care at all about how it looked but only cared about getting the web site online as quickly as possible and filling it with ads.
What did I do?
I left.

Returning back to Google, I choose Site B.
As soon as it loaded, I was confidant that the review service was worth it.
Why? The web site’s design is clean, well done, ordered, and aimed at the visitor.

What was the difference between the two web sites?
Was it content?

I’m not sure…
I didn’t even look at Site A’s content…

That is exactly my point.
How many times have you done exactly that?
You went to a web site, it looked horrible, and you moved on?

That is why I say Content is Queen.
Granted, without good content, you will not gain links or regular visitors - but if you do not have good design, you won’t even have any potential readers.

Ok, so now what.

Enrapture Your Visitors

You have about five to ten seconds to keep the majority of your visitors.
In those moments, you need to show your visitors what your web site is about, why they should stay, and how they can dive into the content.

Probably the best example of doing so is Apple.com.

Apple.com

Apple’s home page is simple and to the point.
You look at Apple.com, and you know what the site is about and have reasons to dive in.
It looks nice and is easy to understand.

Just how do you take advantage of the Queen of the web?
Well, that’s what plainbeta is all about.

Stick around as we dive into the ins and outs of design and how to take full advantage of her.