RE: https://mastodon.online/@ailyaut/116109162286595353

Extremely cool stuff happening with #moxxy :))

Moxxy becomes expressive

After a year-long hiatus, I'm back to working on the #Moxxy user interface. This time, I've added an onboarding process for new users and redesigned the home screen, which is now cleaner and offers more features.

https://ailyaut.com/blog/moxxy_becomes_expressive.html

#xmpp #ui #uidesign #MaterialDesign #MaterialExpressive #penpot #opensource

Moxxy becomes expressive – Ailyaut's blog

A lot has happened since I last worked on Moxxy, the most important for us today being the release of Material 3 Expressive. I personally love the direction Google is taking by making the UI fun for users (and designers!) while still focusing on and improving ease of use and readability.

Um app/cliente de #xampu que se parece mais com os apps modernos de mensagem. Conheçam o #Moxxy @xmpp

🔗 https://ailyaut.robotfumeur.fr/blog/2024-06-09_moxxy_ui_report.html

Moxxy UI: May 2024 progress report – Ailyaut's blog

Let's start with a little announcement: from now on, I'll be publishing my .penpot file in the moxxy/design repository on Codeberg on a monthly basis, so that everyone can tinker with the interface to their heart's content! I should have done it from the start, but better late than never!

#moxxy mockup update:
After some feedback from @papatutuwawa , I corrected the previous design (media sending and emoji/stickers/gif).
It was previously a bottom sheet component with a scrim in the background. The scrim has been removed and the text field is now on top, which makes sending emojis etc. less separated from the conversation.

I'll try to do a full blog post at some point but I need to automate my blog first…

The #penpot file is available in the repo
https://codeberg.org/ailyaut/design/src/branch/master/ui

#xmpp

design

design

Codeberg.org

#moxxy mockup update:
1. when you press the '+' button in the text field, a bottom sheet appears allowing you to send easily your latest pictures, or another type of attachment.
2. when you press the emoji button, a bottom sheet appears with tabs for emoji, sticker or gif selection. For the sticker tab, you can select your sticker pack quickly on the left side or even add a new pack

The #penpot file is available in the repo
https://codeberg.org/ailyaut/design/src/branch/master/ui

#xmpp

design

design

Codeberg.org

#moxxy mockup update:
1. added design for message bubbles when you send a video, a file, or your location (I'd like to make location sharing prettier by integrating a map but maybe it's hard to do? @papatutuwawa )
2. added context menus for the header buttons in chat screen (thinking about removing the lock icon to have both audio and video call available in 1 click)

The #penpot file is available in the repo
https://codeberg.org/ailyaut/design/src/branch/master/ui

#xmpp

design

design

Codeberg.org
This month was very busy and I didn't have time to work on #Moxxy at all. Sorry! I'll try to find some time next month!

Moxxy UI: May 2024 progress report

This month I worked on the Chat screen. Feel free to send me some feedback, especially about the blur filter because I feel like I need an outside perspective on the subject!

https://ailyaut.robotfumeur.fr/blog/2024-06-09_moxxy_ui_report.html

#moxxy #ui #xmpp #penpot

Moxxy UI: May 2024 progress report – Ailyaut's blog

Let's start with a little announcement: from now on, I'll be publishing my .penpot file in the moxxy/design repository on Codeberg on a monthly basis, so that everyone can tinker with the interface to their heart's content! I should have done it from the start, but better late than never!

I have been experimenting with allowing the creation of conversation groups (similar to what Gajim has) in #Moxxy. Nothing final, just trying things out 😄
social.polynom.me