Proposal for downloads page redesign - mockups

tinozza commented 7 years ago

Downloads Page Redesign: The objective of the redesign is to give the users a good getting started experience and to show show all the available options that we have today.

Option 1: downloads page option1_windows downloads page option1_aws downloads page option1_download message

Option 2:

Note:

In option 2 I have tried two different layouts for displaying the download links.

Option 2a option 2downloads aws side tab

Option 2b option 2downloads aws

Option 3:

Note:

Option 3 - separate tabs for os types and cloud based

option3 downloads aws

jyotisingh commented 7 years ago

In Option 1 Amazon AWS tab, where would the demo-AMI show up? Same as option2, ie. right above the big list? If so, the "show old releases" link wont be visible to the user until they scroll. Also, the most important bit on that tab is the links for the latest release, but thats sitting somewhere at the bottom. I am not against images, but for both option 2 and option 3, I think the images are eating up most of the real estate without serving any real purpose. We would make a minimum of 12 releases in a year if not more. Option 2a, might not work out well for listing out all of those releases. Why not something like "show old releases" for this as well? Or are you suggesting switching to this format for all tabs? If so, just bear in mind that we need to list out atleast 12 releases at any given point in time for every type of package that we allow download for

varshavaradarajan commented 7 years ago

I think the images are eating up most of the real estate without serving any real purpose.

What if we have a dropdown for filtering based on region? That way, only information about 1 AMI shows up? This is only for the server AMI. The Demo AMI is there only in one region anyway.

tinozza commented 7 years ago

@jyotisingh Option1 : forgot to add the demo-AMI. Shifted the link to the release notes to the top. Also the view on docker hub link is not there on this page ( added it by mistake) downloads page option1_aws

We would make a minimum of 12 releases in a year if not more. Option 2a, might not work out well for listing out all of those releases. Why not something like "show old releases" for this as well? Or are you suggesting switching to this format for all tabs? If so, just bear in mind that we need to list out atleast 12 releases at any given point in time for every type of package that we allow download for

Will reconsider this and rework on the layout..

tinozza commented 7 years ago

What if we have a dropdown for filtering based on region? That way, only information about 1 AMI shows up? This is only for the server AMI. The Demo AMI is there only in one region anyway

Will try the dropdown. was trying to avoid the additional step. So in this case the user selects the region and then link (or links) appears for the users to download?

eeluke commented 7 years ago

I have a lot of questions. Sorry I didn't ask them sooner. Also I might be missing some context so happy to set up a call or other way to talk it through.

1) We are all just making guesses as to how people download and setup, right? Can we wait to implement changes to this page until we can spend a little time learning about user behavior here? Or maybe as an alternative, we can create incremental changes? Or update the page now knowing that we might have better information in a few weeks?

2) Did we test what this looks like on mobile? I'm curious. Maybe you can send a screenshot. Although people aren't going to download on mobile, we still want this page to look good.

3) Why does Windows have two versions? Shouldn't we always point people to the latest version and hide all other versions under "older versions"?

4) I actually think the release notes should stay at the bottom until we know whether people need it at the top. We are already giving them a lot of information at the top of the page - I want to make sure this is value added.

5) Tooltip on Windows tab - seems to float off to the side and not sure what it's pointing to. Also, how does this work on mobile?

Thanks, Emily

Emily Luke Head of User Experience, ThoughtWorks Studios http://www.thoughtworks.com/products Email eluke@thoughtworks.com Telephone +1 908 209 6204 <+1+908+209+6204> [image: ThoughtWorks] http://www.thoughtworks.com/?utm_campaign=emily-luke-signature&utm_medium=email&utm_source=thoughtworks-email-signature-generator

On Fri, Apr 28, 2017 at 3:34 AM, Tina Vinod notifications@github.com wrote:

What if we have a dropdown for filtering based on region? That way, only information about 1 AMI shows up? This is only for the server AMI. The Demo AMI is there only in one region anyway

