Se anunció iOS 11 y la primera versión beta se lanzó a los desarrolladores en la Conferencia Mundial de Desarrolladores el 5 de junio de 2017, y la versión estable para los consumidores se lanzó en la mayoría de los países el 19 de septiembre de 2017. En comparación con iOS 10 , ¿hay algún cambio especial? en la interfaz de usuario y la interacción en iOS 11? iOS 11 vs iOS 10, ¿cuál es mejor? Vamos a ver.
Página principal
- Cómo transmitir pantalla en iOS 11
- ¿Qué otros lenguajes de programación, además de Swift, debería conocer un desarrollador de iOS de pila completa?
- ¿Crees que iOS necesita un cambio mayor desde iOS 7?
- ¿Hay alguna forma de descargar e instalar las versiones anteriores de aplicaciones de iOS en un iPad anterior que solo sea compatible con iOS 5.1.1? Alternativamente, ¿hay alguna manera de forzar la actualización de esta cosa a una versión más nueva de iOS?
- ¿Puedo usar MeteorJS para crear una aplicación web y poder convertirla en aplicaciones de Android e iOS?
iOS 10 vs iOS 11: página de inicio
Todo el diseño de la interfaz de usuario de iOS tiene un cambio más suave. La navegación en la esquina superior izquierda ha cambiado significativamente de pequeños puntos a una barra de señal clásica. El nombre de la aplicación se ha eliminado en Dock, la fuente del nombre de la aplicación se vuelve más audaz, lo que hace que la aplicación sea relativamente más clara y fácil de leer.
iOS 10 vs iOS 11: Centro de control y voz
El ajuste en el Centro de control es uno de los puntos brillantes más grandes en iOS 11, el usuario puede personalizar los bloques de funciones de uso común, y el brillo y el volumen se pueden ajustar a través del 3D Touch, la barra de control cambia de la columna horizontal a la vertical, ahorrando El área del centro de control. El diseño se vuelve más razonable y refrescante.
Íconos
iOS 10 vs iOS 11: icono
Hay 10 iconos con cambios obvios: Mapas, App Store, Reloj, Cámara, Configuración, Contactos, Recordatorios, iTunes store, Contactos, Notas y Calculadora. Estos cambios en Mapas, Reloj, Cámara y Contactos son más fáciles de usar.
El ícono clásico de la App Store ha sufrido cambios importantes, el bolígrafo y la regla originales, que expresan la naturaleza de la “herramienta”, ahora se han convertido en tres palos, formando un triángulo representa una estructura estable, es más probable que enfatice la relación entre la App Store , desarrolladores y usuarios.
iOS 10 vs iOS 11: App Store
Y el ícono de la Calculadora cambia más a fondo, desde el estilo plano hasta el más redondo, inferimos que Apple paga su respeto por los primeros sistemas operativos del iPhone.
Perspectivas de los UXers y PMs líderes en la industria en China
UXer Talks
iOS 10 vs iOS 11: Calculadora
Hay algunos otros íconos que también llevan a cabo los cambios correspondientes, todo se vuelve más simple y el contraste se hace más profundo, coincide con el estilo general de iOS 11. También puede encontrar íconos vectoriales para iOS aquí.
Tienda de aplicaciones
El nuevo diseño de App Store resalta la vista de la tarjeta, con el uso de una sombra de área grande, mejorando la jerarquía y el contraste de la página. Este diseño audaz mejora el sentido de diseño y arte de la tienda de aplicaciones, destacando la jerarquía y la navegación.
iOS 10 vs iOS 11: Vista de la tarjeta de la página de inicio de la tienda de aplicaciones
Notificación
iOS 10 vs iOS 11: Notificación
En la nueva notificación, cuando deslizamos la notificación hacia abajo desde la barra superior, el fondo ya no usa el desenfoque de cristal, al igual que la pantalla de bloqueo, que retiene la hora y la fecha en la parte superior; cuando la pantalla cambia verticalmente.
La hora y la fecha se presentarán en el lado izquierdo, el lado derecho se coloca con información de notificación, el estilo de diseño y el centro de control unifica el estilo de diseño modular, en comparación con iOS 10 se vuelve más conciso y generoso, más en línea con el uso de hábitos, La utilización del espacio es más razonable.
Bloquear pantalla
iOS 10 vs iOS 11: pantalla de bloqueo
La tecla numérica de la pantalla de bloqueo en iOS 11 se vuelve sólida, y este diseño mejora la legibilidad de la interfaz y reduce la interferencia y el impacto del marco delgado y las líneas finas en la lectura.
Además del iPhone, el rendimiento de iOS 11 para iPad puede describirse como muy sorprendente, especialmente en términos de interacción, iOS 11 hace que el iPad tenga un nuevo aspecto.
Nuevo muelle
Dock en iOS 11
El mayor cambio en iOS 11 para iPad es la actualización de un nuevo Dock, similar a la experiencia en MacOS Dock. Primero, el Dock puede mostrar hasta 15 aplicaciones, y el uso reciente de las tres aplicaciones se mostrará en el Dock a la derecha de la partición, y la aplicación en Handoff aparecerá en el Dock en el extremo derecho.
El nuevo Dock se puede llamar desde abajo, lo que reemplaza al centro de control anterior. Vale la pena mencionar que, cuando una aplicación ya está iniciada, podemos llamar a Dock desde la parte inferior de la pantalla y abrir una aplicación, arrastrarla a la interfaz, la aplicación estará en el lado derecho de la interfaz con la forma de cuadro flotante
Dock en iOS 10
La combinación del nuevo Dock y la ventana de suspensión resuelve el problema de que bajo el estado de pantalla dividida en iOS 10 solo puede deslizarse a través de la lista de aplicaciones para encontrar la aplicación. La mayor diferencia con Slide Over en iOS 10: si bien la aplicación principal no está disponible con Slide Over en iOS 10, ahora puede interactuar y manipular la aplicación principal mientras opera el cuadro de desplazamiento, lo que mejora enormemente la experiencia.
App Switcher
App Switcher en iOS 11
Lo que más me impresiona es más que eso. Finalmente, ya no me resulta difícil hacer doble clic en el botón Inicio para llamar a la página de inicio. Después de llamar al Dock desde la parte inferior de la pantalla, puedo continuar abriendo App Switcher.
Todo el proceso es muy suave, lo que no solo reduce las molestias debido al cambio repentino a la operación física, sino que también mejora la sensación de inmersión al usar el sistema. Si desea volver a la página de inicio, no es necesario, haga clic en el botón Inicio, simplemente haga clic en el área en blanco en App Switcher.
Drap & Drop
Drap & Drop en iOS 11
Arrastrar y soltar con el archivo finalmente se ha logrado en el iPad. Puede arrastrar y soltar archivos desde el cuadro de desplazamiento fácilmente. Simplemente arrastre los archivos seleccionados y luego se formarán como una pila que se puede arrastrar fácilmente a la aplicación principal en lotes,
Menú secundario
Menú secundario en iOS 11
Otro punto digno de mencionar es el nuevo menú secundario. Hasta ahora, el iPad aún no ha sido compatible con 3D Touch, pero el efecto similar de 3D Touch se puede lograr presionando prolongadamente las aplicaciones o mediante el centro de control.
Después de analizar la diferencia entre iOS 10 e iOS 11, podemos ver que iOS 11 mejora principalmente el sentido general de la línea, las fuentes y los iconos se han profundizado y en negrita, el contraste es mayor. Todos los cambios representan una evolución tranquila y un ajuste fino de la experiencia del usuario.
iOS 11 para iPhone es más fluido, que se centra más en los detalles de los efectos visuales y la experiencia operativa; e iOS para iPad puede decirse que es notable, especialmente en la interacción, no solo haciendo del iPad un dispositivo más productivo, sino que también permite a los desarrolladores obtener mayor libertad y plataforma, haciendo que el ecosistema de aplicaciones iOS sea más eficiente y práctico.
Con iOS 11, puede ofrecer aplicaciones más potentes y fáciles de usar que nunca. Como se sabe, para hacer un buen trabajo primero debe afilar sus herramientas, recopilo algunas herramientas útiles para usted, que pueden hacer que su trabajo sea más eficiente.
Herramientas para el diseño de iOS 11
(1) Bosquejo
Sketch es una aplicación de dibujo vectorial en Mac. En comparación con Photoshop, Sketch es mucho más ligero y simple. Una ola de entusiasmo por la creación de prototipos con Sketch se ha extendido recientemente porque es muy fácil diseñar maquetas. Con su rica biblioteca de componentes, Sketch podría producir prototipos más realistas, más propicios para la comunicación y la presentación.
Las pautas de interfaz humana de iOS han actualizado el kit de interfaz de usuario oficial para iOS 11, que se puede adaptar o iterar a su producto en Sketch después de una lectura cuidadosa de las especificaciones de diseño.
(2) Mockplus
Si bien la interacción es el alma de un diseño de prototipo, es la forma más intuitiva de mostrar la lógica y las ideas de un prototipo.
Después de diseñar en Sketch, si queremos continuar haciendo diseño de interacción y colaboración en equipo, se recomienda instalar el complemento Mockplus en Sketch. Una vez que haya completado el diseño en Sketch, puede exportarlo como un archivo MP y crear prototipos de Sketch en Mockplus, lo que permite a los diseñadores colaborar y agregar anotaciones con los miembros del equipo.
Por cierto, Mockplus está ofreciendo descuentos para el Black Friday ahora. Para obtenerlo, únete al grupo Mockplus Official Slack y el administrador te ofrecerá 40% de descuento en cupones y paquetes de fuentes y kits de interfaz de usuario gratuitos.
Esta oferta por tiempo limitado es válida para todos los paquetes y se extiende hasta el 31 de noviembre, ahorrando al menos 80 dólares del precio normal. Además, obtendrá soporte técnico gratuito de por vida en Mockplus incluso si no es un usuario pago ahora.
Después de comparar iOS 11 vs iOS 10 , podemos ver que iOS tanto en la interacción como en la IU mantiene la innovación y el poder. Además, también deberíamos ver el espíritu humano y la experiencia del usuario detrás de Apple. En el proceso de diseño del producto, también debemos mantener el producto tranquilo y suave, haciendo que el producto sea fresco y vívido.