Examples of interaction design: the demand for the choice of the electricity merchants ' coupons

Article Description: the interactive design optimization scheme of coupons in the shopping process of the communication station.

We often buy things on the internet and often receive coupons, recently had time to do a small research, on a website, 30% of users have more than 10 effective coupons, but, when we use coupons, we found a problem, many sites in the shopping settlement page can only display 10 coupons, So, if we have more than 10 coupons, how do we choose to use them?

I simulate a user, when I go to a supermarket, I bought a lot or a single item of merchandise, I found that my bag has n coupons, I began to tangle, I should use that one? So, I began to turn the coupons in the bag to see which one is fast overdue, which one I want to use this time, I use the next time, usually, do not deal with these coupons, only when the use of the time will take a look.

I have seen the domestic n multi-user station, on the coupon, have not done such an interaction

But I found that users, as the net shopping gradually increased, more and more people have more coupons

So, I'm here to do this interaction

To the consumer, how do we meet the needs of these users?

There are several solutions:

1. In order to look good and front page load is not a lot, limit 10, the result is 30% of users can not use the coupon outside the display

2. In order to use, 30% of users will see several pages of coupons, it is also difficult to find

Now let's take a logical relationship.

1. Do coupon interaction design to solve those problems?

For:

The interactive design of the coupon is designed to meet the convenience of users with more than 10 coupons on the 30%, simple

The interactive design of coupons is designed to make it simple and understandable for 70% of users who do not have more than 10 coupons.

2. What are the benefits of making coupons interactive design?

For:

The interactive design of coupons, can meet the internet has more than 10 coupons users of the complex choice, while not to have less than 10 coupons to reduce the complexity of the operation, while enhancing the user experience, so that users feel comfortable, not angry

First of all, we solve the sorting problem, according to most of the network name data, according to end time in reverse order, is my preference for a sort of way

In the payment process, when listed coupons, can be based on the order amount, merchandise, first of all to filter out the use of coupons, such as you buy the things are 100 yuan of those 200-50 do not have to show out.

Second, if you have the same coupon, then one line will show up. There is a small + number unfolding. Otherwise, they are all 200-100 of the same period. All shows how the headaches seem to be all headache

Let's deal with the coupon selection requirement for users with less than 10 coupons

These users are very simple, we set the coupon default display 5, if there are 5 or less, then we will be all displayed on it, and the page is very beautiful

Of course, there are some users are more than 5 coupons but less than 10, he clicked more then there will be the following figure shown

As you can see from the above picture, there are a lot of 10 coupons,

At this time, I have a coupon I want to use, how to do? As a user, it's natural for me to add coupons.

Then users click to add new coupons, you can solve the need for the addition of coupons, because, in the payment link, the real increase in new coupons users, only 35%, so I played down the new coupon button, so that users can be more clearly used

But where does it go after it's added?

Here's the problem.

Coupons are arranged in roughly the same order.

1. Sort by start time of valid time

2. Sort by end time of valid time

3. Top of the last active arrangement

In fact, these are not the main, because there is no solution to the user's needs

The user's demand is, I want to use which, I use which one, I choose

So I have this new page, when the user has more than 10 coupons, there will be more complex interaction

When the user clicks on more filter criteria

When I started, I was obsessed with two things.

1. To do not turn the page function, I finally denied, because the paging function for a single coupon at a time to pay the page, too thick, do not need.

2. Do you want to increase the activation time, that is, some users want to see the coupons he just activated, how to do? And I finally denied it, I think if he just activated, then, the coupon number he entered after can be traced out, if he wanted to see, he can click on you have a total of x coupons, you can open a new Page User Center coupon page, you look at it slowly.

3. In fact, the user's page-turning function and view is not his current most want to do, he is currently the most want to do is to select a coupon, use it, so, find out to use, so it can be.