Redesigning Matrix/Riot chat

Image for post
Image for post

A bit of history

Design prototype and video preview

Video walkthrough of the new UI

Typography

Image for post
Image for post

New layout and main timeline

Image for post
Image for post
Main timeline with reactions, mentions, link previews
Image for post
Image for post
Autocompletion for user mentions and commands
Image for post
Image for post

Communities

New login screen

Image for post
Image for post
We like mountains

My stuff

Image for post
Image for post

Guest mode

Image for post
Image for post
Anyone can read public communities and rooms on the web, but not interact until logged in

Search results and mentions

Image for post
Image for post
Search results across contacts, rooms and messages (with context)
Image for post
Image for post
Mentions panel — mentions pills also have the mini-avatar

Next steps

Get in touch! 💬

London based Design Lead. Interested in design, machine learning, music, science.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store