We have an iOS and an Android tailored application. We noticed that on small devices, the UI becomes very large with texts not fitting properly, either truncating or going to another line (this becomes more apparent when accessibility settings are changed from defaults), while on tablets the components stretch out.

I am aware of responsive design and mainly it's the regular mobile size we are going after, however, are there guidelines, set of rules on how to effectively scale the UI for different device resolutions?

I know that for websites you can have e.g. Large, Medium, Small typography sets with defined min max resolutions, meaning the text adapts dynamically depending on the resolution. Is there anything similar for apps?

In general, how to approach different resolution designs without necessarily making separate designs for a very small or large screen device? Or if still needed, what rules to adhere to? Where to stop scaling and how to scale the UI for best viewing?


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.