Live data from Hacker News

Redesigning GitHub Repository Page

tonsky.me

261–270 of 315 posts

Re: Redesigning GitHub Repository Page

#261
post #24
post #20

Earlier quoted context omitted.

I feel like this is a disproportionately angry response for what amounts to some play with the UI, and I think we should praise the author's willingness to share this publicly instead.

Why would someone post this other than to gather feedback? Yes, this redesign idea upsets me. However, that doesn't make the points I raise (from the point of view of a daily GitHub user! and one that uses it professionally!) any less valid.

> Why would someone post this other than to gather feedback?

A good amount of these unsolicited redesigns are to generate interest in what the designer can offer and provide a sample of work.

Other than posting the HN link the OP goes straight to "If you know someone at Github, send them a link to this article.”, so they probably don't necessarily care for feedback (huge assumption based on my experience with past unsolicited redsigns).

> Yes, this redesign idea upsets me. However, that doesn't make the points I raise (from the point of view of a daily GitHub user! and one that uses it professionally!) any less valid.

Your points are definitely valid. But ironically, like the OP, you end your post on a sour note.

By ending with “Stop fucking around with things for no good reason.”, for what is just a harmless redesign by someone that has little-to-no power to affect GitHub's UX, you painted the rest of your comment as unnecessarily critical. I think this is what the parent comment was addressing.

Re: Redesigning GitHub Repository Page

#262
If you feel disoriented, give it a minute. Once you are used to it, you might notice it’s actually easier on the eyes and a bit lighter.

I agree. It's easy to rush to the comments and complain; I had the same initial reaction myself. But I end up agreeing with almost all points made, and wish I could give it a try interactively to give some extra comments -- and I sure hope Github take notice.

---

Some points:

1. That means we can get rid of the [files & folders] descriptions without really losing anything

- I have come to depend a lot on last modified dates for files as an indicator of both a repo's activity level, and as a maintainer it highlights where I probably need to take a look at when refactoring. Dates to me are a must. Commit message? I can live without.

2. Solution here is to flatten all tabs into a single navigational control

- This might not port well to mobile, and look clunky as a two- and three-level stack of tabs with no hierarchical relationships. Is there a half-way point that might work? I think the hierarchical relationships in Nikita's other (satiric) mockup of "Github XP"[0] are actually well represented and very clear.

Thanks Nikita!

[0] Windows XP satire (https://twitter.com/nikitonsky/status/1003593821723267072?s=...)

Re: Redesigning GitHub Repository Page

#263
post #19

I always have trouble finding the releases section on a repository. Every single time. I need it rarely enough so that it's not readily in memory, and I usually spend 5-10s just moving mouse around before I notice it. I also dislike icons in general. Use icons or use text (on a button, ...) but not both, was one of the first rules of thumb I've heard about from a friend, and it makes sense. Especially these days when…

I really don't understand this icon-ize everything UX trend. Since when do I hieroglyphics instead of English? Keep icons small, use brief text, employ information hierarchies. Don't turn everything into a jumbled mess of icons "because they look nice." Edit: This comment is not directed towards you. It's more my frustration after spending two hours last night trying to understand the abysmal JIRA interface.

Not everybody speaks English and localisation is expensive. Icons don't require localising.

Re: Redesigning GitHub Repository Page

#264
post #193

Earlier quoted context omitted.

Can't tell if the irony is lost that both GitHub UI mocks are by the same designer, Nikita Prokopov.[1][2] [1] Windows UI satire https://twitter.com/nikitonsky/status/1003593821723267072?s=... [2] Honest redesign http://tonsky.me/blog/github-redesign/

Can some UI expert chime in what it is about the windows style redesign that makes everything so absolutely clear and easy to find? I can find everything literally at a glance? It's not sexy, quite the opposite but god does it run electricity through my fingers. I feel like i would use the shit out of it. Is it association and familiarity with the old windows UI or does it follow human nature better?

Not a UI expert professionally but here's what it is:

Windows has standardized and reused GUI elements across every application. So it's immediately clear what's a button, tabs, a subwindow, and how tab hierarchies work (notice they have a bounding box on the tab contents they will change).

Modern web-design disregards all of this because it prioritizes being visually pretty over being easily-recognizable.

Re: Redesigning GitHub Repository Page

#265
The article says wraps up by stating the design hasn't lost any information but where's the fork count, watch count and other download options? Also, the lack of borders and flattening of button styles does not improve the design. Borders are even more necessary when data density is increased. Buttons, menus and links now have a variety of borders where they were consistent before.

The menu is marginally better but the extra density there makes the options run together, especially as counts increase, and lacks room for feature expansion. The grey background is useful also as it gives the page sections depth and context without having to label it. A all white background with various text sizes and lengths is not optimal for supporting more than the example design and projects using more text or with longer titles will suffer.

This design doesn't take into consideration how the homepage of a repo relates to the subpages of a repo. The article mentions showing more files yet the in the current design, file view one click away from the current homepage removes most of the account meta data and shows more files already.

This design also doesn't consider the logged out view which has a large call to action banner to get an account strategically embedded at the top of the code tab. This focal point is somewhat lost in the presented redesign and would likely require rounds of A/B testing to decide on a new content breakpoint for this business need.

5/10 - needs work

Re: Redesigning GitHub Repository Page

#266
The GitHub designers are infallible GOATs, how dare this upstart - wait, WAIT. This is actually pretty good. Designing for desktop width makes sense because GitHub uses a relatively independent design on mobile [0].

I'd like to find a useful alternative to commit messages on the Code page that was still per-file focused.

[0] https://photos.app.goo.gl/arU8HrUUw9yQgQyc8

Re: Redesigning GitHub Repository Page

#267
I hope GitHub stakeholders will never read that article. It's full of nonsense. The author doesn't know what he's talking about in this particular case.

Commits, branches, releases, contributors belong exclusively to Code! There are no releases in Wiki. The GitHub design is perfect and it should stay like that forever :-)