Will try the dropdown. was trying to avoid the additional step. So in this case the user selects the region and then link (or links) appears for the users to download?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/gocd/www.go.cd/issues/519#issuecomment-297965793, or mute the thread https://github.com/notifications/unsubscribe-auth/ABc3JOBupXGFJlMJdLxjweTsM9DjM4Haks5r0cCzgaJpZM4NLGY_ .

arvindsv commented 7 years ago

Or update the page now knowing that we might have better information in a few weeks?

We should do this.

I also agree that Windows shouldn't show the old version.

In the top, I'd remove the part about YUM / APT. There's nothing special about them. I'd get them to the right OS for them quickly, and then provide information such as installation instructions, etc. below the download links.

Is there some way we can imply that they need to download both GoCD server and agent, without saying so in the text there?

tinozza commented 7 years ago

3) Why does Windows have two versions? Shouldn't we always point people to the latest version and hide all other versions under "older versions"?

I will get back to you on this ... but this was suggested for all the downloads (not just Windows).

Based on the feedback these are the few revised options with different layouts. Please share your opinion/feedback on the same. Also is there any preference regarding the layouts (side-tab vs. top )?

Option 1a downloads page option1_windows Option 1b downloads page option1_rpm

Option1c This is an option to separate the cloudbased offerings from OS types.

downloads page option1_separate cloud based

Option 2a option 2downloads aws

Option 2b option 2downloads aws side tab

Is there some way we can imply that they need to download both GoCD server and agent, without saying so in the text there?

So now the content regarding downloading the two has been shifted. It will appear only wherever it is applicable (in case of AWS it can be removed). Not sure how to do away with this completely but one option is to add it along with notes (similar to the windows page option).

Also have moved the content regarding YUM and APT. It will come below the download links for RPM and Debian respectively.

tinozza commented 7 years ago

PS: screenshot of the mobile version for option 2.

gocd_mobile portrait

eeluke commented 7 years ago

I am leaning towards 2a with a few questions/comments:

-We could add a small cloud icon to the tab for AWS and Docker to make those two options more relatable. -Let's experiment with a couple other Hero images - I'm not sure the loops work. Also, maybe grayscale or B&W image? -"17.4.0 (latest release)" looks like a button, but I don't think it's supposed to be a button? Is there another way to style that as a header? -"Show old releases" button shape is not one we currently use on the site. I would make sure to standardize.

Thanks for your work on this!

Emily Luke Head of User Experience, ThoughtWorks Studios http://www.thoughtworks.com/products Email eluke@thoughtworks.com Telephone +1 908 209 6204 <+1+908+209+6204> [image: ThoughtWorks] http://www.thoughtworks.com/?utm_campaign=emily-luke-signature&utm_medium=email&utm_source=thoughtworks-email-signature-generator

On Mon, May 8, 2017 at 2:12 AM, Tina Vinod notifications@github.com wrote:

PS: screenshot of the mobile version for option 2.

[image: gocd_mobile portrait] https://cloud.githubusercontent.com/assets/16536421/25797811/5a54a0ce-33fc-11e7-8286-111fa51545d8.png

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/gocd/www.go.cd/issues/519#issuecomment-299814775, or mute the thread https://github.com/notifications/unsubscribe-auth/ABc3JOzYoFE031k-b5QrGFM8DBNhwma3ks5r3txugaJpZM4NLGY_ .

ketan commented 7 years ago

1) We are all just making guesses as to how people download and setup, right? Can we wait to implement changes to this page until we can spend a little time learning about user behavior here? Or maybe as an alternative, we can create incremental changes? Or update the page now knowing that we might have better information in a few weeks?

Some background and statistics for downloads —

There are multiple ways to install GoCD, some of them being automated, some of them being manual. We want to push users toward automated installers as much as possible, but there'll always be users who may not be able to get there, and that is understandable.

