Stanford Kekauoha

Daily UI #13 Messaging App

  • Save
Daily UI #13 Messaging App daily dailyui the office gif principle animation app messaging ui ux

1 Attachment

I wanted to mimic as close as possible a face-to-face conversation.

I felt that first of all, in face-to-face conversations, you can always see the other persons face which is why I included the profile picture of the user on the other side.

Additionally, I added a pulsing overlay over the user's profile picture to give it a more' human' touch by mimicking a pulsing heartbeat in hopes of giving it more life.

Used principle to handle the animations. Not a fan of the quality, if any of you have tips to export from principle to dribble a the best quality possible I am all ears! (the animation also seems slower than my principle .mov export)

keyboard shortcuts: L or F like