Monday, November 7, 2016

Many buttons on the page, ways to improve?


I have many buttons on the page (see the image below). You can perform an action on every item using these buttons. Is there any ways to improve this? I was thinking a lot, but can't find a good way to do this.


I also can't hide them and show only on hover, because there is no such hover-event on mobile devices.


Many buttons on the page




Answer



I once had the following solution to this problem: In my case there was an input and when the input got focus the buttons would slide into the row (and stayed there after the input lost focus). In your case you can create a button on the side which, when clicked, will slide in the other buttons. Something like this:


enter image description here


Or for example, with text, different color and with a default action already visible. There are lots of possibilities:


enter image description here


and after slide in:


enter image description here


You could also use arrows or different shapes on the "more" button or what ever works best for you. I think the slide in and out effect is more clear than just show or hide all buttons immediately.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...