I am having trouble with UX for the plugin when the user opens the playlist. Typically when popups open on websites, there is an X, or you can click outside the popup box and it will close. It's not quite customary to ask users to click again on the playlist icon to close the playlist. Is there a way to make it so it closes if you click outside the window?
In the meantime, I have this idea to highlight the playlist icon button in aqua so it stands out when the playlist is opened so it draws attention to it. One idea is to do something like this...
var showingplaylist = document.querySelector('.playlist');
if (showingplaylist) { document.querySelector('.list.control--item').style.stroke = 'aqua'; }
but is there already a better way to achieve this?
Just want to add, we do have the X to close it. I forgot I had hidden it, but it still would be customary for the UX to allow you to click anywhere else outside the playlist to close it. That would cool if we could do that here. 😃😃😃
Thanks, Max. I forgot I must have changed it. I modified the margins in CSS on mine to look like a pop-up window. I see what you are saying. I guess it's just fine the way it was designed to work. Love the plugin! So excited that our visitors will be able to listen to music throughout their experience. Don't mind the brief pause when navigating. Thanks for the heads up on the back button nav. Hoping to see that resolved. Makes or breaks it for the UX for us.
Also curious about the future Ajaxify Pro plugin. Looks cool. Maybe our site might be too heavy for it but still curious. Love the concept. Keep up the great work! 😃😃😃. This is my favorite plugin we use by far!
We have put some hold on the Ajaxify plugin since many third party plugins are not using loading properly and not using the best practice in the backend which make these plugin not compatible with the ajaxify plugin. We would have to support too many clients and it would not be sustainable at this time.
I am having trouble with UX for the plugin when the user opens the playlist. Typically when popups open on websites, there is an X, or you can click outside the popup box and it will close. It's not quite customary to ask users to click again on the playlist icon to close the playlist. Is there a way to make it so it closes if you click outside the window?
In the meantime, I have this idea to highlight the playlist icon button in aqua so it stands out when the playlist is opened so it draws attention to it. One idea is to do something like this...
var showingplaylist = document.querySelector('.playlist');
if (showingplaylist) {
document.querySelector('.list.control--item').style.stroke = 'aqua';
}
but is there already a better way to achieve this?
Thanks!!
Just want to add, we do have the X to close it. I forgot I had hidden it, but it still would be customary for the UX to allow you to click anywhere else outside the playlist to close it. That would cool if we could do that here. 😃😃😃
Hi Mark,
The thing is that the playlist is opening fullscreen so there is no zone available outside of the "popup".
That would be confusing to click, by mistake, out of the tracklist and close the tracklist.
I will think of it but I see some issues with some scenarios with this kind of behavior.
Thanks,
Max from the Sonaar.io Crew
Thanks, Max. I forgot I must have changed it. I modified the margins in CSS on mine to look like a pop-up window. I see what you are saying. I guess it's just fine the way it was designed to work. Love the plugin! So excited that our visitors will be able to listen to music throughout their experience. Don't mind the brief pause when navigating. Thanks for the heads up on the back button nav. Hoping to see that resolved. Makes or breaks it for the UX for us.
Also curious about the future Ajaxify Pro plugin. Looks cool. Maybe our site might be too heavy for it but still curious. Love the concept. Keep up the great work! 😃😃😃. This is my favorite plugin we use by far!
Mark
Hi,
We have put some hold on the Ajaxify plugin since many third party plugins are not using loading properly and not using the best practice in the backend which make these plugin not compatible with the ajaxify plugin. We would have to support too many clients and it would not be sustainable at this time.
We might open it open-source some day
Thanks,
Max from the Sonaar.io Crew