Web Design Tips, Tutorials & More!

Web Design Guides Archive

Ruby on the Rails is designed to do it all and quickly.  Many of the nuts and bolts of development are integrated into the framework already, and many developers are learning to love Ruby on the Rails.  That being the case, here are some features about it which may prove useful to you if you are planning to implement the Ruby on the Rails framework into your field of web development. Traditional architecture problems When building a web application, traditional architectural problems such as persistence, logging, application development, script building, web tier components, and workflow raise their ugly heads.  This makes web development a complex and time consuming process.  The Ruby on the Rails framework takes a very different approach to the problem, by making …

Read Post

Designing and building a website is a complex task, and there are many margins for error. The idea behind having a checklist, is to try and find out where any errors are, and fix them before any website goes live. These check lists range from the start of a web design well before any sketching, coding, or even asking the question, so what does this site do? If you follow these checklists you will find that many problems are caught and solved before a single user uses the site, which has considerable benefits as we all know. Some of these checklists, are quite specific, so you find you do not need them, or may need only them. The decision of which ones to use and …

Read Post

The logo is the image people remember.  Whether they have seen it on a product, billboard, or website, the colors and graphics that go into the logo are what sticks in their mind.  Is it the idea behind branding after all. As a web designer, it is your responsibility to ensure that the logo is appropriate and effective and conveying the image a client wants for his customer.  These tips for website logo design, should help you in getting the balance just right. Before you do anything, sketch your design, or get your artist if you have one to do some for you.  This encourages ideas to spread, and also once you have one that you think ticks all the boxes, you can take that …

Read Post

It is everyone web designers dream to become a freelance web designer.  The prospect of starting your own business, working for you and not a company or shareholder, makes all the difference.  It has all the ingredients of something that will bring in success, which is what it is all about. Clients, and how you handle them will make all the difference to your freelance web designer endeavours.  Handle them well and word of mouth will lead to more work and better revenue, handle them badly, and your freelance career will be very, very, short. It is essential to remember that there in essence you have clients that no what they want and clients who have a vague idea, but are not quite sure how …

Read Post

CSS is an amazing web tool, but it can easily get messy or sloppy.  To get the best out of it, you must stay organised.  So no more sloppy code, or unrecorded hacks.  Your education in organising your CSS code is about to begin. Keep organized.  Rather than dropping in classes and id’s at random, try and keep things structured.  Declare generic items first, followed by the not so generic items, and keep to that pattern.  That way other developers are going to be able to follow the code, which is one of the great advantages of using CSS. Title, sign, date.  Ensure that people know it was you that did the design.  This is helpful if another designer needs to clarify something with your …

Read Post

Web design has crafted its own set of rules, many of which have been crafted for a reason. That reason being the users experience. There is however, some web designers that dare to be different and break the mould when the spirit of inspiration or design calls for it. Do not have a horizontal bar. We all know that mouse wheels do not run from left to right, so the rule has developed that content is shown on a page and never steps outside of this, at least left or right anyway. The logic is clear as the web rules are easy to follow and designed for users. Take a look at these websites however, as they have stepped outside the box on this one, …

Read Post

Assessing how usable your site is crucial to its success.  Is it easy to use? Does it have the right content? Are people hanging around or clicking away in their droves?  All these questions help you to gauge exactly how good your website is. The concept of doing all this though is a daunting one, and many believe that real thorough testing is an expensive process.  It can be, but as we saw in our previous article there are many tools around that can keep the cost of usability testing to a minimum.  As we know about five more tools that are cheap and easy to use, here is a rundown of them. Google Website Optimiser.  This is a free to use tool and is …

Read Post

Tips and tools to improve usability of your web design. Usability testing can sound like a daunting concept especially if you are on a tight budget.  The idea of paying lots of people to try and find problems with your recently finished masterpiece is not that appealing.  Did you know that, according to many well placed sources, that you only need five users to uncover 85% of any problems your site may have? Also, remember that as you designed the site you know exactly how it works.  Other users will not have that advantage so here are some tools you can use to ensure the usability of your website, is as it should be. Userfly allows you to track a users movements from mouse clicks …

Read Post

In part 1 of our tips for laying out content in web design, we showed you four ways to display content in a web design.  Though these tips are very useful in their own right, we have another four that we wish to bring to your attention, and we are going to start with a technique called progressive design. Progressive Design:  The idea behind this technique is that a user follows a natural flow over several pages to obtain the information he or she needs.  This is normally navigated by buttons like “click next”, and so on and so fourth, and is often used for completing forms, where sections are displayed one after another.  Another use is if your site wants to demonstrate to the …

Read Post

Content is King in web design, a fact we all know.  As more and more websites of all natures, require more innovative ways to present content, your role as a web designer, is to come up with as many ingenious ways to present content that is meaningful, fashionable, and aesthetically pleasing as possible. These tips for laying out content in web design, should give you a better understanding of the concept and therefore, make improve your designs. Sliders and Carousels:  These are particularly handy, if you have content that you need displayed but only to the users who are interested in seeing it.  As each product or picture scrolls through a box, you can display any number of items, without having them fill up whole …

Read Post