Se ha hablado mucho sobre iOS 7 desde su presentación a principios de este mes y la mayor parte se ha centrado en el diseño, en particular en los nuevos iconos. Ahora, como todos hemos tenido tiempo para reflexionar sobre los cambios, se empiezan a preguntar sobre cómo afectarán el diseño de nuestras propias aplicaciones. Como resultado, ha surgido un debate sobre la influencia que debe tener la nueva IU de iOS 7.
Mientras que algunos creen que las aplicaciones deben seguir siendo fieles a su propio estilo y no deben rediseñarse para que coincidan con el aspecto de iOS 7, otros creen que las aplicaciones deben rediseñarse para que se sientan más nativas. Para agregar a esto, parece haber cierta confusión sobre cuán estricto Pautas de la interfaz humana de iOS de Apple en realidad son
En un esfuerzo por aclarar las cosas, he echado un vistazo a los documentos dentro de Recursos de diseño iOS 7 de Apple y usaré esta publicación para compartir algunos de mis hallazgos.
Con respecto al debate sobre si todas las aplicaciones deberían adoptar ahora una estética "plana", es puramente una cuestión de opinión. Si utiliza elementos personalizados de interfaz de usuario en su diseño, en última instancia, las decisiones estilísticas recaen en usted y su equipo. Aunque Apple sugiere que vuelva a visitar el uso de sombras paralelas, degradados y biseles, no he visto ninguna evidencia que sugiera que este sea un requisito estricto.
En el fragmento de texto a continuación, tomado de Guía de transición de iOS 7 UI , se brindan más detalles sobre los diferentes niveles de personalización y cómo cada uno afectará la cantidad de trabajo que debe hacer para preparar sus aplicaciones para la transición.
Piense en la personalización de la aplicación dividida en los siguientes tres tipos:
- Estándar. La aplicación contiene solo elementos de UI estándar y no personalizados proporcionados por UIKit.
- Personalizado. La aplicación presenta una interfaz de usuario completamente personalizada que no incluye ningún elemento UI de UIKit.
- Híbrido. La aplicación contiene una combinación de elementos estándar y personalizados, incluidos elementos estándar que personalizaste usando UIKit tinting y apariencia-personalización API.
Para una aplicación estándar, debe decidir si sus diseños de experiencia visual y de usuario aún tienen sentido en el entorno de iOS 7. Si decide mantener el diseño actual y el modelo de interacción, la mayor parte del trabajo implica realizar ajustes menores y garantizar que la aplicación maneje correctamente los nuevos gestos del sistema.
Las aplicaciones personalizadas, es decir, las aplicaciones que no usan elementos UIKit UI, requieren un enfoque más matizado. Por ejemplo, si cree que la interfaz de usuario actual y la experiencia de la aplicación siguen siendo adecuadas, es posible que haya muy poco que hacer. Por otro lado, si crees que la personalidad de la aplicación y la experiencia del usuario deberían cambiar para complacer a los usuarios de iOS 7, tienes más trabajo por hacer.
Las aplicaciones híbridas varían en la cantidad de trabajo requerido, dependiendo de las personalizaciones que hizo y cómo combinó elementos personalizados y estándar. Además de volver a visitar el diseño general de una aplicación híbrida, debe asegurarse de que sus personalizaciones sigan funcionando bien y se vean bien cuando se integren con elementos estándar.
También se observa al final del documento citado anteriormente que una aplicación que imita la interfaz de usuario estándar iOS 6 de una manera completamente personalizada es probable que requiera mucho trabajo porque simplemente se verá pasada de moda. Esta es ciertamente una perspectiva que querrás considerar.
También tomado de Guía de transición de iOS 7 UI es el texto a continuación, que presenta dos listas: cosas que cada aplicación debe hacer y cosas que cada aplicación debe hacer. Dado el cambio en el lenguaje, consideraría que el primero es una lista de requisitos estrictos y el segundo es una lista de cosas que, como mínimo, deben tenerse en cuenta.
Cosas que debe hacer cada aplicación
- Actualiza el ícono de la aplicación. En iOS 7, los iconos de la aplicación son de 120 x 120 píxeles (alta resolución).
- Actualice la imagen de inicio para incluir el área de la barra de estado si aún no lo hace.
- Admite la pantalla Retina y el iPhone 5 en todas tus ilustraciones y diseños, si aún no lo haces.
Cosas que cada aplicación debería hacer
- Asegúrese de que el contenido de la aplicación sea discernible a través de elementos translúcidos de la interfaz de usuario, como barras y teclados, y la barra de estado transparente. En iOS 7, los controladores de visualización usan diseño de pantalla completa (para obtener más información, consulte Usando View Controllers )
- Rediseña los iconos del botón de la barra personalizada. En iOS 7, los iconos del botón de la barra son más livianos y tienen un estilo diferente.
- Prepárese para botones sin márgenes moviéndose lejos del suministro de imágenes de fondo del botón y reevaluando su diseño.
- Examine su aplicación en busca de valores de UI codificados, como tamaños y posiciones, y reemplácelos con aquellos que deriva dinámicamente de los valores proporcionados por el sistema. Use Diseño automático para ayudar a su aplicación a responder cuando se requieren cambios en el diseño. (Si es nuevo en Diseño automático, infórmese leyendo Guía de diseño de Cocoa Auto .)
- Examine su aplicación para conocer los lugares donde las métricas y los cambios de estilo de los controles y vistas de UIKit afectan el diseño y la apariencia. Por ejemplo, los switches son más amplios, las tablas agrupadas ya no están insertadas, y las vistas de progreso son más delgadas. Para obtener más información sobre elementos de IU específicos, consulte Barras y botones de barra , Controles , Vistas de contenido y Vistas temporales .
- Adopta el tipo dinámico. En iOS 7, los usuarios pueden ajustar el tamaño del texto que ven en las aplicaciones. Cuando adopta el tipo dinámico, obtiene un texto que responde de forma adecuada a los cambios de tamaño especificados por el usuario. Para más información, ver Usando fuentes .
- Asegúrese de que su aplicación no responda de manera inapropiada al nuevo gesto del Centro de control o al deslizamiento de un controlador de navegación para retroceder, especialmente si realiza un manejo táctil personalizado.
- Vuelva a visitar el uso de sombras paralelas, degradados y biseles. Debido a que la estética de iOS 7 es suave y en capas, con mucho menos énfasis en el uso de efectos visuales para que los elementos de la interfaz de usuario se vean físicos, es posible que desee reconsiderar estos efectos.
- Si es necesario, actualice su aplicación a las prácticas recomendadas para iOS 6, como el Diseño automático y los guiones gráficos, y asegúrese de que la aplicación no use API obsoleta.
iOS 7 tampoco significa el final del ícono de la aplicación ultra detallada. El fragmento de texto a continuación, tomado de Pautas de la interfaz humana de iOS , sugiere que todavía hay un lugar para el realismo. Sin embargo, como se mencionó anteriormente, todos los iconos de la aplicación deberán actualizarse.
Si desea retratar sustancias reales, hágalo con precisión. Los iconos o imágenes que representan objetos reales también deberían verse como si estuvieran hechos de materiales reales y tuvieran masa real. Los íconos realistas reproducen con precisión las características de las sustancias como tela, vidrio, papel y metal, y transmiten el peso y la sensación de un objeto.
Aunque hay mucho más en los documentos dentro de Recursos de diseño iOS 7 de Apple , y recomendaría leerlos todos, sentí que estos tres fragmentos en particular brindan una muy necesaria claridad. El nuevo enfoque de Apple puede hacer lo mejor para evitar sombras, degradados y biseles, pero eso no significa que tenga que hacer lo mismo, y si debe o no es simplemente una cuestión de opinión.
Independientemente de las elecciones estilísticas que realice, siempre que considere cuidadosamente todo lo anterior, entonces no debería tener problemas para hacer una transición exitosa de sus aplicaciones a iOS 7.
¿Ha aclarado esto las preocupaciones que tenías? ¿Estás esperando hacer la transición? Háganos saber en los comentarios.