I'm developing a remote control iOS app that will be used to control a web browser running within a smart TV and need some help. I'm interested in how I can place controls in such a way that it is both intuitive and ergonomic for repeated use.
- Trackpad (like Mac - move cursor, tap to click, two finger scroll)
- Remote keyboard - use device keyboard to type text into a remote field
- Close button to dismiss the controller
Nice to have:
- Address bar with back and reload
- Ability to open on-screen smart TV menu
I'm trying to lay out all of this functionality within a variable space (iPhone family from 5 to 6 plus, portrait and landscape).
My attempts so far:
- The cleanest design, but least functionality and no option to go "back" or open menu. This prompted design search
- Full functionality, layout is intuitive (mimics Chrome browser). Top controls are very hard to reach
- Partial functionality, same as #2, will have back and reload
- Partial functionality, no address bar, users confuse the browser back button with the X button to dismiss the controller.
Are there better ways to both ergonomically and intuitively lay out buttons on a large phone screens?
Some reference heat maps for mobile touch screen ergonomics: