Hot answers tagged

1

In order to answer your own question, ask yourself how this UI works and dig deeper into what's being communicated to the user. What does each row do? The rows' function(s) should dictate their appearance. Are they clickable? Do they do something in the same page or link elsewhere? If they are clickable and navigate to a new page, you might want to ...


1

The scrollbar and alphabet-index next to each other is likely to be too fiddly for mobile users. Mobile users (at least on iOS) are used to using the index in a fast-scroll way. The iOS contacts app only has an index (on the right), no scrollbar. Unless it is pure B2B or internal ECommerce for really old-school/ corporate audience, you should really take ...


1

Index on left and scroll on right is might be a good option. If the user uses the website from a mobile device then they cant able to select the alphabets as the screen size is too small and you cant accommodate all the alphabets in one single screen. so you can use like in the below image. The list is categorized by alphabetical order and each alphabet is ...


1

I would say definitely not overlapping. It would be very difficult for the users to select whatever they are looking for. It's the standard in every computer browser to have a scroll bar on the most right, so you should keep it this way. What you should consider more is the spacing between the list lines, the index and scroll bar. I think it looks nice the ...


1

It’s indeed an unnecessary extra step to manually calculate the age (a number, often floored) from a birth date (a 3-tuple), but you may be able to save the user another step, because all they need to know (from privacy and discriminatory POVs as well) is whether the candidate has turned 18 by a certain date. That‘s a Boolean value with just 2 states, true ...


1

Do enable drag and drop if possible, but don't rely on it fully. Let people select multiple in the list and then move over like in one of the examples. Not just by checkbox clicking but the full line item clicking. Add / remove might be represented with left / right arrows. Just those text labels are not straightforward. Mark the weight consistently. '3.15 ...


1

IMHO your pattern to switch between columns is not bad UX at all, so I think it could work just right. That said, some observations: Other option would be to remove the buttons and use drag&drop. Then you won't need the buttons (cleaner interface) and it will be useful specially if you want to offer users a way of moving the items to an specific ...


1

Could the list be organised hierarchically instead of alphabetically? Then you could use an accordion or a collapsible tree. e.g. MATERIALS Metal Copper Gold Iron Lead Mercury Silver Tin Wood Ash Beech Cedar Maple Oak Pine If using the alphabetic approach, I think tabs would be better, as it is analogous to a card index.


1

You can use a sliding layout to slide the list over the map. List List - anchored, with map Map with list collapsed User can slide the list using the list header which can display list summary. Pros: Action bar can be used for other purposes Both map and list can be view at the same time Cons: May clutter small screens Both map and list can ...



Only top voted, non community-wiki answers of a minimum length are eligible