[U107]Usability In Web Design

Before starting, ask yourself: who am I designing this for? What are the target's preferences? How am I going to make this better than the client's competition? What will be my central "theme"? Would it revolve around a certain color, a certain style? Will it be clean, grungy, traditional, modern etc? What will be the "wow factor”? Then, before jumping to your favorite part - laying everything out in Photoshop, right? - take a sheet of paper and sketch your idea. This will help you organize the elements better and get a general idea of whether an idea would work or not, before you invest too much time designing in Photoshop. Shiny buttons, reflections, gradients, swirls and swooshes, grungy elements - all these are staples in contemporary web design. But with just about everything else, moderation is key. If you make everything shiny, you will end up just giving your visitor an eye sore. When everything is an accent, nothing stands out anymore. Egalitarianism is desirable in society, but it doesn't apply to the elements on your web page. If all your headlines are the same level and all the pictures the same height, your visitor will be confused. You need to direct their sight to the page elements in a certain order - the order of importance you can visit www.automatic-content.com

One headline must be the main headline, while the others will subordinate. Make one picture stand out (in the header, maybe) and keep the others smaller. If you have more than one menu on the page, decide which one is the most important and attract the visitor's view to it. Create a hierarchy. There are many ways in which you can control the order in which a visitor "reads" a web page. Don's just use elements because they are pretty - give them a legitimate place in your design. In other words, don't design for yourself (unless you are designing your own websites, of course), but for your customer and your customer's customers. It's easy to get tricked into reusing your own elements of design, especially once you got to master them to perfection. But you don't want your portfolio to look like it was created for the same client, do you? Try different fonts, new types of arrows, borders styles, layer effects, and color schemes. Find alternatives to your go-to elements. Impose yourself to design the next layout without a header. Or without using glossy elements. Break your habits and keep your style diverse. If you're not the one coding the website, talk to your programmer and find out how the website will be implemented. If it's going to be all flash, then you want to take advantage of the great possibilities for the design and not make it look like a standard HTML page. On the other hand, if the website will be dynamic and database-driven, you don't want to get too unconventional with the design and make the programmer's job impossible. Instead, offer your expertise: explain how different elements look great in a certain context but don't work in another one or in combination with other elements. That's not to say that you shouldn't listen to your client or go to www.javascript-magic.com

Take into account all their suggestion, but do it to their best interest. If what they suggest doesn't work design-wise, offer arguments and alternatives the happy customer support representative, the successful (and political correct) business team, the powerful young leader - they are just a few of the stock photography industry's clich's. They are sterile, and most of the time looks so fake that will reflect the same idea over the company. Instead, try using "real people", or search harder for creative and expressive stock photographs being creative are in your job description, but don't try to get creative with the things that shouldn't change. With a content heavy or a portal-style website, you want to keep the navigation at the top or at the left. Don't change the names for the standard menu items or for things like the shopping cart or the wish list. The more time a visitor needs to find what they are looking for, then more likely it is they will leave the page. You can bend these rules when you design for other creative - they will enjoy the unconventional elements. But as a general rule, don't do it for other customers. Stick with the same fonts, borders, colors, alignments for the entire website, unless you have strong reasons not to do so (i.e. if you color-code different sections of the website, or if you have an area dedicated to children, where you need to use different fonts and colors). A good practice is to set up a grid system and build all the pages of the same level in accordance with it. Consistency of elements gives the website a certain image that visitors will become familiar with.