Mobile app version of vmapp.org
Login or Join
Carla748

: How in Apple's iMessage can a message with more letters fit in a bubble the same size as a message with less? In the picture above, I sent two messages. One has 4 characters, the next

@Carla748

Posted in: #InterfaceDesign

In the picture above, I sent two messages. One has 4 characters, the next has 6 characters.

How and why is it that they are both able to fit in the same bubble size/container although one has more content than the next, and how is this decided by the design?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Carla748

1 Comments

Sorted by latest first Latest Oldest Best

 

@Murray976

My guess is that the bubble just calculates the required margin at both sides of the word:

--word--
--longerword--


What happened in this case is that, because the letters of the typeface have different widths, it looks like the bubble is staying the same size. When, in reality, it's just a coincidence. If the font were fixed-width, so each character measured the same horizontally, then you would notice the difference in length:

--iii--
--iiiii--
--mmm--


The same with a non-fixed-width font:

--iii--

--mmm--

(both have 3 characters, one uses more space).

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme