What’s New in Navigation Bars?

July 9th, 2009

The Internet seems to change almost daily. Trends that were popular a few months ago can become outdated almost overnight. Nowhere is this more true than when it comes to website design. With each new evolution, new standards emerge.

Navigation bars are one aspect of site design that seem to constantly change. So, what are the current trends?

When the web was still in its infancy, navigation bars took the form of a graphic interface and some were even Java-based. These types of navigation bars worked very well and are still fairly popular today.

However, as webmasters soon discovered, the function of a navigation bar played a large role in how deep visitors would travel into a particular website. Many web designers realize that simplicity is what visitors want in a website, which is why the current trend in navigation bars is gravitating toward using text links as opposed to the graphic interfaces or Java applications.

One of the most popular ways to navigate a website now is through the use of drop down menus. Drop down menus are popular because they offer superior functionality and ease of use while maintaining the integrity of the overall design.

Drop down menus are extremely easy for the average visitor to use and blend seamlessly into the website design. They also offer quick navigation of the entire site by being easy to access, yet still unobtrusive.

A growing trend is the use of mega menus. Mega menus are useful for navigating large websites that have multiple pages and sub-pages. Essentially, designers could create sitemaps with links to every page, but as sites become bigger – and more pages are added – these sitemaps become too big and too tough to navigate.

Another option would be for the designer to use dynamic drop-down menus or expanding menus, which would give readers access to any page on the site. However, the problem with these menus is that they can be tough to access, and since most require Java Script, some users will be left out in the dark.

Mega menus bridge the gap between simple menus and expanding menus. They’re easy to use and don’t suffer from the accessibility problems associated with some of the other navigation tools. Also, mega menus look good and can be seamlessly blended into virtually any site’s design. Check out the navbar on my site.

While your website can still function well using older style navigation bars, you might want to consider a switch in the near future. Your visitors will appreciate it.

post-72

Good Website Design Is a Skill, But Is It Art?

May 4th, 2009

No one can deny that designing a nice looking, easy-to-use website takes great skill, but is the finished product a work of art?

It’s a shame, but so many website designers focus solely on whether or not a site looks good without thinking about whether it functions properly. People can debate whether or not a painting works or not, but the same can’t be said for a website – it either works as it should or it doesn’t. And if it doesn’t, then all of the pretty aesthetics can’t save it.

This is why the top-tier web designers become like artists when they design a site. They take their talents, and combine them with the tools of the trade, to create something beautiful that functions seamlessly. It’s this merging of design and function that captures what it really means to be an artist.

Think of it this way: A painter can paint a picture of a building in such a manner that it looks like a photograph. It might look pretty, but what purpose does it serve other than to say, “Look, how good I can paint.” However, when a painter creates a work like the Mona Lisa, which people still debate about to this day, the work becomes art.

The same is true for website design. The design should not only be attractive to the eye, but it should be something of value – something that works. Anyone can learn to mix paints and to put something on a canvas that has some aesthetic value, but it takes a true master to make something that goes deeper than a mere image.

And if you spent just a half hour scanning the various websites on the net, you can see that not everyone is capable of going deeper than mere aesthetics. There are plenty of websites that look just fine, but fail to function in harmony.

Fine art requires the viewer to look deeper into the work. The Mona Lisa causes people to scan every brush stroke to figure out what da Vinci was trying to say. Likewise, a person can look beyond the graphics of a website and go into the code, which is where much of the mastery takes place. Great websites are often like great symphonies in that one extra note (or piece of code) would cause the whole thing to fall apart. It’s that fine balance that separates the websites that just look good from the websites that are great.

There are websites that go beyond the merely functional and become elegant creations that deliver the perfect balance between beauty and functionality, and it’s these websites that can be truly considered works of art.

So, what is art?

Art is generally thought of as something that has an emotional appeal to the person who’s viewing it. Art is something that can make you think or inspire you, which means that virtually anything can be art to certain people because it’s very subjective.

However, there are many websites that could be classified as art because they make you stop what you’re doing and stare at the screen in order to take it all in. Of course, once you take in all of the visual appeal, the website still has to work as designed. That’s the mark of a true artist: the combination of the visual with the functional.

What many people fail to understand is that web design isn’t easy because so many people can pull up a pre-designed template, or use a WYSIWYG program to create a simple website. This isn’t art; it’s more like painting by numbers. By the same token, you can’t learn a few codes, type them in and expect everything to come together. Good web design is a skill just like being an architect is a skill. Sure, you can draw a picture of a building, but without knowing how it all fits together – how to keep the structure from collapsing – all you have is a picture and not much else.

There are so many technologies that a web designer has to learn like HTML, (necessary, but won’t help you with the visual appeal) CSS, PHP, Javascript, SQL and many more. These are akin to an artist learning oils, acrylics, watercolors, gouache, as well as all of the various brushes, pens and pencils. You have to master them all if you want to develop something truly great.

Web design is an art because the designer must possess the skills of the visual and the technical, and must mesh those skills to create something that can be used (and appreciated) by everyone who comes by.

When you’re looking to have your website designed, don’t go for style over substance. There’s too much riding on how well your site functions for you not to hire a real website artist.

post-71

The 3 Most Essential Web Design Tools You Should Own

