Sumérgete en los detalles de iOS 11: ¿Apple aún está orientada a los detalles?

Hace unos días, Apple tuvo su evento especial de otoño en el Steve Jobs Theatre ubicado dentro de Apple Park, presentando el iPhone X de pantalla completa y más tarde empujando iOS 11 GM a beta testers, que saldrá oficialmente la próxima semana. Actualicé mi teléfono tan pronto como recibí el impulso de iOS 11 GM.

Desde WWDC en junio, he sido un beta tester para iOS 11 que ha pasado por un intenso verano de actualizaciones incrementales. Con mi iPhone 7 4.7 de 4.7 pulgadas y el GM iOS 11 a mano, todavía existe una sensación bastante inacabada del software Beta. Como diseñador, no puedo evitar escribir sobre mis sentimientos.

Escribo esto para ayudar a las personas a darse cuenta de muchos detalles que requieren nuevos detalles, que con suerte incluyen a la gente de Apple y pueden avanzar con los cambios para mejorar esos detalles.

La sensación inacabada en iOS 11 proviene principalmente de la interfaz de usuario y la animación. Los elementos de la interfaz de usuario en iOS son bastante inconsistentes, ya que mezclan una variedad de elementos de la interfaz de usuario, que pueden parecer bastante similares, pero introducen una sensación desconectada de UX. La inconsistencia de esos elementos se debe principalmente a los elementos de la interfaz de usuario actualizados en iOS 11, como el título grande y la nueva barra de búsqueda. En mi opinión, esos elementos recién introducidos, que pueden ser desconocidos y nuevos incluso para los ingenieros de Apple, han causado una experiencia de UI inconsistente en iOS 11.

Mail.app

Primero echemos un vistazo a Mail.app en iOS 11. Al igual que otras aplicaciones nativas, Mail también presenta una nueva barra de navegación con título grande. Sin embargo, el título grande en el correo tiene un margen izquierdo adicional en comparación con el ejemplo de la guía de diseño. Aquí usaremos la barra de búsqueda como objeto de referencia. En el ejemplo de la guía de diseño, el título grande y la barra de búsqueda comparten la misma distancia al borde, pero en Mail.app, el título grande claramente se mueve un poco a la derecha en comparación con la barra de búsqueda.

Watch.app

En Watch.app, la barra de búsqueda no sigue el estilo sugerido, destacando por su fondo no adecuado. En las aplicaciones nativas que adoptan estilos iOS 11, la barra de búsqueda debe coincidir naturalmente con la barra de navegación, a diferencia de Watch.app.

En el video de instrucciones de Building Apps para iPhone X publicado por Apple, mencionaron exactamente el mismo caso:

WWDC.app a la izquierda es un contraejemplo que no coincide con los estilos, y Contacts.app a la derecha es una práctica recomendada para combinar estilos. El comentarista en el video afirma:

Ese es el segundo problema que encontré ... si destaco el campo de búsqueda, bueno, eso no parece correcto. Comparemos esto con la lista de aplicaciones Contactos. Un par de cosas se ven mal aquí. El color del fondo de la barra de búsqueda no es del todo correcto. Y el tamaño está un poco fuera de lugar.

Por lo tanto, iOS 11 sugiere un fondo coincidente entre la barra de búsqueda y la barra de navegación. Sin embargo, Watch.app no ​​lo sigue como una aplicación nativa. Además, una vez que se hace clic, la barra de búsqueda en Watch.app casi está besando la barra de estado, que muestra que los ingenieros de Apple deben hacer más pulido.

Files.app

La barra de búsqueda en Files.app también tiene algunos problemas. Parece que los ingenieros de Files.app utilizaron una barra de búsqueda no estándar. De la imagen a continuación, en comparación con la barra de búsqueda estándar en Settings.app, Files.app tiene una barra de búsqueda ligeramente más pequeña y un color de fuente más claro.

Además de la diferencia de color / tamaño, la animación después de hacer clic en la barra de búsqueda también es diferente. La animación de la barra de búsqueda estándar en Settings.app:

Luego barra de búsqueda en Files.app:

Comparativamente, la barra de búsqueda en Files.app tiene una animación más rápida pero una lógica de animación menos natural y una sensación un poco inacabada.

App Store.app

