Hot answers tagged

20

The natural orientation of a smartphone is portrait, and the natural scroll direction is down, creating a view which is very narrow compared to its possible length. If your table doesn't fit, you could consider either nudging the user to rotate their device to landscape, so that you have more width to work with switch the orientation of your table (roles on ...


6

I agree with @glorfindel's answer. Ideally, you need to know how your users want to see the information and then turn either the cells of every column or the cells of one row into something that looks more like a card or even an accordion if that meets user needs. Have a look at this link: https://medium.com/appnroll-publication/5-practical-solutions-to-...


4

This has been referred to as a list inlay pattern, although the implication on mobile is that it expands, whereas your example is persistent: From Designing Interfaces A List Inlay shows an item’s details within the context of the list itself. The user can see the surrounding items, which might help in understanding and using the item contents. I've ...


3

I try to go with cards if possible. You can usually lay out the info with clear hierarchy to help users digest info in a logical way, and sometimes it is possible to omit column labels for certain information. In some instances it isn't feasible and I agree trying to prompt user to flip to landscape so you have more horizontal room for columns. You may also ...


1

The "bulk action" dropdown sounds fairly similar to what's seen in gmail so that seems like a safe bet that a large chunk of your users have seen it before and will expect that behaviour. A clear label and potentially highlighting it when users select more than one patient would be even better. You should test that against your column header action bar idea....


1

A better way to group the actions would be to have 3 vertical or horizontal dots for all the actions as shown in the screenshot below. I assume you have used dummy text for the actions, BUT despite that I would definitely urge you to consider which actions are specific to a table row. Perhaps it is not a good idea to have a 'View' action as that can ...


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