Web Design – Five Simple Steps to Follow

1. Flashy Pages: unwanted Distractions

Most of web designers feel the need to create stylish splash pages that do nothing but create a barrier which stops web users in their tracks and forces them to make the unnecessary decision of whether to push forward to the home page or to leave your website forever. These “website introductions” are typically short Flash-based movies that showcase the web designer’s flash design skill set, yet offer the web user nothing but a distraction. Flash animations are so common these days that it’s almost impossible to actually impress a web user with a Flashy page. The main goal of any website design should be to either deliver the web user what they want or to get the web user to perform an action. a flashy page only slows down this process and should be avoided at all time.

2. Banner Advertisements: Less Is More

When it comes to the strategic placement of banner advertising, the old proverb “less is more” needs to be applied to web design. A single successful banner advertisement is more profitable and valuable then a whole bunch of banner advertisements that get minimal click-through. The harder it is to secure a single banner advertisement space, the more appealing it becomes to advertisers. it’s best to try and fill space with useful content. Another tip is to surround your banner advertisements with as much useful content as possible; this will also make the space more appealing to potential advertisers.

3. Navigation: Is The Important Key

The fastest Bike in the world is useless if no-one knows to drive it. The same goes for websites. Website owners can choose to invest thousands in web design, logo design, flash design, splash pages, funky animations and a whole host of other aesthetic goodies to make the site look fantastic, but if web users cannot navigate around the site to consume the content or purchase products, then the whole website fails to achieve its goals. In web design when it comes to designing effective navigation it’s best to keep it as simple as possible. Once again, web designers will often go overboard and design navigation menus that include flash animations, multi-tiered dropdowns and a whole host of other unnecessary additions that only work to distract the user, instead of helping them navigate around the website. Navigation is the key that unlocks good website design

4. Coding: Never Copy & Paste

Amateur web designers will often copy and paste code from various websites and compile their website like its Frankenstein. When an error occurs, the web designer doesn’t know how to fix it because they didn’t write the code. Web designers must then sit down and waste time working out what each piece of code does, before discovering the error and then rectifying it. During this time it’s the web users who suffer, as they sit through error after error. Although writing the code from scratch causes longer initial development stages and may cost more in the short term, it will save you a lot of time in the long run if any errors do happen to occur. As mentioned above, errors need to be avoided, whatever the cost. Before seeking professionals to do your website design or flash design, always run double-checks to see how much of the code they are actually writing. If the web design agency is copying code from within their own web design / flash design team, then there is nothing to worry about because someone in the agency will know what to do if a problem arises or they typically have an FAQ that can be easily referenced. The only time you should worry is if the code is copied from an external website.

5. Consistency: Way To Success

Regardless of size, every website should remain consistent to ensure the web user knows exactly where they are and where to look at all times. This applies to everything from simple navigation links to the location of help menus. The goal should be to make the web user familiar with all aspects of your website, from the colours used in the design to the overall layout. Some web designers, who are often pressured by management to create a variety of web designs, feel the need to experiment with different colour schemes and website layouts within a single website, but this does nothing but confuse the web user by causing disorientation. Only break consistency when the website is receiving a complete overhaul.

Web Design Tricks

Web design tricks are used by Professional web designers; to create effective web page designs but most importantly to show off beautiful code. A web designer’s job is to develop web pages that communicate effective design, while also demonstrating knowledge of html and CSS. Web designers can utilize a variety of web design tricks there are tons of design related resources available for free to  designers, graphic designers or anyone seeking knowledge of creating or learning about website design tricks.  Professional web designers such as Molly, Lynda, and Eric Meyer, often have blogs or have written books, dedicated to helping others learn how to create web design tricks. I have found a great list of web design tricks & resources and have listed them on my website, you can check out the article it’s called “Useful websites that offer free web design tips & tricks” I have also included in this article some basic web design tricks that you will be able to incorporate in your next design project.  

The first thing you want to do before designing your web page is to create a flowchart, a flowchart will aid in the outline of your web design project.  Next you will need to decide how you want to lay-out your site. There are a few basic layouts, however most professional designers use layouts that are compatible with the more popular browsers, “this design trick’ is very important to know, as you will want all users to be able to access your web pages. The site Just dreamweaver has a ton of free blank or empty layouts that you can use as a guide. Or you can choose from some pre-made templates that are featured free, on smashing magazines website.  If you don’t like any of the layouts suggested, you can create your own. Make sure to ensure browser compatibility by incorporating the right browser hacks. Make sure you know how the browser hacks work before you use this particular web design trick. Do some research on website design tricks before attempting to write your own code.  