La App Store de iOS 11 ha sido rediseñada e introducido un estilo similar al de Apple Music. Sin embargo, en la pestaña Hoy de App Store, en comparación con For Music de Apple, las fuentes de fecha son diferentes, ya que App Store usa una negrita mientras que Apple Music usa una ligera. Y en Apple Music, "Miércoles" es seguido por una coma, pero en la App Store falta la coma.

También comparación entre estas dos aplicaciones. En la página de búsqueda, tocar el elemento de tendencia en App Store no activará un efecto de desplazamiento como retroalimentación táctil, mientras que una acción similar en la página de búsqueda de Apple Music activará un efecto de desplazamiento que cambia el color de fondo / primer plano del elemento. En mi opinión, Apple Music lo hace mejor y las aplicaciones nativas deben ser consistentes con la decisión de retroalimentar el mouse, independientemente de tenerlo o no.

Además, todavía hay algunos problemas diversos entre los detalles. En App Store, abra cualquier aplicación con imagen de banner, deslice ligeramente desde el borde izquierdo hacia la derecha (pero no deslice el dedo por completo, lo que cerrará la página de la aplicación). La sección del banner se mostrará de manera extraña después de que la página se recupere

Puede verificar este error con el siguiente video.

También hay un problema de rendimiento. En la pestaña Actualizaciones, desplácese hacia abajo para actualizar los elementos y hay una caída de marco obvia si se extrae demasiado el Título grande. Puedes sentirlo tú mismo fácilmente.

Health.app

En Health.app, entre la página Hoy y la página de Datos de salud, los mismos datos y los mismos estilos, pero diferentes anchuras. Este es un problema antiguo de iOS 10 y todavía no se ha solucionado.

Widget de hoy

En iOS 11, hay dos formas de abrir Today Widget, ya sea deslizando de izquierda a derecha en la pantalla de inicio o en la pantalla de bloqueo, sin embargo, la barra de búsqueda en páginas invocadas de manera diferente tendrá un comportamiento diferente. Cuando se invoca desde la pantalla de inicio, desplegar la página del widget no mostrará la pantalla de búsqueda, y al hacer clic en la barra de búsqueda le falta la animación de mostrar y descartar el efecto de vidrio esmerilado, y la animación de ampliar la barra de búsqueda (aunque hay animación de acortarla) después de presionar cancelar. La experiencia general es bastante incómoda.

Cuando se invoca desde la pantalla de bloqueo, hay animaciones en todas partes y desplegar la página del widget mostrará correctamente la pantalla de búsqueda, una experiencia muy fluida y natural.

Esto está causando una sensación bastante desconectada de Today Widget en dos escenarios. Obviamente, el que se invoca desde la pantalla de inicio está bastante inacabado en comparación con el que se invoca desde la pantalla de bloqueo. Lo extraño es que el widget de hoy invocado desde la pantalla de inicio en iOS 10 tiene todas esas animaciones y podría mostrar la pantalla de búsqueda al desplegar. No tengo idea de por qué retrocede en iOS 11.

Sin embargo, el widget Today invocado desde la pantalla bloqueada en iOS 11 también va un poco hacia atrás en comparación con iOS 10. En la página Today Widget, cuando el usuario abre la página, la barra de búsqueda desplazará el widget con vidrio esmerilado, evitando que el widget se apile en la barra de búsqueda . Sin embargo, al hacer clic en la barra de búsqueda, el vidrio esmerilado desaparecerá inmediatamente y luego se generará un vidrio esmerilado a pantalla completa. Si cancelas la barra de búsqueda, el vidrio esmerilado a pantalla completa desaparecerá lentamente, y luego la sección pequeña de vidrio esmerilado sin animación, un poco poco natural.

Si el video es demasiado rápido, puede verlo por cuadro. Lo que podemos ver es que el vidrio esmerilado de pantalla completa no está relacionado con el vidrio esmerilado de la sección superior en términos de renderizado suave, lo que lleva a una sensación de desconexión.

Además de las animaciones faltantes, iOS 11 también trae animación redundante. En iOS 11, cada vez que se desliza desde Today Widget a la pantalla bloqueada, la sección Player cambiará de tamaño una y otra vez, lo cual es bastante innecesario.

