Crear un menú de estilo Mac para iOS

El iPhone y el iPad están retenidos en el departamento de productividad, en parte debido a la decisión de Apple de no adoptar un sistema de menú más completo más allá de los popovers extraños de iOS.

Lo que iOS necesita son menús de estilo Mac.

Simeon, cocreador de la aplicación de codificación de iPad llamada Codea, ha creado un sistema de menú similar a macOS para iOS que se ve muy bien y funciona tan bien que ya lo implementó.

Él escribió en una publicación de blog:

Codea es nuestra aplicación para iPad para la codificación creativa. He estado desarrollando una versión universal por algún tiempo.

Es difícil adoptar un entorno de codificación de iPad complicado de ocho años y llevarlo a iPhone. Hay tantas funciones que necesitan funcionar en tantas configuraciones.

Autolayout se ocupa de muchos de estos problemas (gracias, SnapKit). Pero no se ocupa de lo más importante: el diseño. He estado atrapado en el diseño de una versión universal del editor de código de Codea durante más de un año. Incluso podría ser dos.

Uno de los muchos archivos de Sketch con iteraciones de cómo debería escalar el editor de código me di cuenta hace seis meses cuando estaba usando mi Mac, usando los menús, que necesito estas cosas, menús, en Codea. Estaba tratando de resolver un problema que se ha resuelto durante décadas.

Así que me propuse hacer los mejores menús que pude hacer para iOS.

Para ilustrar cómo funciona todo esto, aquí está el video de su nueva aplicación, Shade.

John Gruber de Daring Fireball escribió una breve observación:

Lo que están haciendo aquí con Codea no es solo poner la barra de menú de Mac en iOS. Han diseñado y construido una versión muy similar a iOS en una barra de menú, profundamente informada por los aspectos de la barra de menú de Mac que funcionan en una pantalla táctil. Algo así se necesita desesperadamente como elemento de interfaz estándar en iPad, y creo que también podría funcionar en iPhone.

Por otro lado, mirar las agradables sombras detrás de los menús de Codea me recuerda cuánto odio la casi nula sombra de los popovers estándar de iOS en iPad. Desde iOS 7, he pensado que los popovers de iPad parecen un error de renderizado o un prototipo temprano. Dejando a un lado un debate sobre la planitud general de iOS 7–12, los popovers de iPad me parecen mal. Deberían parecerse mucho más a lo que hace Codea con sus menús.

Si realmente quieres ser técnico, asegúrate de revisar su publicación de seguimiento.

Esa publicación no es interesante solo porque Simeon explica los desafíos de construir una función aparentemente tan simple como un sistema de menú similar a un escritorio para iOS, sino porque también contiene un montón de videos adicionales que lo muestran todo en acción.

Aquí hay algunos.

Codea 3.0 y Shade 1.0 harán uso de estos menús hasta cierto punto.

¿Qué les parece, niñas y niños? ¿Qué tan genial sería si iOS 13 trajera un sistema de menús de este tipo para iPhone y iPad?

Asegúrese de intervenir con sus pensamientos en los comentarios a continuación.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *