3 ms·

I made this! Happy to answer any questions. Can’t stress enough how grateful I am to Colin Scott for doing the work and open sourcing the calculations for the

by samwho 3y ago

I made this! Happy to answer any questions. Can’t stress enough how grateful I am to Colin Scott for doing the work and open sourcing the calculations for the latencies over time.

j_crick 3y ago
If I open this on iPhone and tap a bar, they eventually shrink down until they look like this https://ibb.co/B2PJXD7 https://ibb.co/B2PJXD7 and stay that way. What’s the point?
- samwho 3y ago
  If you tap above a bar you can make them larger again. The bars are scaled to always stay relative to each other, the point is that you can explore back and forth to see the relative time it takes to complete various operations for a computer.
  - j_crick 3y ago
    Why should I want to tap the bars in the first place? Why can I tap the largest bar so much that it can become as small as others in the end? Why can't bars just auto-resize when I scroll the page horizontally? You're the designer here, so it's up to you to shape user experience to deliver your point. Instead you allow users to ruin it for themselves and don't even try to control the narrative of the page. Sorry, don't know what you wanted to do here but I don't think it's working.
emilfihlman 3y ago
If I tap almost anything it will select that text and bring up a search bar. You should disable pointer events / text selection etc. I'm on Android (Samsung Galaxy S23+)
dahart 3y ago
I think it’s a nice visualization, and I really appreciate your open welcoming attitude in the comments here to all manner of critique. How much work was this and what are the trickiest parts? I see a lot of discussion of different platforms & browsers, which has always been surprisingly tough. FWIW, I think you’re close to a nice UX and it wouldn’t take much to eliminate most complaints, though I’m speculating, and I know (from experience developing UIs) that everyone’s got different expectations and opinions about their UIs so it can be hard to find the maxima… I don’t mind the sideways text much, but it would be cool if the bars were narrower so they all fit on-screen at once. (I’m on iPad btw.) It would be nice if the text didn’t move with the bar, but always stayed fixed and visible while the bar changed sizes. It would be nice if the credit dialog could be minimized/toggled. Or maybe positioned as a title banner, and the data didn’t overlap? I don’t know why but overlapping things give me anxiety. At first I didn’t understand how the bigger/smaller controls on a data bar worked, I thought it was a toggle, so I thought I had a hard time getting the L1 number to come back up, and didn’t realize I needed to click further up near the title overlay. A toggle might be more intuitive? (i.e. click above bar to make it scale to top of screen, click on bar to set scale so that the bar to the right is exactly top of screen…) Might be neat if the bars were draggable - are they already?

by samwho 3y ago

I made this! Happy to answer any questions. Can’t stress enough how grateful I am to Colin Scott for doing the work and open sourcing the calculations for the latencies over time.

j_crick 3y ago

If I open this on iPhone and tap a bar, they eventually shrink down until they look like this https://ibb.co/B2PJXD7 https://ibb.co/B2PJXD7 and stay that way. What’s the point?

samwho 3y ago
If you tap above a bar you can make them larger again. The bars are scaled to always stay relative to each other, the point is that you can explore back and forth to see the relative time it takes to complete various operations for a computer.
- j_crick 3y ago
  Why should I want to tap the bars in the first place? Why can I tap the largest bar so much that it can become as small as others in the end? Why can't bars just auto-resize when I scroll the page horizontally? You're the designer here, so it's up to you to shape user experience to deliver your point. Instead you allow users to ruin it for themselves and don't even try to control the narrative of the page. Sorry, don't know what you wanted to do here but I don't think it's working.

emilfihlman 3y ago

If I tap almost anything it will select that text and bring up a search bar. You should disable pointer events / text selection etc. I'm on Android (Samsung Galaxy S23+)

dahart 3y ago

I think it’s a nice visualization, and I really appreciate your open welcoming attitude in the comments here to all manner of critique. How much work was this and what are the trickiest parts? I see a lot of discussion of different platforms & browsers, which has always been surprisingly tough. FWIW, I think you’re close to a nice UX and it wouldn’t take much to eliminate most complaints, though I’m speculating, and I know (from experience developing UIs) that everyone’s got different expectations and opinions about their UIs so it can be hard to find the maxima… I don’t mind the sideways text much, but it would be cool if the bars were narrower so they all fit on-screen at once. (I’m on iPad btw.) It would be nice if the text didn’t move with the bar, but always stayed fixed and visible while the bar changed sizes. It would be nice if the credit dialog could be minimized/toggled. Or maybe positioned as a title banner, and the data didn’t overlap? I don’t know why but overlapping things give me anxiety. At first I didn’t understand how the bigger/smaller controls on a data bar worked, I thought it was a toggle, so I thought I had a hard time getting the L1 number to come back up, and didn’t realize I needed to click further up near the title overlay. A toggle might be more intuitive? (i.e. click above bar to make it scale to top of screen, click on bar to set scale so that the bar to the right is exactly top of screen…) Might be neat if the bars were draggable - are they already?