Next you will use the measurements from you’re empty web template to start the design process. Most Professional designers use Photoshop to design the graphical interface of their web page. I like to start my PSD interface template by boxing my layout first. For instance If I have a header at the top of my page, I would first create a big grey box and label it header, than on my side bar I would create another grey box, matching the measurements 100% from my html coded template, this ensures that I have a perfectly even and compatible transition from PSD to html or xhtml. After you have laid out your grey outline you can turn on rulers and guides and start lining up your grey outlines.  

Now if you turn off the entire layer, you will see that the rulers have perfectly lined up your site for you. The next step is to lock the rulers than group the grey layer and hide them and then lock the grey layer as well. Now you are ready to start your design, if you are having trouble coming up with concepts, look at some example sites to get your creative juices flowing. With these Web Design Tricks you are sure to create a 100% cross browser compatible web design that’s super easy and fast to create, furthermore now that you know these simple web design tricks, you can incorporate them in your next design project.  

Web Site Development – The Roles of Web Designers and Web Programmers

A web site is a software package. By definition, a package is a ready-made program that is available to users for use to perform some tasks. These users include non-IT professionals. Thus, a web site qualifies to be a package like Microsoft Office, Peachtree Accounting packages.

Before the revolution of The Web (WWW), development of software package was the exclusive preserve of skillful programmers. Programmers or software developers develop the logic of programs which a package will eventually use to function. This logic building aspect of software development requires high level of intellect. This together with the intricacies of mastering programming languages made the development of packages uninteresting and unattractive to a large spectrum of people.

Following the revolution of The Web, it became possible for non-programmers to develop packages right from the inception. These are web-based packages and of course, web sites, requiring no programming skills. The result was the creation of a new type of profession called Web Design. A web designer is someone who organizes a web page by arranging texts, pictures, animations, forms etc on a page and formats them to produce good presentation. All he needs do is to make use of any of the appropriate web development tools like Macromedia Visual Studio and Microsoft FrontPage. Through the Design section of Macromedia Dreamweaver, for example, you can design a whole web page without using HTML codes. What you have is a web site. A web site is one or more web pages. These web development tools are the equivalent of what the popular package Adobe PageMaker does which is to organize and format pages of books, magazines, newspapers etc. No programming is required.

The limitation of web designing is the creation of static web sites which may be suitable for some applications but not all. They produce non-interactive and non-dynamic web sites that are unsuitable for certain applications and needs. For example, online registration. The role of a web designer stops at this point and that of a web programmer begins. As a result of the limitation of static web sites, the need to move further arose. People wanted sites where they could post forms for tasks like creating accounts online and authentication of passwords. This led to the development of web programming languages otherwise known as scripts. Examples are JavaScript, ASP, ASP.NET, JSP, PHP, ColdFusion etc. The result was the creation of the profession of web programming. A web programmer is someone who develops programs for the purpose of performing automated tasks on a web site. Some prefer to call them software developers. Example of such tasks are:

  1. Data validation.
  2. Form submission.
  3. Sign Up.
  4. Database search.

Thus, it became possible to develop dynamic and interactive web sites capable of doing what conventional software could do on stand-alone computer and network using non-internet technologies. Online banking, stock broking are examples. These functions can now be carried out entirely on internet. To develop functional scripts for such automated tasks, logic building and mastery of the programming language to use in terms of syntax are required. Most of the programs are written from scratch.

Can you be a web designer and a web programmer? Yes, you can. There are people who double as web designer and web programmer but specialists are noted for doing better in their respective fields of specialization than non-specialists. Some sites do not require more than web designing but many sites nowadays require both web designing and web programming like the multi-tier applications that have presentation layer, the logic layer that interfaces the presentation layer with the database, and the data layer that contains the database. There are even database specialists who design database and write what is called stored procedures and triggers right inside the database. The use of stored procedures increases the overall efficiency of site execution as it minimizes the number of times SQL statements are parsed, compiled, and optimized during execution. You can see that site development is quite deep.

The roles of web designers and web programmers are complementary in the development of web site. You need to identify where your ability lies and allow that to inform your choice of area of specialization. If you know you have the ability to write programs, you can go beyond web designing and become a web programmer but if it is otherwise, stick to web designing and continue to grow and sharpen your skills. The truth of the matter is that programming is not for everybody.

If you are a conventional graphic artist, you will find it easy to crossover to web designing and if you are a conventional programmer, you can readily crossover to web programming. What I mean by conventional graphic artists are those who have the expertise in the use of tools like CorelDraw, Photoshop, and PageMaker to perform Desktop Publishing tasks. By conventional programmers, I mean the experts in programming languages like C++, FoxPro, COBOL, and Dbase.

As long as you can determine where your ability lies, you will surely overcome frustrations in your tasks of developing web sites and you will continue to enjoy what you are doing. If you are a web designer and you have a job that involves programming which you cannot handle, look for assistance from a web programmer. If you are a web programmer and you are having issues with web designing in your task, seek the assistance of a web designer. If you can handle both areas to a very large extent, well and good.