4 Made the question title more relevant
| link

OK How to make text, buttons, etc. larger on iPad than correspondingadapt an existing iPhone app to iPad?

3 updated in response to comment
source | link

Size of interface elements OK to make text, buttons, etc. larger on an iPad vs.than corresponding iPhone app?

Is it common to make user interface elements (text, edit boxes, buttons, etc.) larger in an iPad app than in the corresponding iPhone app? Would it violate any Apple UI guideline and get us rejected from the App Storeto do so? 

I'm asking because we have an iPhone-only app now and some users really like using our iPhone app on an iPad Mini. They like the large text and large buttons when it's in "2x scaled" mode.

Our users are delivery drivers who primarily use the app for viewing the contents of delivery orders and doing numeric data entry in the field, so data entry efficiency is really important to them. We've even built a customized numeric keyboard to squeeze every possible bit of efficiency.

Now we're designing an iPad-native app. We want to do this because we want to capture edge-to-edge screen real estate that we can't with the scaled iPhone app. Also, we get a lot of support calls from users who try to install our app on an iPad and can't find it in the app store because they need to filter their search to iPhone apps to see it!

As we design the iPad app, based on our user feedback that larger is better, I want to make our UI elements larger than the iPhone version.

We're also going to do design work to leverage the additional capabilities and real estate of the iPad, but there's lots of good info available elsewhere for the general "how do I port my iPhone app to iPad?" where the generalized answer is "you redesign it!". That general question isn't what I'm asking here. Instead, I'm wondering if there's anything inherently bad about scaling up the interface elements on an iPad app, given that most iPad apps I've seen don't do this.

I don't think we need to blow everything up 2x, but instead I want to test various different scalings with users to see which size they like best. I suspect we'll end up with around 1.5x as the sweet spot between gaining efficiency via large UI elements and gaining efficiency by avoiding scrolling.

Anyway, some questions:

  • Are there good examples of iPad apps make good use of large-size interface elements to optimize data entry efficiency? Ideally I'm looking for inspiration beyond calculators and phone dialers which areworried about the obvious examples like thisnav bar having smaller text than the rest of the app.
  • Should Should we blow everything up, includingscale the size of the top-navigation nav bar? Or should we make along with the navigationrest of the normal size to align with how most iPad apps lookapp's UI? If we do decide Or is it best to makeleave the navigationnav bar larger than normal, what are examples oftext size consistent with other apps which have done this effectively?  
  • Are there any documented (or not) restrictions by Apple for larger-than-normal UI element sizes for iPad apps?
  • Beyond calculators and phone dialers, what other kinds of iPad apps use large-size UI elements like I'm describing?

Size of interface elements on an iPad vs. iPhone app

Is it common to make user interface elements (text, edit boxes, buttons, etc.) larger in an iPad app than in the corresponding iPhone app? Would it violate any Apple UI guideline and get us rejected from the App Store?

I'm asking because we have an iPhone-only app now and some users really like using our iPhone app on an iPad Mini. They like the large text and large buttons when it's in "2x scaled" mode.

Our users are delivery drivers who primarily use the app for viewing the contents of delivery orders and doing numeric data entry in the field, so data entry efficiency is really important to them. We've even built a customized numeric keyboard to squeeze every possible bit of efficiency.

Now we're designing an iPad-native app. We want to do this because we want to capture edge-to-edge screen real estate that we can't with the scaled iPhone app. Also, we get a lot of support calls from users who try to install our app on an iPad and can't find it in the app store because they need to filter their search to iPhone apps to see it!

As we design the iPad app, based on our user feedback that larger is better, I want to make our UI elements larger than the iPhone version.

I don't think we need to blow everything up 2x, but instead I want to test various different scalings with users to see which size they like best. I suspect we'll end up with around 1.5x as the sweet spot between gaining efficiency via large UI elements and gaining efficiency by avoiding scrolling.

Anyway, some questions:

  • Are there good examples of iPad apps make good use of large-size interface elements to optimize data entry efficiency? Ideally I'm looking for inspiration beyond calculators and phone dialers which are the obvious examples like this.
  • Should we blow everything up, including the top-navigation bar? Or should we make the navigation the normal size to align with how most iPad apps look? If we do decide to make the navigation bar larger than normal, what are examples of other apps which have done this effectively?  
  • Are there any documented (or not) restrictions by Apple for larger-than-normal UI element sizes for iPad apps?

OK to make text, buttons, etc. larger on iPad than corresponding iPhone app?

Is it common to make user interface elements (text, edit boxes, buttons, etc.) larger in an iPad app than in the corresponding iPhone app? Would it violate any Apple UI guideline to do so? 

I'm asking because we have an iPhone-only app now and some users really like using our iPhone app on an iPad Mini. They like the large text and large buttons when it's in "2x scaled" mode.

Our users are delivery drivers who primarily use the app for viewing the contents of delivery orders and doing numeric data entry in the field, so data entry efficiency is really important to them. We've even built a customized numeric keyboard to squeeze every possible bit of efficiency.

Now we're designing an iPad-native app. We want to do this because we want to capture edge-to-edge screen real estate that we can't with the scaled iPhone app. Also, we get a lot of support calls from users who try to install our app on an iPad and can't find it in the app store because they need to filter their search to iPhone apps to see it!

As we design the iPad app, based on our user feedback that larger is better, I want to make our UI elements larger than the iPhone version.

We're also going to do design work to leverage the additional capabilities and real estate of the iPad, but there's lots of good info available elsewhere for the general "how do I port my iPhone app to iPad?" where the generalized answer is "you redesign it!". That general question isn't what I'm asking here. Instead, I'm wondering if there's anything inherently bad about scaling up the interface elements on an iPad app, given that most iPad apps I've seen don't do this.

I don't think we need to blow everything up 2x, but instead I want to test various different scalings with users to see which size they like best. I suspect we'll end up with around 1.5x as the sweet spot between gaining efficiency via large UI elements and gaining efficiency by avoiding scrolling.

Anyway, some questions:

  • I'm worried about the nav bar having smaller text than the rest of the app. Should we scale the size of the top nav bar along with the rest of the app's UI? Or is it best to leave the nav bar text size consistent with other apps?
  • Are there any documented (or not) restrictions by Apple for larger-than-normal UI element sizes for iPad apps?
  • Beyond calculators and phone dialers, what other kinds of iPad apps use large-size UI elements like I'm describing?
2 fixed typo
| link

Size of interaceinterface elements on an iPad vs. iPhone app

1
source | link