Here's some data we have from the downloads, for the past about 70 days (since 1 March). If you'd like more data or different kind of data, just let me know what you'd like to see, and I can spend some time in getting that to you.

These are not hits or visits to the download pages, but actual downloads of GoCD binaries, sorted on the "user-agent" (aka browser)

.

The "unknown", "others" and "crawlers" together constitute almost 68% of the downloads. It'd be safe to say that these are all programs downloading and installing GoCD using some form of automation, the gist of it is here and here. Incidentally around 47% users who land up on these documentation pages directly, come from the download page. Implying that they never actually download from the download page, but setup an automated way of installing GoCD. This enforces the 68% automated downloads number above.

The ones in the rows marked with familiar browsers (chrome, FF, safari, MSIE) together constitute about 27% of the downloads. The remaining 5% being bad requests.

If we split the 27% downloads via different browsers (chrome, FF, safari, MSIE), we find that the top 10 downloads are those of windows and OSX, where we could use some improvement in automation. We have some improvements in the pipeline for improving our windows automation story, similar to our linux story from the docs link I pointed above.

screen shot 2017-05-09 at 11 16 46 am

3) Why does Windows have two versions? Shouldn't we always point people to the latest version and hide all other versions under "older versions"?

It's not 2 versions, more like "variants", for 32 bit and 64 bit JVMs. All users setting up a production use a gocd server should use the installer with 64 bit JRE. Most users should use an agent installer with 32 bit JRE.

ketan commented 7 years ago

In the top, I'd remove the part about YUM / APT. There's nothing special about them. I'd get them to the right OS for them quickly, and then provide information such as installation instructions, etc. below the download links.

Is there some way we can imply that they need to download both GoCD server and agent, without saying so in the text there?

I'm not sure how it'd affect download behavior, see https://github.com/gocd/www.go.cd/issues/519#issuecomment-300071907

ketan commented 7 years ago

Based on the feedback these are the few revised options with different layouts. Please share your opinion/feedback on the same. Also is there any preference regarding the layouts (side-tab vs. top )?

Some context: the top-tab option may not be workable/desirable once we have a couple of other cloud providers in place. A side, or a different set of pages for cloud seem desirable.

eeluke commented 7 years ago

Thanks, Ketan, for that context. Very helpful to see the data.

A couple last thoughts: -We have some good quantitative data about downloads, but have we talked to anyone or done usability testing on that part of the process? I think it would be interesting to validate assumptions here. It's possible for us to do this as part of our usability testing. I'm not saying we shouldn't make these updates to the page, but we can see if we learn anything new that supports or doesn't support that data. -I like the way the top tabs look better, but you are right on flexibility. If so, I'm leaning on 1a/1b (I can't actually tell the difference between the two).

Thanks!

arvindsv commented 7 years ago

I prefer 1a/1b too. Consider "RPM / YUM" instead of "RPM" as the title of that tab, though. Similarly, "Debian / APT".

tinozza commented 7 years ago

downloads page option1_rpm

We have some good quantitative data about downloads, but have we talked to anyone or done usability testing on that part of the process? I think it would be interesting to validate assumptions here. It's possible for us to do this as part of our usability testing. I'm not saying we shouldn't make these updates to the page, but we can see if we learn anything new that supports or doesn't support that data.

We have not done any usability testing on downloads specifically, but in the getting started usability testing we are also seeing how a new user downloads and installs GoCD. This might give us some feedback on the download process/page. The data gives us a good context on the actual downloads. Thanks Ketan!

Based on the feedback I have revised option 1a. downloads page option1_rpm

Also worked on a different layout to accommodate for new/more download options. This should work better in terms of separating the Cloud based offerings as well.

Option2 option3 downloads aws copy 2 option3 downloads aws copy 3

eeluke commented 7 years ago

Thanks, Tina. I like the new design. Only feedback is to add some kind of selector design that ties the content on the page to the blue selection state.

