joomla / install-from-web-server

Repository holding the component powering the Install from Web server.
9 stars 31 forks source link

Webinstaller UX Issues #74

Open coolcat-creations opened 2 years ago

coolcat-creations commented 2 years ago

What needs to be fixed

One has to know to click on the description and not the title to be able to install the extension. When someone clicks the title the user gets directed on the developers website.

After clicking successful on the description the user ends up in the middle of the long description and has to know the he has to scroll upwards to find a download button there. This download button brings the user to the end of the page where a second download button appears to finally be able to download. (The Second button only appears when the first one was clicked)

Why this should be fixed

We installer is probably rather used by inexperienced Users and therefore it needs to be more logical to avoid frustration with the first steps of Joomla.

How would you fix it

Clear buttons in the Overview: button 1: read more Button 2: Install now

Button 1 should take the user to the top of the long description with an install button at the end Button 2 should install immediately why 3 clicks ?

Side Effects expected

No

HLeithner commented 2 years ago

I would expect that this is not an CMS issue, it's an issue of the JED proxy or JED it self. In any case I would expect the relevant repository is https://github.com/joomla/install-from-web-server I'm transfering this issue to this repository.

Llewellynvdm commented 1 year ago

Hi @coolcat-creations the UI is found here: https://github.com/joomla/joomla-cms/blob/4.2-dev/plugins/installer/webinstaller/tmpl/default.php#L44 and much of the flow of how the install process work is manage with this: https://github.com/joomla/joomla-cms/blob/4.2-dev/plugins/installer/webinstaller/webinstaller.php

What can I do to help you? I have read over the issue you made... so my question is, should we/me write the code to change the UI?

coolcat-creations commented 1 year ago

Hi @Llewellynvdm if you could help, that would be wonderful. I think it would be good to make clear in the Extension Previews where to click to do something, and to reduce the second installation click.

JohnG1985 commented 1 year ago

There are several potential ways to fix the issue described. Here are a few possible solutions:

Simplify the download process by making the download button more prominent and easier to find. This could be done by placing the download button at the top of the page, or by highlighting it in a different color to make it stand out from the rest of the page.

Provide clear instructions on how to download and install the extension. This could be done by adding a brief tutorial or step-by-step guide at the top of the page, or by providing a link to a separate page with detailed instructions.

Add a "Download" link next to the extension's title on the overview page. This would allow users to easily access the download page without having to click on the description first.

Make the download process more streamlined by removing unnecessary steps. For example, the page could automatically take the user to the download page when they click on the extension's title or description, or the page could automatically start the download process when the user clicks on the download button.

Overall, the goal should be to make the download process as simple and intuitive as possible, so that even inexperienced users can easily find and install the extension without any frustration.

coolcat-creations commented 1 year ago

@JohnG1985 You mean the install button right ? But I agree in general to what you wrote.

uglyeoin commented 1 year ago

I tried to find an install button on Engage Box. I couldn't find one. Does that mean we can't install this way? In which case doesn't this lead to a confusing/pointless user experience? It's called install from web but you cannot install from web. Or am I being stupid?

coolcat-creations commented 1 year ago

I agree it's misleading, but you can't exclude the paid extensions there. But in general the UX is bad in this component I think...

uglyeoin commented 1 year ago

What does WordPress do? I've never seen a situation where they didn't allow it. Either they only list things with a paid version, or they force everyone to have a free version. But I think simply signposting that it's a paid version would be fine and asking them to subscribe but then having some sort of a mechanism to install it this way afterwards would be useful. Whatever makes it easier for the user.

HLeithner commented 1 year ago

I would not list paid/subscription only extensions in the IFW (or even in the JED)