En la página Siri Search Suggestion invocada después de hacer clic en la barra de búsqueda, hay dos problemas. Primero, al tocar sugerencias, la retroalimentación de desplazamiento está utilizando un ancho menor que el ancho de la pantalla, lo que hace que la retroalimentación de desplazamiento se convierta en un rectángulo extraño. La retroalimentación de desplazamiento apropiada ya está presente en Apple Music, donde el efecto de desplazamiento toma el ancho de la pantalla completa.

En segundo lugar, y bastante extraño, si observa detenidamente la fuente de Sugerencias de búsqueda de Siri, verá que son irregulares (especialmente el alfabeto latino) cerca de los bordes, que no son uniformes, incluso se comparan con el texto de entrada en la misma pantalla.

Photos.app

El margen inapropiado, ya sea demasiado o muy poco, aparece en muchos lugares de iOS 11, causando una mayor sensación de trabajo inacabado / sin pulir.

En la pestaña Compartido de Photos.app, el margen (como se señala a continuación con una flecha) es demasiado estrecho e inconsistente, en comparación con cualquier otra aplicación nativa con páginas similares.

Settings.app

En la sección Configuración.app → ID de Apple, la alineación de la lista de dispositivos está completamente apagada de la sección ID. Esto fue correcto en iOS 10 y roto en iOS 11.

Music.app

En la sección Connect de Apple Music, algunas publicaciones tendrán un margen realmente pequeño entre la imagen y el texto. Esto no debería ser una decisión de diseño ya que el margen en el cliente iTunes en macOS de escritorio es apropiado. Aunque Connect es de facto una característica poco utilizada, Apple no debería cometer un error tan básico en el diseño de la interfaz de usuario.

También en Apple Music, ingrese a la lista de álbumes a través de la Biblioteca, luego haga clic en la lista de letras iniciales para ir rápidamente a esa sección. Verá que la sección de la letra inicial en la parte superior es cortar las portadas de los álbumes.

Anunciada como una característica en iOS 10 en WWDC, la pantalla del reproductor de Apple Music también se vuelve extraña en iOS 11. La reapertura de la pantalla del reproductor hará que desaparezca la sombra debajo de la cubierta del álbum reproducido, y la cubierta del álbum encogida durante la pausa también se agrandará si se vuelve a abrir el reproductor pantalla.

Los videos se enumeran a continuación:

Pausa música, zoom de portada de álbum, cierra y vuelve a abrir la pantalla del reproductor, zoom de portada de álbum:

Reproducción de música, sombra debajo de la portada del álbum, cerrar y volver a abrir la pantalla del reproductor, sombra desaparecida:

En iOS 10 con AirPods, cuando el dispositivo AirPlay está conectado, la pantalla del reproductor mostrará el nombre del dispositivo cerca del icono de AirPlay. Eso se fue en iOS 11.

Algunas personas podrían pensar que esta es una opción de diseño, pero en realidad es un error. En el video a continuación, cuando el dispositivo AirPlay está conectado, el nombre del dispositivo se muestra correctamente. Sin embargo, volver a abrir la pantalla del reproductor hará que desaparezca. Si se trata de una opción de diseño, el nombre del dispositivo no debería haberse mostrado inicialmente.

Y en Podcasts.app, que usa el mismo estilo de diseño que Apple Music, el nombre del dispositivo AirPlay siempre está ahí.

Otro error en Apple Music. Como sabemos, hay dos formas de deslizarse hacia arriba en iOS, ya sea haciendo clic en la barra de estado o haciendo clic en el icono en la barra de pestañas. En Apple Music, presionar la barra de estado volverá correctamente a la barra de navegación de título grande, mientras que presionar el ícono Tabulador devolverá una pequeña barra de navegación de fuente como se muestra a continuación.

Dado que en Podcasts.app y App Store.app, al hacer clic en cualquiera de los dos, aparecerá la barra de navegación de título grande, este comportamiento en Apple Music es definitivamente un error.

Centro de control

En el Centro de control, la sección del dispositivo AirPlay también tiene problemas. A menudo, durante el uso de AirPods, el Centro de control mostrará el iPhone como dispositivo, y cuando AirPods se muestre como dispositivo, al pausar la música, el dispositivo se convertirá en iPhone (aunque AirPods todavía se está reproduciendo).

