UI Design Tips for a Better Data Table UX

Design better data tables that are easy to scan and a pleasure to use.
------------------------
Subscribe to our newsletter:

Get our UI design kit for Figma:

Read the full article for this video:
------------------------
Subscribe to the channel for more UX videos!

[zerokhan]

thank you so much, as a dev with zero experience in ux and ui, this is extremly helpful!

[demetresaghliani]

Love the video! Would be great if you made a follow-up for a filtering function that sometimes goes above the table.

[pirann]

Im a UI/UX apps developer and this helped me a lot! Im genuinely subscribing to your channel, thanks!

[XMaster]

Good video, but be mindful in regards to table row spacing. I had several clients who hated the increased row height because it means they can see less items on the screen in total. So, if you know you'll be dealing with power users, it's usually better to use the more compact version.

[krashvash]

I thought there were going to be just obvious facts, but these are really hepful. Thanks!

[StefanH]

I'd like to somewhat disagree with the larger row padding. Fits less content on the screen. Some padding is needed and good but in a productivity app we shouldn't waste space unnecessarily

[aitsidisaidhamza]

verry verry interesting ❤❤❤❤, thank u for sharing this tips.
(I didn't like the music running in the background it's annoying a little bit ). but thank u i really need this video ❤

[cmohanc]

Who decides wich is harsher and which is easier on the eyes ?

[ColonelSternlove]

I agree with some of the elements that have changed - but only users will validate this design change. Icons may be better in some territories/age groups but text maybe easier to understand ? Who knows…

[ThiagoBezerra]

I like to use currency values right aligned and in a monospaced font.

[jesspearache]

Good content but, please, drop the music and use a more relaxed voice...

[ozanarslan]

you are rapping through the melody man 🔥 Thank you for the video, very useful :)

[nanelemon]

this was really nice short tips, thank you

[sherifnabil]

Thank you so much! This is extremely valuable

[joshualipian]

Great TIPS, thank you for doing thing. Keep doing this Someday your youtube will grow more follower to you.

[benni]

The advice given about tint colours, reducing contrast and changing text actions to icons only are all designed for a person with good visual ability. Have you considered the UX advice here in the context of accessibility? People who are older or who have cognitive disabilities may need the words over icons. People who have visual differences may need the colour contrast according to WCAG guidelines.

[miguelvasquez]

Nice! How can i handle the space (width) with little tables, for example, two columns.

[kubencg]

The View Icon is choosed badly. Its a visibility icon...

[shindousan]

Have any of these tips ever been scientifically tested? Replacing labels with icons tends to INCREASE confusion as not everyone is familiar with symbols but most people can read text.

[irenem]

Nice presentation of what is helpful to the user.