I hate those designers who try to "fresh up" things every single month. Is it because they cannot create something valuable? I was just getting used to the latest icons in my IDE and next month they "fresh it up" and I have no idea what is what.

GitHub has been around for years, it gets the job done, everyone is used to it and knows how it works. Let it stay like that!

The only thing that I'm missing sometimes is file tree. But one can get it with the help of Octotree extension.

Re: Redesigning GitHub Repository Page

#268
post #193

Earlier quoted context omitted.

Can some UI expert chime in what it is about the windows style redesign that makes everything so absolutely clear and easy to find? I can find everything literally at a glance? It's not sexy, quite the opposite but god does it run electricity through my fingers. I feel like i would use the shit out of it. Is it association and familiarity with the old windows UI or does it follow human nature better?

Not a UI expert professionally but here's what it is: Windows has standardized and reused GUI elements across every application. So it's immediately clear what's a button, tabs, a subwindow, and how tab hierarchies work (notice they have a bounding box on the tab contents they will change). Modern web-design disregards all of this because it prioritizes being visually pretty over being easily-recognizable.

I bet the last two aren't mutually exclusive... (i'm not a UI expert either)

Re: Redesigning GitHub Repository Page

#269
There's two main things I don't understand about the redesign and other comments here: what's wrong with nested tabs, and why is it confusing that "releases" is under "code"?

The latter makes sense because a release is basically just a snapshot of the code at a point that the developer(s) thinks it's in an acceptable state for users. Sure, it might reference Wiki pages or issues or contain binaries that aren't in the repo itself, but ultimately it's still directly related to code and at best only partially related to anything else.

As for nested tabs... how is that bad at all? Grouping related things together just makes sense. Maybe Github's current design isn't the best way to group them, but the concept of grouping itself is fine. Grouping related links together, assuming the links are grouped in an intuitive way, is far better than overloading users with a long line of different options. Maybe the current main tabs could be drop-down menus or something?

Also, as mentioned by some other people, I absolutely hate the current trend of making websites and apps be as plain white as possible. Separators, gradients, and soft colour backgrounds make it really easy to distinguish different content areas at a glance. The end result of this redesign is just a mash of text that looks like the CSS didn't load properly.

I'm also very surprised neither this redesign nor Github themselves have added a dark mode. Why do people enjoy staring at white screens for any length of time? I don't trust people who code with light themed environments.

Re: Redesigning GitHub Repository Page

#270

Earlier quoted context omitted.

I thought some of his suggestions were pretty decent. But then he just threw everything away by mucking around in the Code, I mean Overview tab. His last design, without the guiding lines, make it look like jumbled shit pie.

I wouldn't mind seeing the latest commit history there, but the stats are totally out of place.

Agree; though even before the latest commit history, I’d much prefer the README to be hoisted up there, so it’s at least visible when I first visit a repo.
Post reply on HN