MNteractive.com

I’ve been working on converting an iPad-focused app into an app that is compatible with various-sized Android devices. Things were going pretty well until I flipped the Kindle Fire into portrait mode and saw the parts of the app’s interface get squished into submission. I couldn’t use the same technique to create the layout for this device that I had for the larger devices.

I thought of two options:
1. Modify the JavaScript of the app to generate an interface with fewer elements.
2. Move part of the layout to make room for the pieces that won’t fit.

I chose the section option because in this case the interface in portrait mode was mostly consistent with that of the landscape mode and it was more time-effective to do so.

I’d like to know: Have you found yourself in a similar situation and how did you handle it?