Emily Luke Head of User Experience, ThoughtWorks Studios http://www.thoughtworks.com/products Email eluke@thoughtworks.com Telephone +1 908 209 6204 <+1+908+209+6204> [image: ThoughtWorks] http://www.thoughtworks.com/?utm_campaign=emily-luke-signature&utm_medium=email&utm_source=thoughtworks-email-signature-generator

On Wed, May 17, 2017 at 4:53 AM, Tina Vinod notifications@github.com wrote:

We have some good quantitative data about downloads, but have we talked to anyone or done usability testing on that part of the process? I think it would be interesting to validate assumptions here. It's possible for us to do this as part of our usability testing. I'm not saying we shouldn't make these updates to the page, but we can see if we learn anything new that supports or doesn't support that data.

We have not done any usability testing on downloads specifically, but in the getting started usability testing we are also seeing how a new user downloads and installs GoCD. This might give us some feedback on the download process/page. The data gives us a good context on the actual downloads. Thanks Ketan!

Based on the feedback I have revised option 1a. [image: downloads page option1_rpm] https://cloud.githubusercontent.com/assets/16536421/26152431/7b18d99a-3b24-11e7-817d-5deb5f356ff2.png

Also worked on a different layout to accommodate for new download options. This should work better in terms of separating the Cloud based offerings as well.

Option2 [image: option3 downloads aws copy 2] https://cloud.githubusercontent.com/assets/16536421/26152616/3e3cecfe-3b25-11e7-8d6d-71d423671969.png [image: option3 downloads aws copy 3] https://cloud.githubusercontent.com/assets/16536421/26152617/3f7dc19c-3b25-11e7-85ac-2fb05170aecd.png

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/gocd/www.go.cd/issues/519#issuecomment-302067217, or mute the thread https://github.com/notifications/unsubscribe-auth/ABc3JGUuWMfw1ZMAj_WkBVcjXejyvtgkks5r6t-zgaJpZM4NLGY_ .

tinozza commented 7 years ago

Only feedback is to add some kind of selector design that ties the content on the page to the blue selection state.

Updated the design based on the above feedback

jyotisingh commented 7 years ago

Design looks good to me, few minor things:

For each OS, there is a server component as well as an agent component. There are separate set of "Installation instructions" for those, so we might need two separate links.
"Latest supported release" - I wasn't sure if it conveys that its the link to release notes. Would something like "Release Notes (latest)" make sense?

varshavaradarajan commented 7 years ago

About the installation instructions for cloud providers

Docker - I was thinking that the content for the docker section could be the link to the dockerhub repos and the command to pull the image probably ( this should change the tag for every release). Anyway, since we are linking to the dockerhub repo which contains the instructions about how to start the server, I don't the the link for installation instructions is needed.
AMIs - The AMI section lists the region and the link to launch the appropriate ami id. The Launch and Review is help enough for users to launch an instance. I don't know what we can add in the installation instructions specific to GoCD. But at the moment, I think its not necessary for it.

tinozza commented 7 years ago

Updated the downloads page design based on the above feedback and findings from the usability testing for new users

Mac Os:

installation instructions : added separate links (server and agent components)
proposing to Include the Java dependency below the download links ( this clause is only for the latest release, or we ld ve to add this to all the older releases-with the corresponding Java versions.)
changed latest release notes to release notes(latest).

Post download message

for new users: install both server and agent message and redirecting them to the getting started help page

Show old releases

Docker page

Removed the links for installation instructions and system requirements for this page.

agent docker image dropdown

eeluke commented 7 years ago

Looks good, Tina. Thanks for your work on this. Only thing I would think about is how to somehow emphasize the messaging around downloading the Server and Agent - since most people seem to miss this on initial download:)

Emily Luke Head of User Experience, ThoughtWorks Studios http://www.thoughtworks.com/products Email eluke@thoughtworks.com Telephone +1 908 209 6204 <+1+908+209+6204> [image: ThoughtWorks] http://www.thoughtworks.com/?utm_campaign=emily-luke-signature&utm_medium=email&utm_source=thoughtworks-email-signature-generator

