An experiment in UI density created with Svelte • Hacker News Board

Re: An experiment in UI density created with Svelte

#131

Post by solardev » Sun, Jul 28, 2024, 1:54 AM UTC

razodactyl wrote: post #17

razodactyl wrote: post #15

Earlier quoted context omitted.

I hate that this can be taken seriously even though it's obviously a joke. It's a joke right?

Seriously though. I'm finding it increasingly frustrating how small the screen is on my iPhone 13. Makes me wonder how the hell I managed on the 4. Perhaps I'm just getting old.

Heh, I have the opposite problem as Mr. Tiny Hands. I wish I could get a smaller phone with good cameras. Apple had the smaller iPhone, SE maybe, for a while (maybe they still do?). But all the Pixels are humongous and I miss being able to operate it with one hand.

Seems like there's way more huge phones (especially folding ones) than small ones these days.

Re: An experiment in UI density created with Svelte

#132

Post by localfirst » Sun, Jul 28, 2024, 1:56 AM UTC

btbuildem wrote: post #26

I quite like how you extended the table scrollbar to carry extra information -- akin to a minimap in code editors. At a glance it helps orient the data on screen in context of the larger dataset. The helix I find hard to read and not useful. These types of graphs are better suited for periodic data where the period is much shorter than the span of the dataset. The cube made me curious, but I couldn't quite see the ad…

i actually just came here to comment on helix tab and how fcking amazing this is. For example, I can use this view to chart out volatility of stocks and other instruments especially derivatives I'd imagine.

Having a super natural way to peer into the past as much as possible while the more recent data are larger is pure fcking genius. I can't believe why I never thought of this.

Re: An experiment in UI density created with Svelte

#133

Post by solardev » Sun, Jul 28, 2024, 1:58 AM UTC

tionate wrote: post #126

solardev wrote: post #119

Earlier quoted context omitted.

I work in UI, but never in finance. I don't even own a stock (is that even the right word?) and have never invested. Anyway, I wish I got to encounter this system earlier in my career... would've loved to experiment with a UI like that! News ticker under a real time map that you can use to drill down to specific regions to see what's going on? It's fascinating. And it looks like their map is using some sort of server…

A bit off topic but it may be worth looking into investing a little (maybe basic index ETFs as suggested by the FIRE movement). You can fairly quickly get to a point where your investments go up (or down, but more often up) more in a day than your monthly income.

Yeah, at 40, it's probably (way past) time I start looking into things like that, lol. But first I have some massive debts to pay off first :(

Re: An experiment in UI density created with Svelte

#134

Post by tengbretson » Sun, Jul 28, 2024, 2:01 AM UTC

The mini-map/scrub view in the table seems to suspend the drag motion if you target outside that vertical element with the mouse. Intuitively I would assume it would just let you drag until mouse release.

Re: An experiment in UI density created with Svelte

#135

Post by felipefar » Sun, Jul 28, 2024, 2:02 AM UTC

Low UI density is the new emperor's clothes in modern UI design. It's being actively promoted by companies in order to cut design costs, but the truth is that it's only reasonable on touch interfaces or casual apps.

Mouse interfaces are fundamentally different, because you have much more pointing precision, so it pays off to show more data on the screen. You don't have to cram your interface with with spaces to make it scan-friendly, you just use heterogeneous elements and colors. Look at Blender and you'll know it can be done.

I'm designing a desktop reference manager (https://getcahier.com), and one of its aims is to provide a UI with high information density. The mobile version will be able to adjust the experience, replacing desktop-only interaction patterns with mobile ones, and the UI elements that are shared will be somewhat bigger, so that users are able to interact them with touch.

Apart from that, it seems that the whole industry is confused regarding UI styles. UI frameworks are either favoring touch interfaces and degrading the experience on desktop, or vice-versa. Even Windows 10 released certain parts of the control panel with desktop look and feel and others with touch-friendly but desktop-antagonistic screens. It's time we realize that both platforms are different and we shouldn't degrade one in favor of the other.

Re: An experiment in UI density created with Svelte

#136

Post by mhh__ » Sun, Jul 28, 2024, 2:37 AM UTC

