?
avatar brianteeman
brianteeman
26 May 2017

At first glance the popups in J4 for the system messages looks great. However they are an absolute pain in the a**s because you now have to constantly dismiss popups to see what you are doing before continuing.

See this example
popup

And this one is even more annoying
popup2

avatar brianteeman brianteeman - open - 26 May 2017
avatar joomla-cms-bot joomla-cms-bot - change - 26 May 2017
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 26 May 2017
avatar brianteeman
brianteeman - comment - 26 May 2017

Note these are just used as examples of how intrusive the messages can be now that they are popups that you have to dismiss to be able to see what you are doing to continue. The solution is not changing the components and there messages

avatar C-Lodder
C-Lodder - comment - 26 May 2017

@dgt41 @ciar4n Can't remember, but didn't you guys add an option to auto-dismiss the alerts? If so, perhaps this should be default in core for any actions performed.

avatar dgt41
dgt41 - comment - 26 May 2017

The notification system is not yet finalised, so right not is really annoying.
But the code already has an option for a timeout https://github.com/joomla/joomla-cms/blob/4.0-dev/media/system/js/core.js#L287-L300 meaning that notifications with that parameter set should automatically disappear after the given amount of time (e.g. 2-3 seconds, probably applied to successful and info messages). BTW this needs some more code for the actual notification (the custom element implementation showcased here: #14333

@brianteeman if you have some ideas here, please feel free to write them down

avatar dgt41
dgt41 - comment - 26 May 2017

@C-Lodder we need the custom element here to have full client control ;)

avatar brianteeman
brianteeman - comment - 26 May 2017

The notification system is not yet finalised, so right not is really annoying.

not knowing that is really annoying.

we should have a page where i can see what is todo, in progress, complete etc

avatar wojsmol
wojsmol - comment - 26 May 2017
avatar brianteeman
brianteeman - comment - 26 May 2017

Closed as duplicate - my bad

avatar brianteeman brianteeman - change - 26 May 2017
Status New Closed
Closed_Date 0000-00-00 00:00:00 2017-05-26 10:27:38
Closed_By brianteeman
avatar brianteeman brianteeman - close - 26 May 2017
avatar mbabker
mbabker - comment - 26 May 2017

I've been trying to keep up with the projects boards to help track things. It'd be helpful if others with access on the repo could ensure things are added to the right board(s) as well, or making suggestions on improving those.

avatar brianteeman
brianteeman - comment - 26 May 2017

I will have a trawl through existing j4 issues this weekend and make sure they are all in projects and will keep an eye on new issues to add them as well

avatar dgt41
dgt41 - comment - 26 May 2017

@brianteeman do you still have access to the other repo: https://github.com/joomla/40-backend-template ?

avatar brianteeman
brianteeman - comment - 26 May 2017

No

avatar Bakual
Bakual - comment - 26 May 2017

Automatically vanishing messages are a pain as well, especially if the message is a bit longer. It's also not nice that the conatiner is that narrow, again if you have a bit longer messages.
Messages should persist (and can be clicked away when read), but not float over other elements. The messages we have in J3 is actually well done. Just improve on that :)

avatar brianteeman
brianteeman - comment - 26 May 2017

yes this is just cosmetically nice but unusable
style over function

avatar franz-wohlkoenig
franz-wohlkoenig - comment - 26 May 2017

Message like "Configuration saved", "Article saved" move other elements like in J3 are also bad experience.
bildschirmfoto 2017-05-26 um 20 24 12
Show them in blue Submenu, right over Joomla-Logo.

avatar Bakual
Bakual - comment - 26 May 2017

Imho moving the other elements down is fine. I don't have an issue with that.

avatar dgt41
dgt41 - comment - 26 May 2017

Messages should persist (and can be clicked away when read)

@Bakual auto disappearing toasts/alerts/dialogs call them as you like is a common pattern in all the Operating Systems, from Windows XP to IOS and Android. So I don't really see where that should is based, can you please share your thoughts on this one?

avatar Bakual
Bakual - comment - 26 May 2017

In Windows the only messages that disappear automatically are the status ones in the lower right corner. Those are the ones that appear when the system did something on its own. Or a skype mssage which came in. All stuff which isn't important if you have read it or not. because either you can find the content again (in case of Skype) or it just didn't matter (system status messages). But I don't think there are any messages elsewhere that vanish automatically after the user did an action. Especially not without a way to get them back.

My thought is that those message serve a purpose and we should make sure they are read before they vanish. It may be fine for the "Article Saved" type message, but as soon as you got a bit more information you likely want more time to read it. And I really hate it when that messages disappears before I was able to read it all.
Or imagine a collegue comes to you and ask you something while you edit an article. You think "Lets save it fast so i can talk to that guy" and immediately shift your focus away after hitting the button. When you're back from that short talk, you don't know if the article got saved or not becase the message already vanished.

avatar brianteeman
brianteeman - comment - 26 May 2017

not to mention that disappearing messages are an accessibility fail

avatar dgt41
dgt41 - comment - 26 May 2017

It may be fine for the "Article Saved" type message

That's what I had in my mind

When you're back from that short talk, you don't know if the article got saved or not becase the message already vanished.

Well there are other patterns, more modern approaches to this problem. So even if you missed the alert there should be an indicator somewhere in that page that displays if a form has different content since the initial load or the last save (e.g. serialise form and compare to the new state). I think these are separate problems and should be addressed differently. Right now we don't care about the state client side and this is the root of all these little or bigger UX problems. We can do better and make Joomla a lot more user/human friendly...

avatar brianteeman
brianteeman - comment - 26 May 2017

We can do better and make Joomla a lot more user/human friendly...

As long as that is inclusive and not exclusive i am all for improvements

avatar Bakual
Bakual - comment - 27 May 2017

Well there are other patterns, more modern approaches to this problem.

That was only a simple example for a missed message. The argument applies to any message. Imho, if it doesn't matter if the user sees the message or not, then just don't show a message. Don't show it and hide it after a few seconds. And don't let some messages hide and others not. That would be confusing.

Of course you can still do an indicator if a form has changed content, that would be great regardless.

avatar dgt41
dgt41 - comment - 27 May 2017

@brianteeman @Bakual just to point out why @C-Lodder @ciar4n and me thought that the current implementation might be better that the one in 3.x:

  • The floating alert box addresses a problem: if the user is in in a long page, any raised alert will go unnoticed, unless we force a scroll to the top, which in many cases can be really unpleasant behaviour (think of a long form with countless fields...).

That said, we also had long discussions with Crystal for that matter. The initial idea was to have the alerts in the lower/upper right side, but then we were convinced to move it to the top centre. Anyways, this is not settled right now, so I guess this whole conversation should move to the relative issue.
By the way, no one is trying to push their own ideas here, we just throw ideas (most of the times backed with some preliminary code). It's up to the leadership and the community to decide which implementation should finally make it to J4.
Also please remember that J4 is not even alpha at this time...

avatar Bakual
Bakual - comment - 27 May 2017

That would only apply to messages which are created dynamically by JavaScript. Since the regular messages are shown on pageload you are already at the top and see them. I know currently it's the same place but that could be done different of course. JavaScript generated messages don't necessary need to be in that area, they can be something completely different.

By the way, no one is trying to push their own ideas here, we just throw ideas (most of the times backed with some preliminary code). It's up to the leadership and the community to decide which implementation should finally make it to J4.

Of course. And since it's in the current code an issue is rightfully raised and the discussion started. If nobody said anything, then the current code will be in J4 stable.

avatar mbabker
mbabker - comment - 27 May 2017

JavaScript generated messages don't necessary need to be in that area, they can be something completely different.

The message container and how items are displayed should be consistent regardless of how they were added to the queue (either the server side message queue or "on the fly" in the client). I wouldn't have drastically different behaviors based on a server versus client generated message.

avatar Bakual
Bakual - comment - 27 May 2017

Depends on what the message has to achieve imho (eg field validation errors could be right by the field), but yes in general they should be consistent.

avatar mbabker
mbabker - comment - 27 May 2017

Contextual messages (like form field errors, which IMO is better displayed with the field than in a message container) are different than general system messages. But since the API we're talking about is for general system messages, let's keep focused on that and keep dreaming for an ability to have contextual messages like that ?

avatar dgt41
dgt41 - comment - 27 May 2017

@mbabker @Bakual we already have contextual messages for form fields validation AFAIK

avatar Bakual
Bakual - comment - 27 May 2017

we already have contextual messages for form fields validation AFAIK

Ah true. In J4 it shows a nice message below the empty title field. Nice job ?
Together with a generic floating error message which is over the title field ?

Add a Comment

Login with GitHub to post a comment