www.julialang.org icon indicating copy to clipboard operation
www.julialang.org copied to clipboard

Simplify the download page so it's less intimidating

Open musm opened this issue 5 years ago • 17 comments
trafficstars

  • The download page is too intimidating for newcomers. Going to the download page you are hit with a complex wall of text and confusing matrices of downloads configurations.

image


  • Let's simplify things for the first half of the page. We can keep the granular matrix of downloads further down the page, but users should be greeted with a simple download page that is not complicated.

  • We should aspire to the following example

image

@logankilpatrick

musm avatar Mar 13 '20 19:03 musm

I just made this using a grid:

Screenshot 2020-03-19 at 18 17 29

Sort of thing? The [help] could be a question mark I suppose...

cormullion avatar Mar 19 '20 18:03 cormullion

Nice!! maybe a one click button for the standard option would be good? (if we're going with something similar to VS Code). I guess that button could wrap the symbol so that if you click on it you get the most recent stable release that is most likely to correspond to your platform.

Personal preference would also be for the icons to be smaller, maybe 70% of the size you show 😄

tlienart avatar Mar 19 '20 18:03 tlienart

Yeah Looks good, but the icons are kinda massive and their not all the same size. Is there a better linux photo? It's weird seeing a B&W penguin :)

For the windows one can we use a B&W or color version like this: image

musm avatar Mar 19 '20 18:03 musm

Can we just detect the running system and present just a single button? I know that is done for other projects.

fredrikekre avatar Mar 19 '20 18:03 fredrikekre

I don't think we should present a single button because there have been several times when I've wanted to download e.g. linux binaries for WSL. Having them all present makes it very user friendly to quickly grab and test the binaries you want.

musm avatar Mar 19 '20 18:03 musm

I mean obviously the other ones shouldn't be hidden, but we can present a main one. The regular user probably wants that one.

Here is an example: https://ngrok.com/download

fredrikekre avatar Mar 19 '20 18:03 fredrikekre

I avoided color just because it would be a bit inconsistent- with some in color and others not. (I didn't bother to size everything accurately at this stage... :))

cormullion avatar Mar 19 '20 18:03 cormullion

Here's a mono linux logo that looks much better

musm avatar Mar 19 '20 18:03 musm

I would also move the (.exe) and (.dmg) down to the links, since we are also planning to provide (.zip) for Windows.

I would then move (help) next to the OS.

musm avatar Mar 19 '20 18:03 musm

The help should probably called Installation notes or something. They are probably not needed by most users - so I would personally move them to the end of the table in their own row.

ViralBShah avatar Mar 19 '20 21:03 ViralBShah

The installation notes could also just be moved to the Julia manual.

ViralBShah avatar Mar 19 '20 21:03 ViralBShah

I also like detecting the default platform and offering that ngrok like install and run instructions. Can be a separate PR if we ever get there.

ViralBShah avatar Mar 19 '20 21:03 ViralBShah

Some initial wireframes I made for a modernized download section, please tell me what you think. I tried to match the bootstrap style and existing designs.

"Upcoming releases" section is kept separate for now because it has additional description text new users probably don't care about. "Help" has become "Installation instructions".

1 - idle

The download button starts download of default recommended version (stable 64 bit). 2-btn-active

Clicking the dropdown section of the button reveals more download options. 3-dropdown-active

Inspirations: https://ngrok.com/download https://www.jetbrains.com/idea/download/ https://nodejs.org/en/download/current/

hug0b avatar Jul 25 '22 23:07 hug0b

I think that looks great!

fredrikekre avatar Jul 26 '22 10:07 fredrikekre

Looks great. How will the platforms be shown?

ViralBShah avatar Jul 26 '22 11:07 ViralBShah

Can maybe have a button for the platform (trying to guess the correct one) and another one for the versions (filtering with some javascript magic those available for the chosen platform)? This could simplify #1706.

giordano avatar Jul 26 '22 11:07 giordano

Looks great. How will the platforms be shown?

Same design but navigating through each tab would change the download button link and dropdown.

Can maybe have a button for the platform (trying to guess the correct one) and another one for the versions (filtering with some javascript magic those available for the chosen platform)? This could simplify #1706.

I guess the whole page needs to be redesigned and maybe broken down into multiple pages (like maybe a simple download page for most user needs which then shows a link to a page with all other releases nightly, older, 32bit etc.) I'm not to sure what would be best and I'm not too happy with my design tbh.

hug0b avatar Jul 26 '22 14:07 hug0b