solardev wrote: post #121

mhh__ wrote: post #115

Earlier quoted context omitted.

The real reason to have bloomberg, other than data, is actually the chat. OTC (things that don't trade on exchanges) markets are a lot closer to ebay or facebook marketplace than many realise, for example, e.g. you ask for a price, possibly haggle a bit, say you want it, behind-the-scenes people scurry off and actually make it happen. When you first activate your terminal bloomberg send you an email congratulating yo…

> The real reason to have bloomberg, other than data, is actually the chat. Wait, so inside Bloomberg there's like a huge IRC/Discord chat room for all the world's finance people? How does anyone keep up with that kind of volume? I can't even stay on top of my own company's Slack.

No it's more like whatsapp i.e. DM and group chats.

Re: An experiment in UI density created with Svelte

#137

Post by cageface » Sun, Jul 28, 2024, 2:43 AM UTC

felipefar wrote: post #135

Low UI density is the new emperor's clothes in modern UI design. It's being actively promoted by companies in order to cut design costs, but the truth is that it's only reasonable on touch interfaces or casual apps. Mouse interfaces are fundamentally different, because you have much more pointing precision, so it pays off to show more data on the screen. You don't have to cram your interface with with spaces to make…

This is because mobile is where all the money is. All the vendors have neglected their desktop SDKs to such a degree that Flutter is now in many ways the best desktop UI stack.

Even Apple has sorely neglected their desktop APIs. Play around with SwiftUI on the Mac for more than a few hours and this will become glaringly apparent.

Re: An experiment in UI density created with Svelte

#138

Post by cageface » Sun, Jul 28, 2024, 2:49 AM UTC

solardev wrote: post #96

mhh__ wrote: post #80

I work have built some dense UI for certain types of fixed income (bonds and swaps) trading, looking to move it all to svelte because react cannot handle the quantities of data (and if even if it could the code is unbelievably ugly). Something I've been banging on about for a while is the following: Programmers and designers keep trying to rebuild instagram in every domain, pretty UIs, regular UIs, "simple" UIs. This…

> looking to move it all to svelte because react literally cannot handle the quantities of data I have nothing against Svelte, but how much data are you showing on screen, exactly? Here's an example table with 100,000 cells (100 rows * 1000 columns per row) that seems fine, from a common React UI kit: https://mui.com/x/react-data-grid/virtualization/#column-vir... It seems fast on my computer normally (M2 Max), slow…

React is also considerably slower than svelte in this benchmark in selecting, clearing, adding and creating rows and also uses a lot more memory.

For a lot of apps React is fast enough but you're definitely starting at a non-negligible performance disadvantage compared to faster frameworks.

Re: An experiment in UI density created with Svelte

#139

Post by asoneth » Sun, Jul 28, 2024, 3:44 AM UTC

felipefar wrote: post #135

Low UI density is the new emperor's clothes in modern UI design. It's being actively promoted by companies in order to cut design costs, but the truth is that it's only reasonable on touch interfaces or casual apps. Mouse interfaces are fundamentally different, because you have much more pointing precision, so it pays off to show more data on the screen. You don't have to cram your interface with with spaces to make…

> It's being actively promoted by companies in order to cut design costs

I'm curious why you think it reduces design costs to put less information on the screen? My experience has been the reverse -- the companies that chase trends (including but not limited to low-information-density screens and using mobile-first designs for desktop applications) also tend to spend more money on UI design compared to other companies.

Re: An experiment in UI density created with Svelte

#140

Post by hliyan » Sun, Jul 28, 2024, 3:51 AM UTC

One thing we may still haven't realised is that UI designs are subject to fashion cycles, just like clothing. Except enough time hasn't elapsed for us to observe a full cycle similar to peak-bell-bottoms or peak-low-riders or peak-sideburns. We may be in a low-contrast / low-density peak, but we won't know until we pass it. However, looking back, we did seem to have passed at least one peak-skeuomorphic cycle (remember all the toolbars, icons, drawers and Microsoft Bob?). We may see another high contrast monochrome text-heavy cycle yet.