UI Design Tips for a Better Data Table UX

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ต.ค. 2024

ความคิดเห็น • 53

  • @zerokhan858
    @zerokhan858 หลายเดือนก่อน +2

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

  • @pirann7003
    @pirann7003 ปีที่แล้ว +2

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

  • @demetresaghliani9048
    @demetresaghliani9048 2 หลายเดือนก่อน +5

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

    • @colinmaharaj
      @colinmaharaj 2 หลายเดือนก่อน

      Maybe it could be incorporated with the search

  • @dandhiari7144
    @dandhiari7144 หลายเดือนก่อน

    Really Helpful to me who dont have any UI/UX knowledge. TY

  • @ozanarslan5175
    @ozanarslan5175 10 หลายเดือนก่อน +1

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

  • @krashvash
    @krashvash 5 หลายเดือนก่อน +1

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

  • @XMaster340
    @XMaster340 4 หลายเดือนก่อน

    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.

  • @ThiagoBezerra
    @ThiagoBezerra ปีที่แล้ว +1

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

  • @nanelemon
    @nanelemon 4 หลายเดือนก่อน

    this was really nice short tips, thank you

  • @aitsidisaidhamza4451
    @aitsidisaidhamza4451 ปีที่แล้ว +1

    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 ❤

  • @StefanH
    @StefanH 4 หลายเดือนก่อน +1

    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

  • @ColonelSternlove
    @ColonelSternlove ปีที่แล้ว +1

    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…

  • @sherifnabil50
    @sherifnabil50 2 หลายเดือนก่อน

    Thank you so much! This is extremely valuable

  • @cmohanc
    @cmohanc 6 หลายเดือนก่อน +1

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

  • @camilordofficial
    @camilordofficial 22 วันที่ผ่านมา

    wonderful, thank you!

  • @joshualipian1187
    @joshualipian1187 ปีที่แล้ว

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

  • @miguelvasquez9849
    @miguelvasquez9849 8 หลายเดือนก่อน

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

  • @woshiairy
    @woshiairy 2 ปีที่แล้ว +1

    Very helpful UI tips. Thank you!

  • @rofiqizakaria
    @rofiqizakaria 10 ชั่วโมงที่ผ่านมา

    thank you so much

  • @bjoernwiii
    @bjoernwiii ปีที่แล้ว

    Thanks for your tips. But it will help if you say in the beginning if that is your opinion or do you also have verifiable sources?

  • @irenem1838
    @irenem1838 ปีที่แล้ว

    Nice presentation of what is helpful to the user.

  • @jesspearache4079
    @jesspearache4079 ปีที่แล้ว +2

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

  • @user-ku5be4nc3g
    @user-ku5be4nc3g 7 หลายเดือนก่อน

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

  • @ritik9799
    @ritik9799 6 หลายเดือนก่อน

    this is awesome! Thanks a lot!

  • @yamanaayman5785
    @yamanaayman5785 10 หลายเดือนก่อน

    Nice tips , thanks

  • @studyuiux
    @studyuiux 3 วันที่ผ่านมา

    Perfect

  • @МашаСоловей-ч2ч
    @МашаСоловей-ч2ч ปีที่แล้ว

    Thank you!) So useful tips)

  • @thehumblemagificent
    @thehumblemagificent 2 ปีที่แล้ว +1

    Very useful, thank you!

  • @kishorekumarseenivasan
    @kishorekumarseenivasan 7 หลายเดือนก่อน

    super helpful, thanks 🙏

  • @estephanyvazquez6885
    @estephanyvazquez6885 2 หลายเดือนก่อน

    Gracias!! Muy útil.

  • @beaty12ful
    @beaty12ful ปีที่แล้ว

    Thank you very much, very useful

  • @AhrkFinTey
    @AhrkFinTey 22 วันที่ผ่านมา

    I absolutely disagree with increasing row heights, especially in the example shown. When I'm looking at a table it means I'm looking at data, and I want to see as much of it on the screen as I can reasonably comfortably, which the left example does well. There's a reason Excel looks like it does.

  • @muhammedsahad1612
    @muhammedsahad1612 7 หลายเดือนก่อน

    Great, it helped alot

  • @SallyFaith-qk4sc
    @SallyFaith-qk4sc 3 หลายเดือนก่อน

    Thank you

  • @trexlm
    @trexlm 2 หลายเดือนก่อน

    nice video!

  • @gilangagrwn
    @gilangagrwn 5 หลายเดือนก่อน

    thanks!

  • @giomongta6961
    @giomongta6961 11 หลายเดือนก่อน

    Should dates be centered too?

    • @poludicu
      @poludicu 11 หลายเดือนก่อน

      For any data that includes numbers, it is better to use monospace fonts. That is not the case here so they all look misaligned.

  • @Justtry-p2w
    @Justtry-p2w 6 หลายเดือนก่อน

    thats what i nee
    thanks bro

  • @shindousan
    @shindousan ปีที่แล้ว +2

    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.

  • @benni5321
    @benni5321 2 ปีที่แล้ว +10

    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.

    • @xeler8r
      @xeler8r ปีที่แล้ว +3

      This doesn't break accessibility at all. It merely enhances it. It's good to always consider accessibility, but far better to really understand it. It's all about visual perception. Reducing contrast in areas he mentions actually has the net effect of perceptually increasing contrast in the areas that matter most to all users (the content). In regards to WCAG, one of the biggest mistakes newbies (and established designers who haven't learned perceptual psychology) make is to think that this applies to all elements on a page. It does not. This video is a great walkthrough of simplifying the design for all users, especially those with visual differences. And no, I don't know this channel at all. Just subscribed. Good stuff.

    • @Stettafire
      @Stettafire 2 หลายเดือนก่อน +1

      ​@@xeler8rThis is false. The accessibility here is a big problem.

    • @thejaysehansen
      @thejaysehansen 2 หลายเดือนก่อน +2

      @@Stettafire Not true. Spend a few more years learning real design before jumping on the all-too-common accessibility band-wagon. It's a dead give away of newbie thinking. Think deeper.

    • @xeler8r
      @xeler8r 2 หลายเดือนก่อน

      @@Stettafire Nope. Reread. Redesign. Refine your thinking my friend. Designing where everything is of equal visual weight (contrast) is a bigger problem, and it affects all of our end users. Blindly adhering to standards meant as a guide (not a rule) is actually the biggest problem, because it leads to designs that are overly complex and busy. This is a problem mostly for newbies, but also a lot of senior level designers who never really considered the effect on their users over and above what standards committees have attempted to lay out. We see it all the time in corporate design. 90% of it is awful, but technically correct. Rise up and go beyond.

  • @nicolasdemaio955
    @nicolasdemaio955 ปีที่แล้ว

    Excellent

  • @VTalkTogether
    @VTalkTogether ปีที่แล้ว

    It's super helpful tips.

  • @dbroche
    @dbroche ปีที่แล้ว

    fan-tastic!! lucky like #568 - cool breakpoint unit - ;)

  • @shareacademy9713
    @shareacademy9713 ปีที่แล้ว

    Useful

  • @andyp30
    @andyp30 ปีที่แล้ว +1

    Please get rid of the background music

  • @rumble1925
    @rumble1925 3 หลายเดือนก่อน

    Completely disagree on a few of these: Row height. In many instances, tighter tables are more readable and are what the users want. Many times I've redesigned tables and the users complain the table is harder to use. Decluttering is not always better for UX.

  • @fakhrialhazmi4391
    @fakhrialhazmi4391 ปีที่แล้ว

    Very helpful, thank you!