Blog posts tagged with 'ux'

In case you do not already know, we sell a couple of free and paid nopCommerce themes on our website. We like creating beautiful and usable nopCommerce themes, and I would like to lay down some guidelines in this blog post on how to choose the perfect nopCommerce template for your next store. (I've earlier written a more generic article on the same topic, make sure you read it before continuing.)

When it comes to e-commerce, the layout of your shop can be crucial to positive user experience (UX), how long a user stays on your site, and even conversion rates. When users visit an e-commerce store they want to easily find what they're looking for while viewing a website that is aesthetically pleasing to their eyes. In fact, a well designed e-commerce template can directly increase your store's sales. 

So how do you choose the perfect theme?

Let's admit it - running an online store is not easy! While there might be tons of article (like this one) telling you how easy it is to open an online store, running it can still be a chore if you want to be successful.

With so many factors out there that can affect how successful your online business is, it is hard to focus on all of them, especially for small business owners where resources are limited. Here's a list of 5 e-commerce best practices to keep in mind. Tackle these, and you will be on the right track!

We at Pro nopCommerce are addicted at User Experience, i.e. UX. As good as we think nopCommerce already is, there are still many UX improvements that we thought can be done.

Credit card forms is one of the areas that allows a lot of room for UX enhancement. For those who are familiar with nopCommerce's typical credit card forms, you know it looks very 90-ish. Below is how a typical credit card form in nopCommerce looks like:

There are a few things we don't like about the original implementation:

1. Credit card type should be inferred, instead of forcing users to choose
2. Card number should be formatted. Basic verification should also be done on client side
3. Expiry date should be implemented as input, drop-down list is too cumbersome
4. Basic CVV / CVC format validationn should be done on client side

Luckily, there are quite a few useful jQuery libraries on client-side credit card validation, such as jQuery.payment.

Let's try to integrate jQuery.payment into the Payments.AuthorizeNet payment plugins that comes originally with nopCommerce.

I am glad to announce that pro nopCommerce has been redesigned and upgraded to version 3.30. The upgrade is the result of 2 weeks of works from all the folks in the team, and the process has been extremely fun and engaging! 

This blog post is meant to be a brief of what we've achieved, and why we think it's useful to our website. This is not a technical discussion, but rather a conceptual one. We hope that you can learn a thing or two, and implement similar tricks on your store to improve user experience and conversion rate on your website.

Below are a few important changes we've done:

1. Responsive design, new logo
2. Better checkout system
3. Site speed optimization
4. Cart recovery system integration
5. Social reviews & social comments integration

A more technical discussion of each of the above point is on the way, in the form of individual blog post for each topic. For now, let's get to the high level discussion of how each part was done!