Tuesday, July 24, 2018

gui design - How to avoid big banks of buttons?


What are some alternatives to having repetitive rows buttons that create large banks like the one shown below.


I think it's too visually dominant and distracting, not least because there's one of those optical illusions (where dots appear in the gaps when you scan.


Any potential solution will need to be touch and repsonsive friendly.



enter image description here



Answer



Buttons tend to convey actions, while it looks to me more like these are navigation links. Showing them just as regular links (following whatever style in your app) would be probably be much less imposing both visually and as an action to take.




You can also take this a step further, and provide some more useful information instead of simply displaying buttons or links, by showing the number of items (or some other type of information about them) relevant for each as a hyperlink:


enter image description here


If there is a limit, then you can show that as well (eg: 2 of 10).


This may also make the application more complex, or cause a performance hit that's not worthwhile, but it could be worthwhile especially if it saves the user time (and the need to navigate into several items to discover nothing is there).


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...