![]() Don’t use light gray over colored cells.Stick to 2 font weights (normal and heavier) and 3 colors (dark, gray, light gray). Font size won't control the hierarchy, try adjusting font-weight or color.This means de-emphasizing secondary and tertiary information in order to highlight the most important elements. Be aware that comparing particular data between rows can become a difficult task unless you take into account hierarchy. It’s really useful for tables with huge amounts of data as it's a versatile way of displaying the information. This technique requires table rows to be collapsed into separate cards. If you don’t want to leave any data unseen, my to-go solution when talking about responsive tables is transforming tables. Adding a 'view more' button can be a good practice in this case. You should consider you'll have limited space and that you’ll have to resign to part of the data, which can be a bummer. It can be applied to any data and various types of content. Clearly indicate if horizontal scroll is neededĪnother common pattern is shortening tables, it involves hiding the unnecessary columns and leaving on display only the crucial data.Avoid using many font styles and weights.Maintain the primary column fixed as not to lose context.If you want to go this way, there are a few features you can add to improve the overall experience: It’s not advisable in tables with large amounts of content as a large part of the content remains unseen. Movable tables require users to use swipe gestures to visualize the whole horizontal table. Why? Simply because it's easy to use and definitely fast to implement. Moveable tables are possibly the most common pattern on mobile tables regardless of not being a fully responsible technique. ![]() But don’t worry, this blog post will help you understand how to represent data in a better and more cohesive way on mobile devices. It's true, responsive tables aren't easy to create and they compromise the users' experience. However, on narrow screens like mobile, they can become a real maelstrom for users. Tables are important tools that allow users to scan, analyze and compare information. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |