RSS

Category Archives: Web Development

How to Optimize Responsive Design for Conversions

responsive_website_design_ConversionResponsive designs have been doing the rounds for quite some time now. Statistics show that a huge proportion of people across the globe prefer using smart-phones or other hand held devices as compared to conventional PC’s or desktops. On the go internet is definitely a major time saver !! Even when it comes to financial transactions people find it easier to do it on a smartphone.

Picking up the trend business owners have already hopped on the “responsive ” bandwagon. Though websites have been optimized to make itself accessible on a variety of devices, owners have often overlooked the user experiences and other best web design practices. Most websites are not designed with a mobile first approach neither are they optimized to handle mobile traffic. But with time one can expect companies to cater to their clients through channels dedicated to these devices.

For todays article I’ve picked out a few very good responsive designs that render a good user experience as well as nail their goals beautifully. Lets begin with what responsive designs actually are.

What are responsive designs?

These are websites that are designed to fit into any screen size without having to lose out on any useful information. The designs have a fluid structure and so resize and rearrange itself to fit the screen of the multitude of devices present in the market. This means there would be just one website and one core set of codes for the site so that it performs perfectly on several devices.

That means the website has to be designed such that on a larger screen it’s displayed depending on the user behavior on those screens and then on a smaller screen it shows a different pattern to render to the usability and UX on smaller screens.

So how do we discern the elements that work for larger displays and those that work for smaller displays.

Conversion elements worth keeping

Sorting out what’s worth keeping and what can be trimmed away is the most important decision. Mobile users prefer click-able elements , easy to scroll navigations, bigger texts and plenty of white space around click-able element to segregate them. Besides these design factors they find it handy if they can easily use and locate the map, get directions, business hours and the tap to call or the click to call functionality.

Basically focus on making it easy for viewers to read (if site is content based) and see, make choices without confusions, highlight the call to action so that it’s easy to click and in short make things a lot simpler.

So focus on integrating mobile features with your design to make the site intuitive and convenient to use. Since the screen size is limited you have to plan and sort out the important aspects that contribute to conversions and make complete use of the sight, sound and media options that are available.

Elements that you can do away with.

Focus on conversion when sorting out the layout or design. Do away with anything that can lead the visitor to click away, get confused or distracted.

A familiar pattern that I’ve come across is that people just remove the ads and deploy stacking to arrange elements on the page for a better layout. This does not ensure you conversions. You have to focus on the user experience and user requirements before you settle in for a design.

Here’s what you can do:

  • Keep it to a minimum– To enable easier touch -navigation, mobile pages are optimized by using scrollable images (like a slide show) and several thumbnails instead of a large view.
  • Expandable content – This is pretty handy when you don’t want your page to look boring and lengthy with lots of text on it. Group them into subheading and give users the luxury to tap the content they want to read through. This way they would now where to find what and maneuver through your page conveniently.
  • Prominentreviews and ratings– This is what any user would want to check out first so keep them aligned and easy to spot – front -and-center on the site, you can further reinforced with social proof.
  • Large price and payment options – To display vital information(like the price and how to pay options) clearly without any ambiguity.
  • Make Free shipping more noticeable –A Prominent icon to see the shopping cart and also facilities like free shipping etc, are highlighted for better conversions.
  • Large call-to-action button – They are the most crucial ones have to crystal clear and large so that there is no confusion. Use appropriate colors to set the mood and ensure that it does not require any zooming, tweaking or pinching. Must be as easy as a tap.

http://www.unitedpixelworkers.com/

The website for United Pixelworks have beautifully crafted their site to cater to mobile users and desktop users. They use a large prominent button for the shopping cart at the top right hand corner where it is easily visible and drop down navigations to save space. They then neatly arranged the contents similar to a Windows 8 OS making it easy to click. They have also cleverly displayed the vital info like the price and a short description upfront making them impossible to miss.

http://hiutdenim.co.uk/pages/cut?denim=selvedge-denim

Hiutdenim has paid a lot of attention to the user experience on their mobile versions. On the desktop version they have used white text on a dark background, but for ease or reading they have a white background with black text for their mobile versions. This will help them improve their conversions significantly. They also display their shopping cart with the no. of items in it prominently at the top and employ call to action buttons that are vivid and span the entire width of the screen(Practically urging you to click it !.)

http://www.alwaysriding.co.uk/footwear-148/cycling-shoes-218/

Always riding uses a simple yet crisp and clean website to effectively communicate with its clients. Drop down menus and navigations to save space. Light backgrounds with black text for improved reading. Filter and sorting option are again expandable to save space and make it easier for the customer. Ratings are displayed upfront along with the price. In simple words it’s clear and effective.

http://www.nuts.com/nuts/

Nuts.com is another interesting site, they have used the right balance of colors and text to highlight important aspects of the site. Intuitive display and the design on the whole draws you to it and is easy to use. They have integrated mobile features like tap-to -call and maps to make it easier for their customer to reach them.

Disha Joshi, working in Best Web Design Company as a content Marketer. I have been in this industry since last two & half years. For more information you can Contact Us or you can go on Portfolio.

 
4 Comments

Posted by on March 11, 2013 in Web Design, Web Development

 

Tags: , , ,

Why should I go for a CMS based web development?

CMS-web-development_clip_image001

CMS web development refers to the process of developing a web site that allows you to edit or modify the content of the site. Due to the numerous advantages CMS web sites are in wide use. A web development company prefers CMS development rather than the ordinary design and development process. The CMS based system allows you to bring any modification in the web content without any external help. You need not be an expert in using the modern hardware and software tools. You just need to be familiar in working with word documents. No technical assistance is required.

There are different CMS applications available in the design market. Each of them has its own specifications that are different from others. This enables different users to work with the required CMS applications. The user can work according to his requirements. The customized nature of the CMS based system thus allows a user friendly working atmosphere. Among the numerous advantages the CMS web development has one major drawback. It lacks search engine compatibility. This is because it involves URLs that contain several images. These images make it difficult for the search engine to do the searching process. Therefore, the CMS developed web site may not be found by the search engine. As mentioned, the CMS web sites possess a large number of advantages. These are the reasons behind wide usage of CMS sites. Some of them are listed below:

The prime reason behind the wide popularity of CMS web sites is that it provides you with the right to modify your web sites in any ways you want. You can edit, add, delete images or other components as you wish. Any number of pages can be added or deleted according to your requirement. There was a time when the business owners had to approach the web development company that created the web site for any modifications. At each phase they had to be paid separately. With the introduction of CMS now the web site owners can themselves do any modifications in the web site content. This reduces the chances of approaching the development company, thus saving valuable time and cost of maintenance.

The second reason why one should go for CMS web development is that it uses XHTML, Java script and CSS. This has lead to a number of other advantages that includes:

  1. Compatibility with the browsers. It is friendly with all the modern browsers.
  2. Easiness in site maintenance. Since the CMS based system allows you to modify the web site on your own the maintenance process has become easier. Because it does not involve the interference of the development company, it gives you all the rights.
  3. Increased accessibility. It allows a larger audience to reach your web site.

Templates: CMS allows using different templates that may be free of cost or pay per use. These templates add to the overall look of the web site.

User interface: CMS based systems allow user interface. Hence it has gained a wide popularity among the clients.

The above mentioned are few reasons why you should go for CMS based web development company.

Disha Joshi, working in Best Web Design Company as a content Marketer. I have been in this industry since last two & half years.

 

Tags: ,