También hay una animación inapropiada en el Centro de control, la animación 3D Touch en Screen Mirroring:

Weather.app

Weather.app en iOS 11 también se ha actualizado con una fuente más grande y menos margen. Sin embargo, noté que el texto templado en iOS 11 no está alineado al centro, mientras que estaba en iOS 10.

Esta podría ser una decisión de diseño de iOS 11. Sin embargo, durante el uso real, debido a la falta de alineación, para algunos dígitos, es muy obvio para el usuario que el texto está más cerca del borde izquierdo, lo que no muestra ningún profesional en comparación con iOS 10.

Problema en negrita falso para PingFang en Safari

El último y más grave problema, en mi opinión, es la fuente. Los problemas anteriores pueden no afectar el uso normal, pero el problema a continuación realmente afectará a todos nosotros.

Ese es el problema de la fuente en negrita falsa para PingFang (el tipo de letra chino predeterminado de iOS) en iOS 11 Safari. Descubrí este problema cuando estaba probando sitios web personales en iOS 11. A continuación, se realizan todas las comparaciones entre iOS 11 y iOS 10.

Como se muestra arriba, PingFang en realidad se presenta como falso falso. Falso en negrita básicamente no está utilizando el peso de fuente proporcionado por la fuente en sí, sino para agregar el peso de fuente en algún peso de fuente base por la fuerza. La negrita falsa se genera mediante algoritmos y, a menudo, carece de calidad, lo que provoca problemas de peso de trazo y seguimiento de letras. En la captura de pantalla, puede ver que el falso PingFang en iOS 11 tiene un mayor espacio entre los textos.

Después de algunas pruebas, descubrí que esto sucedería solo cuando CSS font-family incluye "-apple-system", es decir, font-family usando la fuente de San Francisco proporcionada por el sistema. Una vez que lo eliminemos, el sistema respetará el peso de la fuente proporcionado por la fuente misma y la falsa negrita desaparecerá.

Este problema no solo se encuentra en Safari, sino que también afecta a todas las aplicaciones que usan el motor webkit de iOS para representar la página web, como el navegador interno de WeChat y Douban.app. Como puede ver, Douban.app ha sido dominado por el falso PingFang bold, que se ve bastante mal.

Al elegir aleatoriamente una publicación de revisión de película, notará que el título está en negrita. A través de la comparación, también notará que el espaciado entre fuentes en negrita es problemático. En realidad, no se trata solo de la fuente en negrita, sino también del peso de fuente normal o de cualquier fuente, por lo que está viendo "imitación regular" y así sucesivamente. La imitación regular no se identifica fácilmente por el peso del trazo, pero en la comparación a continuación, notará que el espaciado de fuente es diferente en iOS 11, por lo que cada línea de texto tiene palabras diferentes, lo que demuestra la presencia de "imitación regular".

Y vea más fotos de faux bold en WeChat.app.

Este problema de fuente falsa de Safari apareció en iOS 11 Beta 1 y envié un informe de error a través de la aplicación Feedback a principios de agosto (el número de caso es # 3436665). Sin embargo, sigue siendo un problema a partir de hoy, y probablemente para iOS 11 o más. Como entusiasta de la tipografía, estoy bastante decepcionado por esto.

En el final

En los últimos años, se ha debatido sobre la degeneración de la calidad del software de Apple. Apple ha estado avanzando constantemente en Bioinformática, Aprendizaje automático, AR y muchos otros campos y está haciendo crecer su negocio, pero lentamente ha perdido el enfoque orientado a los detalles en el diseño y los productos como antes. Durante el evento del 12, escuchando a The Beatles y las sabias palabras de Steve, tuve un momento de sentir que todavía estamos en los viejos tiempos. Sin embargo, Apple es diferente de aquellos días. Honestamente, no tengo intención de desprestigiar a Apple, como propietario de muchos productos de Apple para muchos aspectos de mi vida. Apple sigue siendo mi única compañía favorita y más respetada. Deseo sinceramente que, al dar un paso adelante, Apple aún pueda mantener esos valores que han apreciado y construido en el pasado.

Un agradecimiento especial a Ted Li por su excelente asistencia en la traducción.

Lea la versión china en Zhihu: https://zhuanlan.zhihu.com/p/29313582