On Fri, Jun 16, 2017 at 1:41 AM, Tina Vinod notifications@github.com wrote:

Updated the downloads page design based on the above feedback and findings from the usability testing for new users

Mac Os: [image: image] https://user-images.githubusercontent.com/16536421/27213014-c4c4e5b0-5281-11e7-807e-076b64867abe.png

installation instructions : added separate links (server and agent components)

proposing to Include the Java dependency below the download links ( this clause is only for the latest release, or we ld ve to add this to all the older releases-with the corresponding Java versions.)

changed latest release notes to release notes(latest).

Post download message

[image: image] https://user-images.githubusercontent.com/16536421/27213195-f0f2a0ea-5282-11e7-882f-d5da8d8ea79f.png

for new users: install both server and agent message and redirecting them to the getting started help page

Show old releases

[image: image] https://user-images.githubusercontent.com/16536421/27213307-a25995be-5283-11e7-9337-a5e1ed418114.png

Docker page [image: image] https://user-images.githubusercontent.com/16536421/27213338-d6d307c6-5283-11e7-9dd7-6cb0f4d326e8.png

Removed the links for installation instructions and system requirements for this page.

agent docker image dropdown [image: image] https://user-images.githubusercontent.com/16536421/27213367-fba5e7da-5283-11e7-9a52-cdfcca289ccb.png

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/gocd/www.go.cd/issues/519#issuecomment-308938271, or mute the thread https://github.com/notifications/unsubscribe-auth/ABc3JATsbJH15elDPWODHzu4sJl-Uyl2ks5sEhWegaJpZM4NLGY_ .

tinozza commented 7 years ago

Only thing I would think about is how to somehow emphasize the messaging around downloading the Server and Agent - since most people seem to miss this on initial download:)

Oops.. missed out on the content for that. Please find the revised mockup below. This one also mentions the java dependency according to different release versions ( 17.1.0 and higher/newer & 16.12.0 and lower/older) downloads osx_option_4

downloads osx_option_4 old release

Also find the updated thank you for downloading message - this redirects first time users to the getting started page. downloads osx_option_download message

nyuday commented 7 years ago

Hi tina,

The design looks great. I have a suggestion for this screen and it isn't super critical. Rather than the subscribe button, it'd be good to have a form with an email field that would just sign someone up for "Product Updates". It might save them the journey to the /subscribe page. I know we did a similar one for /blog.

arvindsv commented 7 years ago

Looks good. Let's make it happen!

My only worry is that it's too colorful. The top bar saying "Download" doesn't need to be so eye-catching, but at this point, given what we have, anything is an improvement, imo. :)

varshavaradarajan commented 7 years ago

Looks good to me. I agree with @nyuday about the subscribe button. But I just saw the form and we ask for name, email, and some checkboxes. Not sure if we should attempt to fit that all in in the sidebar here. Unless @nyuday thinks that this subscribe form should only be for product updates and not the other 3 things we have checkboxes for. What do you think @nyuday? And others. :)

nyuday commented 7 years ago

I think we'd just get the name and email. We can make sure that by signing up here, the implication is that the product update option is chosen. This wouldn't be explicit - so users need not see these check boxes.

On Tue, Jun 27, 2017 at 10:54 PM, Varsha Varadarajan < notifications@github.com> wrote:

Looks good to me. I agree with @nyuday https://github.com/nyuday about the subscribe button. But I just saw the form and we ask for name, email, and some checkboxes. Not sure if we should attempt to fit that all in in the sidebar here. Unless @nyuday https://github.com/nyuday thinks that this subscribe form should only be for product updates and not the other 3 things we have checkboxes for. What do you think @nyuday https://github.com/nyuday? And others. :)

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/gocd/www.go.cd/issues/519#issuecomment-311427221, or mute the thread https://github.com/notifications/unsubscribe-auth/ARKy1V-lBip-zRE7bnb7zHVl1Hj2hqwbks5sITq1gaJpZM4NLGY_ .

