Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I'm making an iPad app that, for our purposes here, runs a slideshow and has a settings panel to configure the various slides.

The app uses various templates for the slides and as such must have an editor for each slide. I was using a UITableView for the editors, and offering UITextFields and such for the individual settings. I decided that I wanted the editors to look like the actual slides. (A slide with an editable label, for example, instead of the Table View.)

My problem is twofold.

Firstly, the keyboard covers up half of the slide when it's being edited. Secondly, there are some settings that need to be dealt with as well which aren't visually represented by objects on the slide. (Show AM or PM or none.)

How would you go about designing the editor, (for a clock, for example,) where the editor takes up the entire screen?

How would you deal with problem of the large keyboard?

share|improve this question

1 Answer 1

up vote 2 down vote accepted

Regarding the layout and the presence of the keyboard, you have a couple of options. The first is to try to ensure that the lower part of the interface is partially covered by the keyboard so that the user can see that there is something to scroll down to. This is the "fixing imperfection" pattern where a person feels like they can fix the imperfection by scrolling the rest of the ui into view.

The second option is to programatically play with the keyboard and bring in custom keys that pertain to your editor. A Done key instead of return might be advantageous, for example.

If you can though, keep the focus out of typing fields when possible so that the keyboard doesnt appear. I do like the idea of shrinking the slide so the user can see it all, and consider zooming into fields when they get focus.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.
{"cc_re__cc_re__cc_by_sa_3_0": ["sites in the Stack Exchange network\">Area 51</a></li>\r\n                        <li><a href=\"//careers.stackoverflow.com?utm_source=stackoverflow.com&amp;utm_medium=site-ui&amp;utm_campaign=footerlink\">Stack Overflow Careers</a></li>\r\n                    \r\n                </ol>\r\n            </td>\r\n    </tr>\r\n</table>\r\n                </div>\r\n            </div>\r\n\r\n            <div id=\"copyright\">\r\n                site design / logo &#169; 2014 stack exchange inc; user contributions licensed under <a href=\"http://creativecommons.org/licenses/by-sa/3.0/\" rel=\"license\">cc by-sa 3.0</a>                   with <a href=\"http://blog.stackoverflow.com/2009/06/attribution-required/\" rel=\"license\">attribution required</a>\r\n            </div>\r\n            <div id=\"svnrev\">\r\n                rev 2014.12.27.2141\r\n            </div>\r\n            \r\n        </div>\r\n    </div>\r\n    <noscript>\r\n        <div id=\"noscript-warning\">User Experience Stack Exchange works best with JavaScript enabled<img src=\"http://pixel.quantserve.com/pixel/p-c1rF4kxgLUzNc.gif\" alt=\"\" class=\"dno\">"], "copyright__copyright__copyright": ["ad of return might be advantageous, for example.\n\nIf you can though, keep the focus out of typing fields when possible so that the keyboard doesnt appear. I do like the idea of shrinking the slide so the user can see it all, and consider zooming into fields when they get focus.\n\nshare|improve this answer\n\nYour Answer\n\n\u00a0\ndiscard\n\nBy posting your answer, you agree to the privacy policy and terms of service.\n\nNot the answer you're looking for? Browse other questions tagged or ask your own question."]}