Web Design Tips, Tutorials & More!

Author Archive

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

The development of web 2.0, or at least the use of the term begs the question what will be developed for web 3.0?  What developments are hidden round the corner, and what will you need to know as a web designer to incorporate what web 3.0 will be about. As web 3.0 is at the moment speculation, lets look at the definition of web 2.0 as stated in Wikipedia. “Web 2.0? refers to a perceived second generation of web development and design, that facilitates communication, secure information sharing, interoperability, and collaboration on the World Wide Web. Web 2.0 concepts have led to the development and evolution of web-based communities, hosted services, and applications; such as social-networking sites, video-sharing sites, wikis, blogs, and folksonomies.” One of …

Read Post

In part 2 of our web design tips for designing a good checkout system, we will look at some more useful tips to get the checkout system of your e-commerce site, on the money.  The benefits of doing so, cannot be overstated, as this is the area of the site that clinches the deal. Always provide a progress bar so the customer knows exactly where they are in the checkout process.  Not only does this give your customer the capability of modifying the order, as I am sure I do not need to mention that this should be a click through, but it also gives them a sense of control.  Remember that your job is to make this process as easy as buying it in …

Read Post

As a web designer, you have no doubt come across some aspects of e-commerce in your career. The process of checking out is without question the most important part of any e-commerce site, as this is where the deal is clinched. A badly designed checkout system, can and does lose customers, and therefore it is essential that your design is on the money. These web design tips for designing a good checkout system, should give you some useful pointers to get it right. When designing your checkout, make sure that the customer does not have to register until the checkout process. This is the best place to put the registering of a new customer because they have already had time to browse through what is …

Read Post

In our last two articles that focused on the dilemmas of freelance web designers, we looked at general tips, http://www.dreamtemplate.com/blog/web-design-tips/tips-for-new-freelance-web-designers/, and tips for effective project planning, http://www.dreamtemplate.com/blog/web-design-tips/freelance-web-design-and-project-planning/. This article looks at why bad planning is so common, or more accurately why underestimating the amount of time a project will take is so common.  Hopefully, once you have read this article, you will have a much clearer and better understanding for your future freelance web designs, and so you will be able to avoid project planning disasters. There are in essence four reasons why projects overrun.  These are: Bespoke features for a specialised industry. Grey areas or unknowns in the design. New, or unfamiliar technologies are required for the design.  Some may never have been used …

Read Post

In our first brush with freelance web design tips, we looked at client focused needs and how to fulfil them.  These were good general tips and well worth a look at.  You can find them here.  http://www.dreamtemplate.com/blog/web-design-tips/tips-for-new-freelance-web-designers/ Becoming a freelance web designer is most web designers dream, and if you are one, or run a small web design business, then estimating time on projects may have been problematic in the early days.  It is time consuming, dull, and generally new guys to the web design world are very eager to get on and start coding. This is all fair enough, but if you have not taken the time to plan the project correctly, then you could make a loss.  Do this a few times, and …

Read Post

In our last two guides we looked at several concepts that all promote better user interfaces for users.  These tips can also be incorporated into other types of web designs, so it is worth studying them, even if you are not directly involved in social networking web design. The last set of tips in our series looks at simplicity, and the role of big bold buttons. Buttons:  We all know that buttons are everyday use on websites, but in social network circles, they need to be a little bit more than just something a user clicks.  Before we explain further, let us look at the role of a button on every day websites. The button is a simple concept, you press it, and something happens.  …

Read Post

User interface design tips for social networking sites, part 2 In this articles predecessor imaginatively entitled “User interface design tips for social networking sites, part 1”, we looked at how personalisation, engagement and real time updates were key elements to the many types of user interfaces, social networking sites need. This article looks at other key elements for good user interfacing with social network websites in mind. Forms.  The better, more successful social networking sites such as Twitter, Readit, and Facebook, only ask for the bare essentials when a user wants to join.  The other information, such as location, age, etc, can be entered once the user gets there.  This has an added advantage in that the user does not have to spend lots of …

Read Post

As web designers, it is a testament to your skill if the user interface is smoother than Sean Connery.  This is the ultimate goal of user interface design, and it gets that much harder on sites that have a large number of users, or have a lot of features to choose from. There are many design techniques you can utilise, and these user interface design tips for social networking sites, should help you in making the users experience of the site, one for them to talk about. Engagement.  All social networking sites revolve around how they engage the user.  This approach puts the user at the centre of the application, and encourages the user to engage in other parts of the site.  Remember that all …

Read Post