--

Lubaina Rangwala ThoughtWorks - Product Marketing | GoCD +91 97 413 813 88 lubainasr on skype | @lubaina on twitter

tinozza commented 7 years ago

Updated Design

changed the subscribe button
Changed the download links and side nav bar ( color scheme). Find below the design for all the pages:

downloads osx_option_4

downloads osx_option_4 old release

downloads osx_option_download message

downloads_option4_aws

downloads_option4_docker

downloads_option4_docker dropdown

yum_option_4

Mobile version mobile option

varshavaradarajan commented 6 years ago

Sorry, I think this should have been brought up sooner. Right now, we just use urls to list the experimental and archived installers. Should we provide some buttons or something on this page?

tinozza commented 6 years ago

Right now, we just use urls to list the experimental and archived installers. Should we provide some buttons or something on this page?

Attaching the redesigned mockup - providing option for users to switch to different release types yum_option_4 Notes: 1) Links to different types of releases on top 2) Title header: Latest release notes ( release version) with a link to the release notes 3) Removed the link to release notes from the right panel 4) Removed the links to the server and agent installation instructions from the content "you need to download both the server and agent in order to use GoCD. We can still link this to the getting started page- part 1 explaining the concepts of server and agent.

eeluke commented 6 years ago

So, I'm kind of feeling like there is now too much going on on this page. Too many buttons and too much text. A downloads page should be simple and straightforward. The actual CTA to download the server and agent no longer stands out enough.

Can we identify the most important information and least important information on this page and design the page to highlight the most important info?

Let me know if/how I can help. @streisguth might also be able to help when he's back next Tuesday.

Thanks, Emily

tinozza commented 6 years ago

@Emily thank you for the feedback... What you said above regarding too much happening on the page is very valid. I have tried to reduce the clutter and bring out the heirarchy better. Please find the option for the same below.

Do let me know if this works or if there are any feedback/concerns regarding the same

tinozza commented 6 years ago

Updated the mockup: Changes: 1) Uniform radius curve for all the buttons on the page 2) Shifted the content asking users to download both server and agent to - below the latest supported release title. option1: downloads osx_1 Option2: downloads osx_2 Option3: downloads osx_3 The above options shows different ways to tie the download content with the side tab and the release type. Please do share your feedback on the proposed options.

eeluke commented 6 years ago

Thanks, Tina. I like Option 2 as it feels like the content below is appropriately marked without the heaviness of a tabbed structure.

Emily Luke Head of User Experience, ThoughtWorks Studios http://www.thoughtworks.com/products Email eluke@thoughtworks.com Telephone +1 908 209 6204 <+1+908+209+6204> [image: ThoughtWorks] http://www.thoughtworks.com/?utm_campaign=emily-luke-signature&utm_medium=email&utm_source=thoughtworks-email-signature-generator

On Mon, Aug 21, 2017 at 12:30 AM, Tina Vinod notifications@github.com wrote:

Updated the mockup: Changes:

Uniform radius curve for all the buttons on the page

Shifted the content asking users to download both server and agent to - below the latest supported release title. option1: [image: downloads osx_1] https://user-images.githubusercontent.com/16536421/29507779-3c3a3dea-866f-11e7-864c-23ab40cd6800.png Option2: [image: downloads osx_2] https://user-images.githubusercontent.com/16536421/29507780-3c3e2482-866f-11e7-965f-a15f54faaa1d.png Option3: [image: downloads osx_3] https://user-images.githubusercontent.com/16536421/29507781-3c4e67b6-866f-11e7-9cf8-675443bd66e3.png The above options shows different ways to tie the download content with the side tab and the release type. Please do share your feedback on the proposed options.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/gocd/www.go.cd/issues/519#issuecomment-323667843, or mute the thread https://github.com/notifications/unsubscribe-auth/ABc3JGmG4ibqWueSgL0WPX_rfgt7tQtgks5saTIPgaJpZM4NLGY_ .