March 24th, 2009

There are several web design tools on the market today, and finding the right ones can be a challenge to a newcomer. While I use many web design tools, here are my 3 favourites:

Dreamweaver

With over 3.5 million users, Dreamweaver is undoubtedly the most popular and one of the best Website development tools in the market today. Dreamweaver has a wysiwyg (what you see is what you get) editor as well as a code view to improve your productivity.

You do not have to be a professional HTML programmer in order to develop a great website with Dreamweaver. You can use Dreamweaver to design forms as well as link to a database that uses popular technologies like PHP, ASP, .NET, and XHTML. Dreamweaver has CSS, server side includes, templates, and many others functions.

If you’re looking to develop professional websites, then Dreamweaver is THE tool for you. Improved CSS, XML and Flash video handling, and various productivity enhancements are just some of the features that are included in Dreamweaver. And while web developers still need to know CSS and HTML, Dreamweaver will allow them to take that basic knowledge to the next level.

Flash

When it comes to website animations, and multimedia applications, Flash is the de-facto standard that’s used by nearly every industry professional.

What makes Flash so useful is that it allows users to make animations (some that rival traditional cartoons) while keeping file sizes small. Small file sizes are vital to making sure your website loads quickly, which means increased traffic.

Flash was designed primarily to be an animation tool, but with each new version, the program evolved to become more powerful and feature-rich, while remaining loyal to its animation roots.

Simply put: if you want to create dynamic web pages with exciting effects, then Flash is the perfect program to get the job done.

Adobe Photoshop

Adobe’s Photoshop was one of the first image-editing programs to come onto the market. It quickly rose to become the number one image-editing program among professional designers and photographers. And while there have been numerous competitors that have come on the scene, no one has yet been able to dethrone Photoshop.

The main reasons for Photoshop’s success lies in its power and versatility. Adobe took the tricks and techniques used by professional photographers for decades, and ported them over to the digital platform. This digital workflow system made it a huge time saver for professionals who needed to create great looking images.

However, while Photoshop’s roots lie in photography, the program quickly evolved to become web-friendly. Adobe has included tools specifically designed for the web-designer — tools that allow them to make sharp graphics and images geared specifically toward the online world. Almost every button, banner, photograph and graphic you see on the web today has gone through Photoshop.

Learning how to use Photoshop is relatively easy; mastering Photoshop, however, can take years because the program has virtually unlimited potential.

Creating a great design for your site with these tools will be a bit on the expensive side, as none of them come with low price tags, but these tools will help give you the best looking site on the web in no time at all.

post-66

50 Signs You Are A Blogaholic

March 3rd, 2009

Are you are a blogaholic? Read this post by Jonathan Deamer to find out…
http://jonathandeamer.com/2007/06/10/50-signs-you-blog-too-much/

post-64

The Benefits of Microblogging

February 21st, 2009

What is microblogging?

Like traditional blogging, microblogging is a form of communicating with people who share a common interest. However, a microblog’s posts are much shorter, and are generally more personal.

A microblog post might let people know what you’re currently doing, what projects you’re working on, or what you have planned for tomorrow.

Microblog benefits

Traditional blogs are great because there’s virtually no limit to what you can talk about, and unlike printed material, there’s no restriction on length of content. However, because of the length of most blog postings, many bloggers don’t have the ability to deliver high-quality content day in and day out. They may write three posts a week, but sometimes readers want more.

A microblog allows your readers to stay connected to you because the posts can be read in a few seconds. These abbreviated posts will keep people interested in what you have to say between your longer, regular postings.

Another big advantage to microblogging is in the delivery of content. While most people still read blogs on the computer, more and more people are getting content via their cell phones and PDAs. These devices, while handy, aren’t set up for reading lengthy articles and blog posts because of their small screens, which make the microblog post even more attractive for readers.

You’ve no doubt heard about social networking by now. Sites like Facebook and Myspace have exploded onto the web, and have enticed millions of people to sign up. These sites are great for fostering communities and helping people stay in contact with one another. Microblogging takes the basic idea of social networking and strips it down to its core component – communication.

In addition, from a marketing standpoint, developing a relationship with your potential customers is vital to building trust (and sales.) Microblog posts will help keep people in touch with what you’re up to, allow them to interact with you, and build a community.

How do you do it?

Use one of the popular microblogging sites available online. The most popular site right now is Twitter. Twitter accounts are free, and are gaining in popularity. With Twitter, you won’t have to worry about being too wordy because you’re given a character limit that you can’t exceed. While some may see this as a hindrance, it’s actually very beneficial because it forces you to boil your post down to the most important point. You can also post links to your articles, blogs etc.

Another aspect of Twitter (and sites like it) is that it allows plenty of customization. You can set up your Twitter page to resemble your main website, which is a great idea if you’re trying to build brand recognition. There are also plenty of widgets (tiny applications) that you can run on your website that will display your most recent Twitter posts so readers won’t have to log into Twitter’s main page every time they want to read what you’re up to.

And, just like a blog, people can subscribe to your microblog’s feed and follow it like they would your primary blog.

If you’re finding that blogging has lost a bit of its luster, try setting up a microblog; it’s easy, it’s fun and the community you build can lead to increased traffic to your main site.

post-63