Since the early days of the web, designers have been trying to lay out web pages using grid systems. Likewise, almost every CSS framework attempts to implement some kind of grid system, using floats and often leaning on preprocessors. The CSS Grid Layout module brings us a native CSS Grid system for the first time—a grid system that does not rely on document source order, and can create complex layouts which are easily redefined with media queries.
Most apps developed and released in Google’s Play store are abandoned by their developers. Over half of these apps get fewer than 5000 downloads, and most apps are considered unprofitable. This article is not going to make you the next Instagram, but it will hopefully help you get a nice base level of users that you can grow from.
To give you some better understanding of numbers, the example app in this article received 100,000 downloads in eight weeks.
Want to make sure you never miss a monthly growth goal? Perhaps you need a boost right now to get the month moving in the right direction? Then, you’ve come to the right place. Big companies like Facebook and HubSpot have lofty growth goals and continue to meet them every month. But, exactly how do they do it? Planning of course. That is, planning ahead consistently to meet their goals and then planning for the occasional situation when they need to scrape together their resources and make ends meet. I call this having an ace in the hole. This is…
Want to make sure you never miss a monthly growth goal? Perhaps you need a boost right now to get the month moving in the right direction? Then you’ve come to the right place. Big companies like Facebook and HubSpot have lofty growth goals and continue to meet them every month. But how do they do it exactly? Planning of course! That is, consistently planning ahead to meet their goals and then planning for the occasional situation when they need to scrape together their resources and make ends meet. I call this having an ace in the hole. This is…
“What Do Department Store Santas and Prostitutes Have in Common?” “Why Do Drug Dealers Still Live at Home with Their Mothers?” These are two chapter titles from the Steven Levitt and Stephen Dubner book Freakonomics, a work that has captured the interest of hundreds of thousands of readers. One of the big draws of this book is the catchy and intriguing title for each chapter. You just want to read on. But how would Google rate those titles in terms of SEO? Where are the keywords/keyword phrases that are popular and commonly used by generic searches? These titles would be…
As a marketer, you spend a big chunk of your time launching campaigns or creating content aimed at attracting the right customers.
As simple as that sounds, the effort behind these initiatives is more complex than we’d like to admit. And the reality is, most visitors to your site just don’t convert.
So when you’ve got a specific lead or sales target to hit, a tight and dwindling budget to drive new traffic, time constraints that won’t let you wait for your developers and no resources to run A/B tests… what is a marketer to do?
We’ve got a secret for you: not all conversions need to come at the result of blood, sweat and tears. Sometimes, boosting conversions can be a simple as giving visitors more opportunities to convert.
This is why Unbounce is about to launch a brand new tool that will help you get bigger and better results by alleviating the day-to-day pressures.
Here’s your sneak peek:
On November 15th, we’re launching a new conversion tool to give you more ways to get conversions from your current campaigns, without the hassle and stress.
Have we piqued your interest?
Sign up to be the first to get all the juicy details.
By entering your email, you’ll receive more updates from Unbounce. You can unsubscribe at any time.
You put so much time and effort (and money, possibly) into your epic blog post. And boy did it get you results. That sucker got shared, and commented on, and people even told you they saved it to reference over and over again. But life went on for your readers. Interest waned. Post views trickled off. You published other stuff. That awesome, epic, valuable piece of content is now collecting virtual dust in your archives. But there’s no need to shelve the benefits of all that hard work! You can spin or repurpose that content into many different formats, get…
In many projects, responsive images aren’t a technical issue but a strategic concern. Delivering different images to different screens is technically possible with srcset and sizes and <picture> element and Picturefill (or a similar) polyfill; but all of those variants of images have to be created, adjusted and baked into the logic of the existing CMS. And that’s not easy.
On top of that, responsive images markup has to be generated and added into HTML as well, and if a new image variant comes into play at some point (e.
Time can be analyzed from two different points: objective and psychological. When we talk about time that can be measured with a stopwatch, we’re talking about objective time, or clock time. Objective time, though, is usually different from how users perceive time while waiting for or interacting with a website or app.
When we talk about the user’s perception of time, we mean psychological time, or brain time. This time is of interest to psychologists, neuroscientists and odd individuals like me. Objective time is dealt with by technical means, and those means have limits — whether financial, technical or otherwise — that become insurmountable at some point.
Product pages are the doorways that lead to conversions and revenue for an eCommerce store. A good product page plays a pivotal role in taking a customer from just browsing to actually adding the product to the cart. Most eCommerce websites, therefore, invest a significant portion of their time and money in making their product pages more attractive and persuasive.
But then, how do you do this?
Essentially, it comes down to creating a great User Experience for your customer. An effective User Experience (UX) requires relevant and useful information designed in a manner which takes the customer seamlessly through the buying process. In this blog post, we are going to talk about 15 product page elements that add to the UX for your product pages and makes them high-converting. You will be familiar with most, if not all, of these. My intention here is to create a short checklist for every element that you can use to optimize that element. There’s also a surprise for you at the end of this post, so hold on!
1) Product Name
Product Name should be descriptive. This gives more clarity to the customer as well as boosts SEO for that page. For example, ’24 Carat Gold Ring’ is much more descriptive and SEO-friendly than ‘Gold Ring’
The name should be unique. This sounds like common sense but you’ll be surprised by how often eCommerce websites give similar names to their products which makes finding them through search really difficult. Needless to say, this also negatively affects the SEO for the products.
2) Call to Action (CTA) Button
This is the most important element on any product page. The CTA affects the decision – making of the customer through its size, color and text. Thus, marketers should pay significant attention to optimizing all these aspects.
Different colors denote different things across different cultures. When deciding on color, keep in mind two things. Firstly, whether that color triggers the emotion in your target audience that you are hoping for. And secondly, how does it contrast with the color scheme of the rest of the page. Ideally, you want the CTA to stand out so that it grabs customer attention.
When deciding on the text, keep in mind that certain words mean different things in different countries. For example, see how Amazon changes the CTA text on its US and UK websites to adhere to the local flavor.
Amazon US Page
Amazon UK Page
3) Product Price
Understandably, this is the least controllable of the page elements. As a marketer, your main focus should be the appearance of the price tag.
The price should be placed close to the Buy button. In fact, the product name, price and CTA should form a kind of visual hierarchy so that the act of buying flows seamlessly in the mind of the customer.
Use multiple images clicked from different angles to give the overall look of the product.
Use inspirational product images (product image used in a setting; for example, a customer wearing the dress that is displayed on the product page). These images add social proof as well as make the product more desirable.
5) Product Description
Keep product descriptions short and make sure to include important keywords so that the page ranks well in search engine rankings
6) Quantity Option
Quantity option takes a very small amount of screen real estate but can lead to a bigger sale. For example, if I want to buy 5 copies of a book, I shouldn’t be forced to go to the page and click 5 times on the ‘Buy’ button. Not having this element means you are potentially leaving a lot of money on the table.
It should be placed near the CTA.
7) Product Reviews & Testimonials
According to an iPerceptions study, 61% of customers read online reviews before making a purchase decision, while 63% of customers are more likely to make a purchase from a site which has user reviews.
The problem with having reviews on your product pages is that so many pages just have so few reviews. This can result in negative social proof. To combat this, follow the eBay model of buyer/seller feedback. That means, as soon as someone purchases a product, send them an email asking for feedback about the product. Many customers feel that such feedback request is part of the buying process and they are more likely to fill in the feedback form. This will ensure that your review section is filled.
Ask people to rate reviews. This ensures that the most helpful reviews rise to the top.
8) ‘Add to Wish List’
This option is particularly helpful in case of indecisive customers who are evaluating your product. Also, while browsing, some customers may stumble upon a product which they like but are not yet ready to buy. This option gives them the flexibility to ‘bookmark’ the product to which they can return later.
9) Cost Savings
Many times, if a product has been discounted, the product page shows the original price along with the discounted price. This is a smart trick used by marketers to cash in on the loss aversion tendency of people.
Show both the percentage saving as well as the actual saving made on the product. Different customers are induced by different messages.
10) Cross-selling & Up-selling Options
As a business owner, you want the user to purchase add-ons, related products and accessories of the products they buy. One way to achieve this is to provide good options for up-selling and cross-selling on the product pages.
Good suggestions for similar and related products not only improve the browsing experience but also aid in product exploration.
11) Social Media Integration
Social media buttons provides the friends/followers with social proof, which may result in increased purchases of the same item.
It helps to spread brand awareness.
It may also increase traffic on your website which will help in increase in overall sales, quite apart from the particular product which has been shared.
Keep in mind, however, that if the number of likes and share are too few in number, it may result in negative social proof.
12) Delivery & Returns Information
Nothing is more irritating to a customer than selecting a product, making a purchase and reaching the checkout section only to discover the addition of unexpectedly high delivery charges and hidden taxes.
Posting the total cost on the product page eliminates the surprise of a high shipping cost and also lets the customer factor in the total cost before adding the product to the cart.
13) Live Chat Widget
According to an Econsultancy report, Live chat has the highest satisfaction levels for any customer service channel, with 73%, compared with 61% for email and 44% for phone.
Often times people have questions that may not have been answered in the product description or in the customer reviews. If you force them to guess, or leave them wondering, they are going to leave and find the answer to their question elsewhere.
14) Product Videos
Visuals work much better than text when it comes to conveying a message. Many eCommerce sites are using videos in different ways to improve customer understanding
of their products as well as make their content more engaging and intimate. SixPackAbsExercises.com, a VWO customer, A/B tested videos on the sales page which resulted in increased conversions by 46%.
Videos also help the customers to gain a more intimate understanding of product look as well as functionality.
If you decide to have videos on your website, you may also look at having transcripts for the
videos. These not only ensure that viewers with hearing disability can access your video content, it also improves the SEO for that video.
Breadcrumb navigation helps the user to understand the product hierarchy as well as navigate to other areas of interest. They are also known to reduce bounce rates.
That’s it! One last piece of advice: keep testing. One thing that we at VWO have learned over the years is never to trust experts. The best way to improve product page performance is to keep testing out new ideas and concepts with A/B testing and keep optimizing your product pages.
Now it’s time for the surprise we told you about. We’ve designed a beautiful eCommerce product page template for you which employs many of the elements we just talked about. Scroll down to see it.
We have designed 4 more templates specially for you. Click on the button below to get a free eBook on ’5 eCommerce Product Page Templates to Boost your Sales and Conversions”.