Google Messages Unveils New Text Field Design with shortcuts bar

Google Messages is undergoing a notable redesign, shifting to a left-aligned text field where the emoji button takes the lead.

Following the emoji button, users now have access to Magic Compose, a gallery with a new icon, and the plus button,

[{"selector":"#anim-acfc6c80-5390-4c62-9d5a-e38659b55fea [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-21.327334186741233%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":6000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-b53e3192-c7f4-4c42-ae31-a8bbfaf518a0","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f3d4fbb0-f3d2-4b71-929c-e4e15a23766a","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

which has now moved to the opposite end.

[{"selector":"#anim-3332c04c-2955-4dd4-b3d9-7905b085b207 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-2.6148571502012317%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":6000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e0d3ea29-f15c-4929-8271-a873572bc082","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-43c32115-dcf3-414c-8a59-7042652b25f7","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Emoji Button Now, expressing emotions is just a tap away. The new text box includes a dedicated emoji button,

[{"selector":"#anim-42e9a900-2e2b-4dfc-b130-176bb770d9b4 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0.40407332177802857%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":6000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-c8e9b299-addf-423e-8288-6dc1bebeb2d5","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-649c5410-f0ff-47fe-878d-1c01fdb8ab68","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Gallery Button Sharing images becomes more accessible with the integrated gallery button

[{"selector":"#anim-394aa351-6839-4eb9-baf7-3510dff2f13a [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0.30807453489298453%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":6000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-620999e2-8e8d-4c14-9f91-96e686a7e7b0","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-b1e9be4d-5334-42ec-b8d5-564f5379943f","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Magic Compose A standout addition to the revamped layout is the Magic Compose feature.

[{"selector":"#anim-91423816-b8c9-4a1a-87f4-b0afb6ddaaa3 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(13.695346977240247%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":6000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-3311de51-290a-4ec4-a289-8a142463d0a4","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-75b48e26-692e-40e2-81d2-27bba6a1a27e","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Plus Icon Enclosed in a Circle Within the text field, a novel plus icon enclosed in a circle catches the eye.

[{"selector":"#anim-5711d143-92e5-4365-8529-584f32bacb95 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-18.57608168482583%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":6000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-aa56e79d-9823-4052-b5b2-ae713bf6bfdd","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-c5fe9ee6-62e4-4c17-ba1c-2d937d824c6e","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Voice Recorder Transformation The voice recorder is getting a makeover, with Moods now having a distinct space outside the text field pill.

[{"selector":"#anim-5c7f48da-25b7-4bd7-8b1d-88b618ef8d98 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(16.009632698025854%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":6000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a9705584-4b8f-4c02-bbd2-515a36ac17be","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-7bc1fe41-9f9c-4400-b133-a4c51be4c906","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Google Messages’ Answer To make users happy, Google Messages decided to give a new look to the texting part.

[{"selector":"#anim-40b910cd-cc51-4abc-a921-6aa7301f4bad [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-19.733224545218654%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":6000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-36f976e4-0727-4b22-b148-bfa80067a18a","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-41c8b358-5b54-4194-b9a4-0917e6dd6ab7","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

New Design Feature The new look has a bar with quick buttons. These buttons help users send things easily and use emojis without any trouble.

[{"selector":"#anim-81511156-68df-4c3e-b8a3-b9302c006ea8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-1.56493506891454%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":6000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-dfa56bff-0a82-4de4-9ab6-236e687d744a","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-414262ea-2443-44a9-8213-570b642bced1","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

click here

[{"selector":"#anim-5a3d46cf-b1e5-4356-a4a4-1e23e098000f [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(1.3043478291840316%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":6000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e6d9a312-dd85-4834-be3c-2e2e4ddc8c05","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-59cbcf08-ef97-4e2d-9985-fd1e78c12520","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Arrow