Rauno's Field Notes #2
Rauno's Field Notes #2Vercel Project CardsI started by tweaking the padding and co-located information to reduce the vertical space occupied by each card. Some data was also omitted, for example we realised that we don't need to show the project branch on the card which is generally always "main".It's important to understand that these cards occupy a lot of space on the screen on this view. It's easier to digest cards when there are less rows on the card and information is tight and terse.Here's a before & after of the changes.
- ▪Rauno's Field Notes #2Vercel Project CardsI started by tweaking the padding and co-located information to reduce the vertical space occupied by each card.
- ▪Some data was also omitted, for example we realised that we don't need to show the project branch on the card which is generally always "main".It's important to understand that these cards occupy a lot of space on the screen on this view.
- ▪It's easier to digest cards when there are less rows on the card and information is tight and terse.Here's a before & after of the changes.
Hacker News (Front Page) files mainly under programming. We currently carry 571 of its stories. Top-voted stories on Hacker News.
Opening excerpt (first ~120 words) tap to expand
Rauno's Field Notes #2Vercel Project CardsI started by tweaking the padding and co-located information to reduce the vertical space occupied by each card. Some data was also omitted, for example we realised that we don't need to show the project branch on the card which is generally always "main".It's important to understand that these cards occupy a lot of space on the screen on this view. It's easier to digest cards when there are less rows on the card and information is tight and terse.Here's a before & after of the changes. We even gained an extra row in the grid.Context menuAnother change we made was to the project card shortcut menu. We're still testing this change behind a feature flag.
…
Excerpt limited to ~120 words for fair-use compliance. The full article is at Hacker News: Front Page.
Discussion
0 commentsMore from Hacker News: Front Page
