[WIP] New install Page #434
Conversation
|
LGTM but maybe use the default cloud background in the header? |
|
@Espina2 cool! One main information architecture change I would do is making »Server« »Desktop clients« »Mobile apps« visible by default – those are the important things. Right now Zipfile, Web installer and VM have too much importance and the switcher is barely visible. Instead it should be 3 big boxes with a screenshot or image each:
|
This look like a bit cliche no?
@jancborchardt I didn't get that.
I don't agree at all with this approach, first because you don't explain how that files "works" you download and should do what? The key idea in this approach is having a guide to install and a changelog to all the options we have. I don't mind having default tab called "suggested" that are the clients detected by os. But anyway if you are visiting the website with a mac, what is your phone? The OS thing is not so easy to implement to. Anyway this is my humble opinion. |
Hmm, I think it looks structured and recognizable. We use it on the login page and once Nextcloud is installed they will recognize themselves. |
|
@enoch85 |
Cool! Other than that, great job! Much cleaner imo. |
|
I love the design. Wrt the image: A bright, cloudy image might work, like with regards to showing server and clients all at once - I think it could work, it would be even MORE compact, though. With the header 'server' I think we would explain that you need that first, I guess, just like now the menu does, so it would work for me I think. THe idea of using an image/screenshot, yeah, that could be nice... Or maybe a stock image of a server/laptop/phone to make it blindingly obvious what it is for? |
|
@jospoortvliet Why dont we take this blue from above without a cloudy image. Would like to see this as default login image in Nextcloud too. Could be also offer an easier option for theming (changing color of login-page instead of the whole image) What do you think? @jancborchardt @juliushaertl |
|
Oh, changing our login to the blue gradient Paulo made - fine with me but an entirely different conversation 😅 AND I LIKE CLOUD PICTURES DAMNIT 😛 |
I prefer to draw some custom icons for each device. Good stock photos consume much time to find, and in the end, icons work better. If we are going to use images on this, please try to find ones that doesn't look like stock. They should have a person that have blues tones and its not to cliche. Example of a good looking photo. |
|
So I think we should vote so I can finish this PR. Who think is best to have all the options to download, instead of having the menu? Pls say below so I can count and improve the page with your feedback. Thanks |
|
👍 for the menu instead of listing everything. 👍 for the blue and 👎 for having a photo instead. |
|
👍 For having the login page photo. 👍 For showing everything instead of a menu, like in the first draft. |
|
Replace Virtual Machine with "Appliances" and link to the VM, and the snap (easy Installation on Ubuntu) and maybe also docker? (Repository nextcloud/docker) ... I can help you with that 😉 |
I vote for making a separate option for each. Otherwise we're back to the menu thing. |
|
Agreed 😉 |
@enoch85 what do you mean? |
|
Well well @MariusBluem and @enoch85 vote right against each other, that helps (not) 😸 I am afraid that if you put everything on one page, you get a lot of info again. Maybe @Espina2 could try to make a mockup with it so we can judge it? Meanwhile, keep the blue, we can decide later if we want a picture. The blue looks nice imho anyway... |
|
Even better - @jancborchardt here is a mockup for you: https://owncloud.com/download/ ;-) Another thing to keep in mind: we have more info to add. The app image, links to the various linux distribution packages. Devices and, VERY important: providers. None of that shows in the current version. This design scales. A all-in-one becomes cluttered very quickly. EDIT: thinking about all this, I vote for going for this design with a menu. It scales. |
...this is another aspect, why I'd vote for the design with a menu 😈 Its different 😜 |
|
Early content-wise feedback:
|
|
Marius awesome stuff. We should do all the content stuff when I finish all the logic needed. :) |
|
@MariusBluem Your mockup is actually exactly what I mean. Photo or not, that's not that important. :) |
|
So with regards to selection of the right client, the thing to do would be:
|
|
@jospoortvliet now it detects the browser purely with javascript. It shows the default option if you are on a desktop and if you are on mobile it shows the mobile. I will do the next part after this is tested. It's easy to rearrange the list and put the os you are using first. |
|
This is way too much text for a download page. The real one important option (zipfile) is not easy to find. And the other important options (Desktop and Mobile apps) are very small navigation items too. I was talking to @jospoortvliet that the new Clients page is actually pretty nice: https://nextcloud.com/clients/ |
|
Closing the PR so you can make a new page similar to the clients. |
|
Archive (ZIP), Web-Installer, (VM, Snap, Docker, -> may be combined to Appliances) ... |
|
Providers and devices should not be related directly to download options. We should mention then somewhere but should be not directly associated |
|
Awesome, that looks good! Just a few details for now:
|
|
@jancborchardt I agree with all the things you said, and I already have that in mind to. Do you have any suggestions for the download buttons. It should something more smaller, "Nextcloud for mobile", "Nextcloud for desktop", but since we already have the title maybe we don't even need to repeat "server", "mobile", etc. |
|
Yeah, duplicating is a bit strange but the call-to-action buttons especially should always have the specific actions on them. :) We can make the text a bit shorter though, yes. |
|
@jancborchardt @jospoortvliet @MariusBluem We should discuss this. |
|
Here’s a dirty mockup from some months ago, not sure if you saw that. That depicts how the buttons should be, and some secondary options which shoud only be text links. For the mobile apps for example, directly show the app store buttons.
|
|
@jancborchardt I discuss this page when @jospoortvliet had in Portugal, and he said to me that some things changing and even the mockup you did when we talk is outdated. So should we still do this or talk again about the subject? |
|
Then it would be good if we can have it in writing here what's outdated. :) cc @jospoortvliet From a flow perspective that design of course still stands. |
|
Ehm, looking at the current state here: Of course there's a lot more complexity so when you click that download button you should get the 'default' action or a choice. There isn't always a default so often - choice... You can show some more options at the same time as in the mockup or hide them more behind a 'get' as Paulo did - seems a detail to me. A detail on which I have no opinion but I'm sure you two do... |
|
@jospoortvliet see my remarks on that 3 comments down, basically explaining what the mockup shows. ;) |
|
And @Espina2 agreed so it looks like we're going in the right direction. Yeah, I dunno what I meant with outdated in Portugal, I guess the biggest part is - we have a lot of things we want to show. But I think what we have now will scale to that so it seems best to me to continue implementing it. The only part I'm not happy about is that without Javascript it won't work; and that I won't be able to change it as it requires javascript. Doing more/most with simpler html/css would be nice... And I'm sure it is possible. But - I leave that to Paulo, if he really prefers to do it this way, so be it. |
|
The only JS is really the finding out the person's operating system and moving/styling the parts appropriately, or what do you mean? |
moving and styling can be done in CSS and html, that way I can maintain it... |
|
@jospoortvliet Maybe I'm confusing something but I remember that you say something about the new client having providers embedded that the workflow can change a lot. I really want to know if it will or not, because doing something that will not response to the actual needs is just putting effort in something that will no work. :) If you are saying that nothing change I can finish this. |
|
@Espina2 aaah now I remember. Let's discuss this by mail ;-) Expect one soon. |
|
Could you also let me know about this? Ideally just comment here … Do you mean that we will primarily show the desktop client for download cause providers and server can be chosen in the flow there? (If so, I disagree cause then the website doesn't give people a proper mental model about what the parts of Nextcloud are.) |
|
@jancborchardt no, just wait for the mail ;-) |
|
Whatever happened to the state shown in #434 (comment)
Cause this looked great! @Espina2 @jospoortvliet |
A brand new look install page.
At the moment almost the content is "dummy" and are only made the server part.
@LukasReschke don't worry I will update the downloads links with the strings defined.
@nextcloud/designers what do you think?