Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile - Message interaction menu #517

Open
phwizard opened this issue Nov 1, 2023 · 12 comments
Open

Mobile - Message interaction menu #517

phwizard opened this issue Nov 1, 2023 · 12 comments
Labels
graphics & UI design UI User Interface / Visual /User Experience related

Comments

@phwizard
Copy link
Contributor

phwizard commented Nov 1, 2023

Let's update the Message Interaction according to the new design.

Notes:

  • Use option N1 as a basis
  • Emoji reactions are not ready yet so just ignore the above emojis roll for now
  • In the menu, add reward options on top so it looks like:
  • Give 1 Coin
  • Give X Coins
  • Reply
  • Forward
  • Copy
Screenshot 2023-11-01 at 05 37 08
@phwizard phwizard added the UI User Interface / Visual /User Experience related label Nov 1, 2023
@phwizard phwizard changed the title Message interaction menu - design update Design - Message interaction menu Nov 13, 2023
@dzinzyura
Copy link

@polipivnenko fyi previous designs

User:

IMG_9855
IMG_9854

Room Admin / owner:

IMG_9856

@polipivnenko
Copy link
Collaborator

image
image
image

Message interaction menu has been developed in two versions. Both are ready.
Additional pop-up element for the amount of coins is ready too
@phwizard @dzinzyura

@dzinzyura
Copy link

@polipivnenko thank you! looks great.

please don't forget to create a design for the Kick and Block buttons as well.

@polipivnenko
Copy link
Collaborator

image
image
image

Pop-up for blocking in personal messages, for unblocking and for blocking or removing a user from a shared chat
@phwizard @dzinzyura

@dzinzyura
Copy link

thank you @polipivnenko! pop-ups look nice, but we'll also need to have Kick and Block buttons directly in the message interaction menu (attached a screenshot)

image

@polipivnenko
Copy link
Collaborator

polipivnenko commented Nov 17, 2023

@dzinzyura
Are you sure, it should be in the message interaction menu itself? Usually, in this part is placed the reaction to the message, not the user.

@polipivnenko
Copy link
Collaborator

image
image

Updated versions

@polipivnenko
Copy link
Collaborator

image

Due to the many functions in the message interaction menu, I think it's better to depict coin reward in a way similar to the photo. This way, it will have a unified appearance. Here are the display options for the Administrator and participant actions on their messages and others' messages.
@phwizard @dzinzyura

@dzinzyura
Copy link

great idea! thank you @polipivnenko! if it's a final version, I can assign it for implementation. please, let me know.

@phwizard
Copy link
Contributor Author

This is a good suggestion and we had this in the design suggestions before:

Screenshot 2023-11-22 at 16 30 08

However, I prefer this option as it's easier to modify by a Developer:

Screenshot 2023-11-22 at 16 29 02

Reason is different Apps (projects) may prefer to disable Coins or Items/NFT gamification and commerce options. In such case these menu items will be hidden / removed by the engine.

Also note that the emoji and message action menus will appear overlayed over the message (like a layer on top). Depending on the positioning of the chat message, if it's in the bottom of the screen, there will be no place to display the bottom menu. If it's in the top, there will be no place to display the emojis menu. See how this works in messenger apps. Therefore these will be overlayed depending on the position.

So I would just go ahead with this version for implementation:

Screenshot 2023-11-22 at 16 35 23

@polipivnenko @dzinzyura

@polipivnenko
Copy link
Collaborator

image

I added these functions to the interaction menu for the administrator and for the regular member.
@phwizard @dzinzyura

@phwizard
Copy link
Contributor Author

This is good, let's go ahead and implement
@dzinzyura

@phwizard phwizard changed the title Design - Message interaction menu Mobile - Message interaction menu May 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
graphics & UI design UI User Interface / Visual /User Experience related
Projects
None yet
Development

No branches or pull requests

5 participants