eeluke commented 6 years ago

Hi All -

So I know that we've all spent a lot of time on this so far and I know we would like to close this story.

My concern with the current version is that I still think that it feels a little "crowded" and that the CTA (to download) gets lost. Since the main goal of the page is to get you to download the product, I think we should think about the design around this goal.

I'm attaching another version (I hacked it together today so it's not pixel perfect - side by side with previous version). @tinozza @arvindsv @naveenbhaskar - If there are huge problems with this, please let me know. gocd_downloadspage

arvindsv commented 6 years ago

My thoughts about the one on the left:

I like the "You must download both" message there.
The "Stable", "Experimental", "Archived" buttons look more like CTAs than the actual download buttons. They should actually be the least used buttons on that screen.
I think that the text in the right-most column can actually be below. Maybe not the subscribe form, but the rest. That is what seems to be making the page crowded, in my opinion.

However, all of these are not huge problems. I am fine with any version you all decide on. I think they are all much better than the current one. So, I'd like us to move to one of them.

arvindsv commented 6 years ago

Oh, also, that message should say that "Java 8" is required. Not Java 7. Small nitpick.

streisguth commented 6 years ago

+1 to all of Duck's feedback. The design on the left does a better job of explicitly communicating that both items need to be downloaded.

On Tue, Aug 29, 2017 at 5:57 AM, Aravind SV notifications@github.com wrote:

My thoughts about the one on the left:

1.

I like the "You must download both" message there. 2.

The "Stable", "Experimental", "Archived" buttons look more like CTAs than the actual download buttons. They should actually be the least used buttons on that screen. 3.

I think that the text in the right-most column can actually be below. Maybe not the subscribe form, but the rest. That is what seems to be making the page crowded, in my opinion.

However, all of these are not huge problems. I am fine with any version you all decide on. I think they are all much better than the current one. So, I'd like us to move to one of them.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/gocd/www.go.cd/issues/519#issuecomment-325655365, or mute the thread https://github.com/notifications/unsubscribe-auth/ABsvFVjWhunUZDqYRv_3yqZTTKPP8Eawks5sdArQgaJpZM4NLGY_ .

-- Steven Streisguth Graphic + Digital Design Streisguth.com http://www.Streisguth.com 267.997.0967

eeluke commented 6 years ago

@arvindsv Steven had a great question today that I can't remember if I ever asked you: Is there a reason we can't package the server and agent together in one downloadable file?

I also agree with Duck's feedback. @tinozza @varshavaradarajan The end is in sight! If we change the "stable" etc. selector and move the additional items from the right side bar below the download content (maybe keep the marketing sign up and see what it looks like?), I think we can go ahead with this.

Thanks, everyone for your work and patience with this page!

arvindsv commented 6 years ago

@eeluke: Three reasons not to have the server and agent together:

They're not usually installed on the same box/machine. You install one server somewhere and then multiple agents in other machines.
Exe files, dmg files etc. are typically to install one app. Not multiple. Same with rpm and deb files.
It is possible to have a server installer come with its own agent out of the box, but it is incredibly insecure as a default.

An image which shows one server and multiple agents, on different machines could be useful - to allow people to map the two downloadable files in their heads, but what we have currently should be ok, for now.

eeluke commented 6 years ago

@arvindsv Good reasons! Thanks for clarifying.

tinozza commented 6 years ago

Hi all,

I like the reformatted layout and agree that the CTA is more defined now and the message about downloading server and agent also comes across strongly here.

I think that the text in the right-most column can actually be below. Maybe not the subscribe form, but the rest. That is what seems to be making the page crowded, in my opinion.

The links on the right - installation instructions for server and agent and the system requirements correspond to the OS type/cloud provider selected, which was why it was placed to the right side of the download links. For Amazon AWS and docker these links are not provided. We can try to shift it to the bottom of the download content, but I feel it will add to more clutter. Plus we have more content here for the old release links as well.

I have tried to rework on the existing layout, attaching the mockups for the same below:

downloads osx_revised Notes: 1) The download links are bigger and the text below emphasizes the message about the need to download both server and agent. 2) The release title is shifted to the left of the download links. The link to the release notes is shifted to the right. 3) Shifted the subscribe link to the middle and reduced the size of the content in the right column to lend emphasis to the CTA.

downloads osx_revised old release Notes: For older release the download links are smaller and follows the same format as the one above.

If there are problems/concerns with the above mockups please do let me know..

arvindsv commented 6 years ago

The links on the right - installation instructions for server and agent and the system requirements correspond to the OS type/cloud provider selected, which was why it was placed to the right side of the download links. For Amazon AWS and docker these links are not provided. We can try to shift it to the bottom of the download content, but I feel it will add to more clutter. Plus we have more content here for the old release links as well.

Oh, ok. I didn't realize that the links to the instructions were specific to the chosen type of installer. It makes sense then, that it is close.

eeluke commented 6 years ago

@tinozza Let's leave them there for now and then test the page after it's implemented. It's not too challenging to move them if we get really bad responses.

tinozza commented 6 years ago

updating the mockup with the logos for the corresponding os/cloud providers...

Have used java logo for zip file (we have this currently) - is this okay?

Do share your feedback/concerns regarding the same

naveenbhaskar commented 6 years ago

great.. i will update this tomorrow

On Tue, Oct 17, 2017 at 4:21 PM, Tina Vinod notifications@github.com wrote:

updating the mockup with the logos for the corresponding os/cloud providers...

[image: image] https://user-images.githubusercontent.com/16536421/31661003-dca52f92-b356-11e7-9143-6a7e2e7fd663.png Do share your feedback/concerns regarding the same

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/gocd/www.go.cd/issues/519#issuecomment-337193911, or mute the thread https://github.com/notifications/unsubscribe-auth/ABjXOVk_zLY6Y4kmn1C6NDbgYq3uwPtLks5stIbAgaJpZM4NLGY_ .

--

Thanks and regards

Naveen Bhaskar Experience Design

Hangout & Skype : naveenbhaskar.77 Mobile/whatsapp/telegram : + 91 .9 632946267

eeluke commented 6 years ago

Logos look great. Thanks!

Emily

On Tue, Oct 17, 2017 at 5:43 AM, NaveenBhaskar notifications@github.com wrote:

great.. i will update this tomorrow

On Tue, Oct 17, 2017 at 4:21 PM, Tina Vinod notifications@github.com wrote:

updating the mockup with the logos for the corresponding os/cloud providers...

[image: image] https://user-images.githubusercontent.com/16536421/31661003-dca52f92- b356-11e7-9143-6a7e2e7fd663.png Do share your feedback/concerns regarding the same

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/gocd/www.go.cd/issues/519#issuecomment-337193911, or mute the thread https://github.com/notifications/unsubscribe-auth/ABjXOVk_ zLY6Y4kmn1C6NDbgYq3uwPtLks5stIbAgaJpZM4NLGY_ .

--

Thanks and regards

Naveen Bhaskar Experience Design

Hangout & Skype : naveenbhaskar.77 Mobile/whatsapp/telegram : + 91 .9 632946267

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/gocd/www.go.cd/issues/519#issuecomment-337219176, or mute the thread https://github.com/notifications/unsubscribe-auth/ABc3JFaNpeXx8pGIzbWv1xwD6Vuy3gUyks5stKD-gaJpZM4NLGY_ .

varshavaradarajan commented 6 years ago

@tinozza, closing this for now. If users find problems with the new downloads page, they will raise separate issues, I think. You can re-open this issue any time.

gocd / www.go.cd

Proposal for downloads page redesign - mockups #519

Note:

Note: