iPad This sloppy design drives me nuts!!

[chfilm]

Has anyone else noticed this in the "compose mail" window on ipadOS? Nothing lines up properly. I noticed it immediately when I opened the app for the first time but now I took measure and it's so bad really. I have reported this 5 times already in every beta, but nothing. I'm aware there are probably more pressing issues, but this is about an attitude towards design. It's just sloppy.
It makes me sad whenever I see something like that in an apple product. It shouldn't be like this

I photoshopped together the two states of the send button, either minimized or maximized to show that really none of the three icons is aligned.
I'm sure theres tons more of bugs like this, but this was is really the most obvious one and it drives me crazyyyy

 

[JM91Six]

I have not. But thank you

 

[AZhappyjack]

Maybe it will be fixed... it's beta.

 

[MozMan68]

This thread is a joke, right?

 

[mavis]

This thread is a joke, right?

The OP has a valid point. It's annoying to see stupid oversights like this, especially from Apple.

 

[MozMan68]

The OP has a valid point. It's annoying to see stupid oversights like this, especially from Apple.

Just because he is making "a" point, doesn't mean it is "valid" from a design standpoint as you are assuming Apple means for the icons to be aligned. He is making an observation with his opinion, not a "valid point." Unless you work for Apple or have a copy of the design guidelines for this particular app direct from Apple, you are simply speculating on the true design intent.

Did anyone think to ask which of the multiple iPads he saw this on? Did you check yourself? I can tell you that on the iPhone iOS on a Xs Max, it is aligned perfectly....in portrait mode only! Turn the phone 90-degrees and they become completely unaligned. More so than the example he gives (which, honestly, 1 in 100,000 people probably wouldn't notice even in this blown up example with the guide lines removed.)

The "send" button is part of the header of the app while the "add people" button is part of the body of the compose area. The fact that they may align in one orientation on one device or type of device does not necessarily mean that the design intent is they do the same across all devices with different sized screens and aspect ratios. The fact that it changes on the same device as I just mentioned proves this.

 

[Mr$tone]

Has anyone else noticed this in the "compose mail" window on ipadOS? Nothing lines up properly. I noticed it immediately when I opened the app for the first time but now I took measure and it's so bad really. I have reported this 5 times already in every beta, but nothing. I'm aware there are probably more pressing issues, but this is about an attitude towards design. It's just sloppy.
It makes me sad whenever I see something like that in an apple product. It shouldn't be like this

I photoshopped together the two states of the send button, either minimized or maximized to show that really none of the three icons is aligned.
I'm sure theres tons more of bugs like this, but this was is really the most obvious one and it drives me crazyyyy View attachment 853553

I am truly impressed by your perfection. I wish there were more people like you in all aspects. I am a perfectionist myself but too often I find that people get bothered about it.

 

[jagolden]

The OP has a valid point. It's annoying to see stupid oversights like this, especially from Apple.

no. If you have to use a diagram showing pixel or 2 "misalignmen" the issue is not with the OS or iPad.
Can’t even see it on my 12.9.

 

[MozMan68]

More likely, designed NOT to align.

Portrait mode - aligned, most likely because this is the “default” mode for composing email in iOS.

Landscape mode - Not aligned, most likely because it is maintaining set distances set up within each of the graphic areas of the email page. My guess would be this is why there is a minuscule misalignment on the iPad. Much more pronounced on the iPhone example below.

 

[Blue Hawk]

Apple never cared about things like this

 

[chfilm]

Apple never cared about things like this

You make me laugh.
[doublepost=1566307486][/doublepost]

More likely, designed NOT to align.

Portrait mode - aligned, most likely because this is the “default” mode for composing email in iOS.

Landscape mode - Not aligned, most likely because it is maintaining set distances set up within each of the graphic areas of the email page. My guess would be this is why there is a minuscule misalignment on the iPad. Much more pronounced on the iPhone example below.

And you make me wanna cry

It should be on the iPad and everywhere else always like in your first example. Cmon, you don’t need a ruler to show this, it’s very obvious with clear eyes at the very first glance! I noticed it immediately and it’s not hidden in some menu that nobody ever uses but in one of the most prominent spots of iOS.
If I were to work as sloppy as that in my graphic design work for ads people would never hire me again, seriously!
I got yelled at for much lesser oversights. If it was always as off as in your second example, I had no issue with it and would say it was designed like this (for whatever reason?!) but since it ALMOST matches I have to assume it’s just sloppy design!

I guess we designers can understand why Mr Ive left the company if he became surrounded by people with your attitude towards details.
[doublepost=1566307664][/doublepost]

The OP has a valid point. It's annoying to see stupid oversights like this, especially from Apple.

Thank you sir!
[doublepost=1566307714][/doublepost]

I am truly impressed by your perfection. I wish there were more people like you in all aspects. I am a perfectionist myself but too often I find that people get bothered about it.

I don’t know, it’s just what’s being expected from me in my work as well, so..

 

[MozMan68]

You make me laugh.
[doublepost=1566307486][/doublepost]
And you make me wanna cry

It should be on the iPad and everywhere else always like in your first example. Cmon, you don’t need a ruler to show this, it’s very obvious with clear eyes at the very first glance! I noticed it immediately and it’s not hidden in some menu that nobody ever uses but in one of the most prominent spots of iOS.
If I were to work as sloppy as that in my graphic design work for ads people would never hire me again, seriously!
I got yelled at for much lesser oversights. If it was always as off as in your second example, I had no issue with it and would say it was designed like this (for whatever reason?!) but since it ALMOST matches I have to assume it’s just sloppy design!

I guess we designers can understand why Mr Ive left the company if he became surrounded by people with your attitude towards details.
[doublepost=1566307664][/doublepost]
Thank you sir!
[doublepost=1566307714][/doublepost]
I don’t know, it’s just what’s being expected from me in my work as well, so..

Interesting how you completely avoid my point about landscape mode and the second pic. Whatever works for you...good luck getting this travesty of design “fixed” by Apple.

 

[YaBe]

Unless you work for Apple or have a copy of the design guidelines for this particular app direct from Apple, you are simply speculating on the true design intent.

Where is that facepalm emoji when you need it?
This statement should win the internet!

Oh if only someone made the guidelines public... oh wait....

More likely, designed NOT to align.

JUST LOL... thank you for the laughter. Well into the "It's a feature not a fault" mentality there

 

[MozMan68]

Where is that facepalm emoji when you need it?
This statement should win the internet!



JUST LOL... thank you for the laughter. Well into the "It's a feature not a fault" mentality there

Whatever...I've actually worked in design for more than 20 years and know what I'm talking about.

All you have to do is explain the two pictures I posted above. Just do that, please. Same app, same device....it's so logical why it is off, it is scary. Not even close like his examples.

EDIT: And sorry, to address your link on the design guidelines...those are so general, they would not address this type of element at all. Position of general navigation elements on the screen have nothing to do with individual elements. As I pointed out above, the alignment of the buttons in question, while aligning perfectly in portrait composition mode, were most likely done that way since it is the "default" or most common use of that particular application. Did you happen to notice that in the landscape view the buttons right edge align perfectly? Different rules may apply for different views.

 

[YaBe]

Whatever...I've actually worked in design for more than 20 years and know what I'm talking about.

All you have to do is explain the two pictures I posted above. Just do that, please. Same app, same device....it's so logical why it is off, it is scary. Not even close like his examples.

I do not care how long you worked in design, they have a misalignement.... it's right there in their guidelines!

"Use alignment to ease scanning and to communicate organization and hierarchy.Alignment makes an app look neat and organized, helps people focus while scrolling, and makes it easier to find information. Indentation and alignment can also indicate how groups of content are related."

You showed a pic, that does not proves anything except they did a sloppy work there, it will surely be fixed.

I seriously doubt the new motto is: Apple, designed NOT to align™.
__________________________________________________
When working with graphic design, you should never place anything arbitrarily. Using the principles of alignment helps bind and unify all of your elements together into a strong, cohesive structure.

 

[Crzyrio]

UI Alignment is the last thing on devs minds during beta releases lol.

This is only a valid point if it's still there on Release.

 

[MozMan68]

I do not care how long you worked in design, they have a misalignement.... it's right there in their guidelines!

"Use alignment to ease scanning and to communicate organization and hierarchy.Alignment makes an app look neat and organized, helps people focus while scrolling, and makes it easier to find information. Indentation and alignment can also indicate how groups of content are related."

You showed a pic, that does not proves anything except they did a sloppy work there, it will surely be fixed.

I seriously doubt the new motto is: Apple, designed NOT to align™.

When working with graphic design, you should never place anything arbitrarily. Using the principles of alignment helps bind and unify all of your elements together into a strong, cohesive structure.

Please...just explain the DRASTIC misalignment then for the landscape view. I know it will be your opinion like all of us here. Simple question.

 

[YaBe]

UI Alignment is the last thing on devs minds during beta releases lol.
This is only a valid point if it's still there on Release.

Agreed, annoying, but as long as it is fixed on the retail version, I am ok with it being the least of their problem.

Remember Jobs going nuts on a gradient?

"So Vic, we have an urgent issue, one that I need addressed right away. I’ve already assigned someone from my team to help you, and I hope you can fix this tomorrow. I’ve been looking at the Google logo on the iPhone and I’m not happy with the icon. The second O in Google doesn’t have the right yellow gradient. It’s just wrong and I’m going to have Greg fix it tomorrow. Is that okay with you?" S. Jobs

 

[chfilm]

Please...just explain the DRASTIC misalignment then for the landscape view. I know it will be your opinion like all of us here. Simple question.

The drastic misalignment looks like dynamic design, which I‘d be ok with. I dont have the beta on my phone yet, so I can‘t look at it. I only have it on the 12.9“ iPad Pro and in both orientations the icons are off. A TINY bit less off in portrait orientation, so little that I would say it‘s neglectable - but this device is rarely used to compose emails in this orientation I‘d argue. Anyway it doesnt matter, it should be aligned, no matter what orientation!
[doublepost=1566312637][/doublepost]

Agreed, annoying, but as long as it is fixed on the retail version, I am ok with it being the least of their problem.

Remember Jobs going nuts on a gradient?

"So Vic, we have an urgent issue, one that I need addressed right away. I’ve already assigned someone from my team to help you, and I hope you can fix this tomorrow. I’ve been looking at the Google logo on the iPhone and I’m not happy with the icon. The second O in Google doesn’t have the right yellow gradient. It’s just wrong and I’m going to have Greg fix it tomorrow. Is that okay with you?" S. Jobs

Finally someone gets it!! Thank you!
[doublepost=1566312702][/doublepost]

I do not care how long you worked in design, they have a misalignement.... it's right there in their guidelines!

"Use alignment to ease scanning and to communicate organization and hierarchy.Alignment makes an app look neat and organized, helps people focus while scrolling, and makes it easier to find information. Indentation and alignment can also indicate how groups of content are related."

You showed a pic, that does not proves anything except they did a sloppy work there, it will surely be fixed.

I seriously doubt the new motto is: Apple, designed NOT to align™.
__________________________________________________
When working with graphic design, you should never place anything arbitrarily. Using the principles of alignment helps bind and unify all of your elements together into a strong, cohesive structure.

THIS! They have been neglecting stuff like this since iOS7, there was even an entire blog about this. But recently they seemed to have caught up and in iOS 12 everything looks pretty polished. It‘s just sad that they are reintroducing this kind of sluggishness.

 

[MozMan68]

The drastic misalignment looks like dynamic design, which I‘d be ok with. I dont have the beta on my phone yet, so I can‘t look at it. I only have it on the 12.9“ iPad Pro and in both orientations the icons are off. A TINY bit less off in portrait orientation, so little that I would say it‘s neglectable - but this device is rarely used to compose emails in this orientation I‘d argue. Anyway it doesnt matter, it should be aligned, no matter what orientation!

Do you feel the icons at the bottom of the lock screen should be aligned or centered with those at the top of the screen?

Should my camera icon at the bottom be centered with the wifi icon above it and should the flashlight icon be aligned with the carrier info at the top?

 

[YaBe]

Do you feel the icons at the bottom of the lock screen should be aligned or centered with those at the top of the screen?

Should my camera icon at the bottom be centered with the wifi icon above it and should the flashlight icon be aligned with the carrier info at the top?

Comparing buttons to gauges?

 

[chfilm]

Do you feel the icons at the bottom of the lock screen should be aligned or centered with those at the top of the screen?

Should my camera icon at the bottom be centered with the wifi icon above it and should the flashlight icon be aligned with the carrier info at the top?

Really? Are you enjoying trolling us?
I'll give you a very simple example of things that just have to be aligned right here from this very website.

Here's a photoshopped equivalent of what they did in mail, and what you are defending for some reason that is beyond my comprehension. This is how it would look like if everyone would design like you are suggesting: Why not, a few pixels here, a little bit of different scaling there, looks great and so natural ! ! !

[doublepost=1566320734][/doublepost]

Will you agree that this makes no sense?

 

[dekadent]

This thread is a joke, right?

Let me guess, you have not read the Steve Jobs biography?

 

[MozMan68]

Comparing buttons to gauges?

Why not? You're comparing two buttons that have nothing to do with each other except that they are in the same app on the same page. From a design standpoint, why do they have to be aligned with each other?

Or, is it more important that their placement makes sense within their own sub-area within the app? Is it because of their proximity to each other and their function doesn't matter at all? Are you concerned about the microphone button at the bottom of the compose page as well? Does it align vertically with the other two buttons above it, or is it more important that it aligns with the keyboard "globe" or other items within the keyboard area?

You could go into the dozens of possible page options within the mail app alone and find many examples of stuff that doesn't align (and never will). I just find it interesting that the landscape view of the IDENTICAL alignment issue you guys are so concerned about doesn't bother you as being misaligned, but this minuscule example of two buttons that have nothing to do with each other is given as an example of how Apple no longer cares about design details...and in a beta, no less!

 

[MozMan68]

Really? Are you enjoying trolling us?
I'll give you a very simple example of things that just have to be aligned right here from this very website.
View attachment 853907

Here's a photoshopped equivalent of what they did in mail, and what you are defending for some reason that is beyond my comprehension. This is how it would look like if everyone would design like you are suggesting: Why not, a few pixels here, a little bit of different scaling there, looks great and so natural ! ! !

View attachment 853909
[doublepost=1566320734][/doublepost]

Will you agree that this makes no sense?

No one cares about the MacRumors website which isn't controlled by then and is a platform that has to handle a huge variety of constantly changing data.

Back to the mail page...why wasn't the larger misalignment in landscape mode brought up by you as an example of "poor design" instead of the minuscule misalignment in your original example?

And BTW, I'm not trolling or trying to bust anyone's ass...I work with very high end (and some famous) designers as part of my job and we have these type of conversations all the time. I'm genuinely curious as to what really bothers people and why.