it-swarm-eu.dev

Guida dell'interfaccia utente dell'app per iPad

Sto realizzando un'app per iPad che, per i nostri scopi qui, esegue una presentazione e ha un pannello delle impostazioni per configurare le varie diapositive.

L'app utilizza vari modelli per le diapositive e come tale deve avere un editor per ogni diapositiva. Stavo usando un UITableView per i redattori e offrendo UITextFields e simili per le singole impostazioni. Ho deciso che volevo che i redattori assomiglino alle diapositive reali. (Una diapositiva con un'etichetta modificabile, ad esempio, anziché la vista tabella.)

Il mio problema è duplice.

Innanzitutto, la tastiera copre metà della diapositiva quando viene modificata. In secondo luogo, ci sono anche alcune impostazioni che devono essere gestite e che non sono rappresentate visivamente dagli oggetti sulla diapositiva. (Mostra AM o PM o nessuno.)

Come procederesti a progettare l'editor (per esempio un orologio) in cui l'editor occupa l'intero schermo?

Come affronteresti il ​​problema della tastiera di grandi dimensioni?

5
Moshe

Per quanto riguarda il layout e la presenza della tastiera, hai un paio di opzioni. Il primo è cercare di garantire che la parte inferiore dell'interfaccia sia parzialmente coperta dalla tastiera in modo che l'utente possa vedere che c'è qualcosa da scorrere verso il basso. Questo è il modello di "correzione dell'imperfezione" in cui una persona ha la sensazione di poter riparare l'imperfezione facendo scorrere il resto dell'interfaccia utente in vista.

La seconda opzione è suonare programmaticamente con la tastiera e introdurre tasti personalizzati relativi al tuo editor. Una chiave Done invece di return potrebbe essere vantaggiosa, ad esempio.

Se puoi, mantieni lo stato attivo fuori dai campi di battitura quando possibile in modo che la tastiera non appaia. Mi piace l'idea di ridurre la diapositiva in modo che l'utente possa vedere tutto e prendere in considerazione lo zoom nei campi quando ottengono lo stato attivo.

2
Todd Sieling