Improve [iOS] Usability with a Black Status Bar and Rounded Corners

It would be useful to be able to be able to select between unbounded and bounded content by changing the `meta viewport` value on a web page! Obviously as it stands now, the navigation UI at the bottom of the screen in mobile Safari prevents this, but I can still dream :)

Re: Improve [iOS] Usability with a Black Status Bar and Rounded Corners

#5

Post by tathagata » Thu, Aug 16, 2012, 2:52 PM UTC

marknutter wrote: post #3

Does anyone know how rounded corners like this can be applied in practice?

The easiest way is to use a custom full-sized background for the tab bar, navigation bar and toolbars.

Re: Improve [iOS] Usability with a Black Status Bar and Rounded Corners

#6

Post by creativename » Thu, Aug 16, 2012, 2:59 PM UTC

As someone who generally pays attention to the usability of applications, I have to ask: Is this really a big deal?

I quite literally have never noticed this when using my iPhone over the past couple years. I actually had to re-read the article a few times to understand what the author was trying to convey.

Re: Improve [iOS] Usability with a Black Status Bar and Rounded Corners

#7

Post by stuartjmoore » Thu, Aug 16, 2012, 3:15 PM UTC

marknutter wrote: post #3

Does anyone know how rounded corners like this can be applied in practice?

I haven't tried it, but you should be able to set the cornerRadius of the layer (a CALayer) of the main window. That would apply it to all subviews.

Re: Improve [iOS] Usability with a Black Status Bar and Rounded Corners

#8

Post by elmarks » Thu, Aug 16, 2012, 3:22 PM UTC

stuartjmoore wrote: post #7

marknutter wrote: post #3

Does anyone know how rounded corners like this can be applied in practice?

I haven't tried it, but you should be able to set the cornerRadius of the layer (a CALayer) of the main window. That would apply it to all subviews.

This works, but setting the cornerRadius property kills performance. It's preferable to overlay an image with black corners or to bake the black corners into your art assets.

Re: Improve [iOS] Usability with a Black Status Bar and Rounded Corners

#9

Post by deasier » Thu, Aug 16, 2012, 3:32 PM UTC

marknutter wrote: post #3

Does anyone know how rounded corners like this can be applied in practice?

It's already been done years ago in the jailbreak scene e.g ‘RoundCorners’ Blesses iPhone Owners With a Well Rounded Experience http://www.idownloadblog.com/2011/01/05/roundcorners-blesses...

NB: rounded corners was itself a copy of the webOS viewport system.

Re: Improve [iOS] Usability with a Black Status Bar and Rounded Corners

#10

Post by ryan_f » Thu, Aug 16, 2012, 3:44 PM UTC

creativename wrote: post #6

As someone who generally pays attention to the usability of applications, I have to ask: Is this really a big deal? I quite literally have never noticed this when using my iPhone over the past couple years. I actually had to re-read the article a few times to understand what the author was trying to convey.

I agree. I have seen rounded corners in Apps before but there were a lot other variables for usability.