telerik / kendo-ux

UX assets for Kendo UI
Apache License 2.0
28 stars 21 forks source link

RFC: Chat UI - message time position #6

Open lkarakoleva opened 6 years ago

lkarakoleva commented 6 years ago

Currently in chat UI implementation, the message time is shown next to a selected message and the message status beneath it: untitled-1

On the one hand is it better experience the short message time to be displayed next to it. On the other hand if the time format is too long, it would be cut out of the chat area.

We could use the same approach as in mobile facebook messenger: 2

The timeline of the conversation is center aligned. We have already had timestamp placed at the center of the chat canvas so we could follow the same trend for the single message time - at the center of the chat above the message.

@tsvetomir @ivanchev @mitagg @joneff @gyoshev

tsvetomir commented 6 years ago

The desktop Messenger shows message timestamps in a popup on hover.

image

The visible "timeline timestamps", for a lack of a better term, are displayed only when a significant time elapses between messages - not sure how much exactly.

lkarakoleva commented 6 years ago

Should we separate the mobile and desktop message time display? If we keep the same behavior for both mobile and desktop is it better to use the mobile approach, as we do not have "on hover" interaction in mobile.

tsvetomir commented 6 years ago

No, the mobile approach is better and more consistent. We'd still show them only for selected messages, right?

lkarakoleva commented 6 years ago

We keep the interaction as it is - showing message time only on selection. My suggestion is to change only the position of the time - at the center of the chat above the message.

ivanchev commented 6 years ago

The times shown in the center above the message are indeed used to indicate a new "era", for instance a new day. Using the same layout for selected messages might be confusing. Is there a suggestion as to how we should differentiate between the two?

lkarakoleva commented 6 years ago

Тhere is an idea how to differentiate the message time text and the era text 1