Cuando se trata de diseñar interacciones creativas, el Procrear equipo sabe cómo hacer el trabajo.
La aplicación de ilustración se lanzó en 2011 con controles táctiles, «solo cinco dedos de entrada», dice el director ejecutivo James Cuda, y ganó un par de raros premios de diseño de Apple durante la próxima década por sus enfoques innovadores para el dibujo digital, bocetos y pintura.
Si bien pintar con los dedos sigue siendo una parte central de la aplicación, Apple Pencil se ha convertido en una parte importante de procrear historia. Apple Pencil brinda a los artistas la personalización y el control de su ancho y opacidad de línea, estilo de trazo y controles de acceso rápido. Y con la introducción del Apple Pencil hover, el Procrear El equipo está invirtiendo aún más en el lápiz óptico. “Realmente tuvo un impacto profundo en nuestra fase de diseño”, dice Cuda.
Al igual que con casi cualquier otra herramienta de dibujo digital o analógica, Apple Pencil opera en los ejes X e Y de un lienzo, lo que requiere la entrada directa de la punta del lápiz óptico para dibujar una línea o seleccionar una herramienta. El Apple Pencil de segunda generación también agrega soporte para la entrada directa a lo largo del costado del lápiz óptico, lo que brinda a los desarrolladores la opción de agregar accesos directos dentro de sus aplicaciones. Ahora, el desplazamiento del Apple Pencil lleva la herramienta y los accesos directos de vista previa a una dimensión completamente nueva. (El eje Z, específicamente).
“[It’s] una nueva capa de interacción», dice Cuda. «Todo cobra vida a medida que se acerca tu Apple Pencil».
El desplazamiento del Apple Pencil se activa cuando la punta está hasta 12 mm por encima de la pantalla en el iPad Pro con el chip M2. Los desarrolladores pueden personalizar lo que hace la función dentro de su aplicación, incluida la oferta de variaciones de herramientas, la selección de menús e incluso la vista previa de las líneas, para que los artistas puedan dibujar, dibujar y colorear con un control aún mayor. «La capacidad de no comprometerse ni dañar la obra de arte es transformadora», dice Cuda.
Y la funcionalidad de la función es solo la mitad de la diversión. «Hace que todo se sienta tan divertido», dice Claire d’Este, procrear director de producto. “Me encuentro subiendo y bajando menús solo para ver cómo responde. Hay algo tan agradable en que todo se ilumine mientras pienso en qué hacer a continuación”.
La capacidad de no comprometerse o dañar la obra de arte es transformadora.
James Cuda, director ejecutivo de Procreate
Él Procrear El equipo ha ocultado este tipo de momentos divertidos en toda la aplicación. En la vista de galería, al pasar el cursor sobre las miniaturas se expande la imagen o se muestra una vista previa de las animaciones. Herramientas como el selector de color o los botones de menú reaccionan a medida que se desplaza por ellos. Y luego, por supuesto, está el lienzo.
‘Tu mente comienza a correr’
«Hay dos fases con algo como esto», dice Procrear director de tecnología Lloyd Bottomley. “La primera es la inicial, ‘Wow, esto es genial’. Pero luego tu mente comienza a correr porque estás tratando de pensar en todas las cosas que podrías hacer con ella”.
Con tantas posibilidades abiertas para ellos, la Procrear El equipo tuvo que abordar cada idea con cuidado y escrutinio para asegurarse de que ayudaran y mejoraran los flujos de trabajo de diseño y creación en lugar de obstaculizarlos. “Estamos obsesionados con mantener a las personas enfocadas en ese punto de interacción”, dice Bottomley.
Un área que resultó sorprendentemente desafiante: el cursor de pincel. «Honestamente, pensamos que tendríamos un solo diseño en toda la biblioteca de pinceles», dice Cuda. puedes tener pinceles que se mueven entre sí. Representar todo eso en un estado flotante fue realmente desafiante».
Estamos obsesionados con mantener a la gente enfocada en ese punto de interacción.
Lloyd Bottomley, director de tecnología de Procreate
Después de algunas semanas de ida y vuelta, el equipo llegó a una solución: cursores personalizables que cambian con diferentes pinceles. “Necesitábamos alejarnos de esa idea de ‘una cosa para gobernarlos a todos’ a una serie de escenarios que pudieran llevarnos allí”, dice Cuda. «Ahora, todos los fabricantes de cepillos pueden personalizar cómo se verá su estado de desplazamiento».
Un segundo objetivo fue la función ColorDrop de la aplicación, que llena instantáneamente una sección de su obra de arte cuando arrastra y suelta un color en ella, al estilo de pintar por números. Con el desplazamiento del Apple Pencil, las personas pueden obtener una vista previa de cómo se verá la obra de arte antes de comprometerse con un color, lo que acelera el proceso de manera espectacular. «Si está haciendo entintado, por ejemplo, el arte de un cómic, es enorme», dice d’Este.
Si está haciendo entintado, por ejemplo, el arte de un cómic, es enorme.
Claire d’Este, directora de producto de Procreate
También es un ejemplo oportuno de cómo un pequeño cambio puede suponer una gran mejora en un flujo de trabajo artístico. “Ese tipo de interacciones lleva una cantidad sorprendente de tiempo”, dice Bottomley. “Incluso mover el brazo por la pantalla lleva tiempo. Ahora apenas tienes que moverte”.
La saga de los deslizadores
Mientras que la Procrear equipo estaba encantado de mejorar las interacciones para los cursores de pincel y ColorDrop, tenían un problema mucho mayor que esperaban que Apple Pencil resolviera: una pequeña parte de la interfaz de usuario que había estado molestando al equipo desde los primeros días de la aplicación.
“Nuestro objetivo es poner un enfoque absoluto en el contenido del artista”, dice Cuda. procrear La interfaz ha defendido durante mucho tiempo las ventanas de herramientas minimalistas y los gestos intuitivos como tocar para deshacer para mantener el lienzo despejado para el trabajo. Pero chocan con un muro artístico proverbial cuando intentan crear una interfaz de usuario para interacciones repetitivas como ajustar el tamaño del pincel o la opacidad.
Las iteraciones iban y venían; la pareja probó variaciones de pellizcar y hacer zoom y tocar y sostener, pero nada se sintió correctamente conectado con el resto de la Procrear experiencia. «Nos deshicimos de todo», dice Bottomley, «y optamos por ese conjunto de controles deslizantes muy convencional que se ve en el lado izquierdo de la pantalla».
Los controles deslizantes eran funcionales. Eran lo suficientemente intuitivos. Pero cada vez que el equipo pensaba en las funciones que realmente les gustaban de la aplicación, los controles deslizantes brillaban por su ausencia, hasta que el Apple Pencil se movió. “Una vez que se anunció el desplazamiento, nos dimos cuenta de que podíamos trabajar con Multi-Touch como no podíamos antes”, dice Cuda.
Con Apple Pencil flotando, ¿podrían finalmente eliminar la barra lateral? “Desarrollamos un gesto que pensamos que sería tan ubicuo y accesible”, dice Cuda. “La idea era usar dos dedos para pellizcar y hacer zoom mientras se desplaza hacia arriba, para poder ver claramente dónde está el pincel y cómo cambia de tamaño antes de marcar la pantalla. Estábamos convencidos de que sería el camino del futuro”.
Y luego comenzaron a hacer pruebas.
«Nos dimos cuenta de que estábamos equivocados tan pronto como lo pusimos en práctica», dice Cuda. El gesto funcionó de manera brillante cuando el iPad estaba sentado en una mesa o contra un soporte, un caso de uso bastante común, pero cualquiera que usara la tableta en un sofá tuvo una experiencia diferente. «Estás agarrando el dispositivo con las dos manos», dice. «Y tan pronto como pellizcas y flotas, el dispositivo ya no está, eh, en tus garras».
Tuvimos que dejar nuestros egos a un lado y decir: ‘Está bien, tal vez nos equivocamos’.
James Cuda, director ejecutivo de Procreate
El desafío fue suficiente para enviar al equipo de vuelta a la mesa de dibujo. “El gesto es útil; simplemente no es la metodología de interfaz singular que esperaban crear”, dice Cuda. “Tuvimos que dejar nuestros egos a un lado y decir, ‘Está bien, tal vez nos equivocamos’. Y teníamos que pensar en lo que era mejor para el cliente”.
Para los clientes que tenían el dispositivo, significó el regreso de los controles deslizantes. “Los reservamos para el dibujo móvil”, dice Cuda. “En un escritorio o soporte, cuando tienes ambas manos libres, la barra lateral desaparece y obtenemos exactamente lo que queríamos. Así que fue un viaje salvaje durante un par de semanas hacer esas llamadas”.
‘Es difícil volver atrás’
Las personas que usan iPad Pro con el chip M2 y el Apple Pencil de segunda generación pueden explorar procrear Funciones de desplazamiento de Apple Pencil ahora. Pero Cuda y el equipo están fuertemente enfocados en el futuro, considerando el desplazamiento como una nueva herramienta importante en el cobertizo, lo suficiente como para que Cuda diga que ya «resuelve un montón de cosas» con respecto a los próximos proyectos.
“No parece que estemos aprovechando una tecnología, sino creando una extensión natural de lo que ya podrías hacer”, dice d’Este. “Una vez que has experimentado esto, es difícil volver atrás”.
Leer Detrás del diseño con Procreate