Blog posts tagged with 'user experience'

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.