I'm working a website design.
I have a table with products from my list (like basket in eCommerce websites), and table with information about shops (address, link to map etc.), where I can buy products which I selected.
The result of table with shops depends on level of importance of each product from my list.
So, I need to create custom element like level importance select. There are 3 levels of importance: not important, normal (or standard importance) and high importance.
The first thing that came to mind it's create a range selector with 3 positions, but this solution means 2 clicks:
- user click to selector.
- user drag to needed position.
It's not good for me.
Now, I stopped on other solution. I want to draw 3 rectangles:
- First rectangle means "not important level".
- Second rectangle means "normal important level". This rectangle will selected by default.
- Third rectangle means "high importance level".
As a result, user should make 1 click to select needed level. Each rectangle will has own color: first - grey, second - green, third - red.
Can you help me with new ideas? Maybe exist much easy solution?