No se pueden verificar los SMS de Airbnb
Al mismo tiempo, recopilé algunos pensamientos de mi experiencia diaria con el producto. La siguiente es una perspectiva de las tendencias del diseño de interacción en 2020.
Visualización modal
En iOS 13, el panel modal adopta un nuevo estilo de tarjeta, ocupando el 90% del área de la pantalla. Cuando se abre el panel modal, la página original tendrá un efecto de profundidad que aparecerá en gris para evitar que el usuario interactúe con ella. El panel modal se puede cerrar con una operación deslizante, adecuado para operación con una sola mano y diseñado para servicio de pantalla grande.
El panel modal ha sido ampliamente utilizado en aplicaciones independientes como correo del sistema, calendario, libreta de direcciones, Apple Music e información Animoji.
△Apple Music y amp Email
Céntrate en la segunda mitad
Quark Browser es el mejor navegador que se centra en la capa inferior. En lugar de colocar el cuadro de búsqueda en la parte superior como Safari y Chrome, Quark coloca la barra de búsqueda integrada en la parte inferior de la pantalla para comodidad del usuario.
Contenido en capas
El contenido en capas se basa en el menú de acciones y el contenido en capas aparecerá. La presentación de contenido en capas puede reducir los saltos de página y mantener a los usuarios en el entorno más original. La interacción de operación principal se encuentra en la parte inferior de la interfaz y es de fácil acceso.
△Snapchat & Keep
1. Capas al pasar el mouse
Las capas al pasar el mouse se utilizan en aplicaciones como NetEase Cloud Music, Instant Messaging y Flying Stop. capas. El contenido introductorio aparece en la parte superior. Cuando la página se desliza hacia abajo, el contenido introductorio se oculta y la barra de funciones se sitúa en la parte superior, lo que aumenta considerablemente el área de contenido mostrado.
△NetEase Cloud Music & Inmediatamente
△Exploración de la interfaz de usuario de la aplicación iOS de transmisión
Página continua
El efecto de conversión de páginas continuas puede ser Recuerda bien la ruta del producto y fortalece la relación jerárquica de la página. Al mismo tiempo, los efectos de transición de animación suaves brindan una experiencia de usuario más coherente.
La App Store y Behance, así como el recientemente lanzado Douban FM 6.0, han adoptado este enfoque.
△App Store y comportamiento
Pantalla completa
Muchas aplicaciones utilizan ventanas emergentes del sistema para guiar el estilo de puntuación. En la aplicación Keep, se diseña un mensaje de calificación en pantalla completa. La forma novedosa y la atmósfera de la imagen de fondo aumentan en gran medida la disposición de las personas a anotar.
△ Airbnb Airbnb le da la bienvenida a Airbnb & Keep
Verificación rápida
1 Inicia sesión con una cuenta de Apple
Casi todas las aplicaciones en el pasado. dos años Se recomendará registrarse/iniciar sesión primero con un número de teléfono móvil + código de verificación por SMS, y también acceder a inicios de sesión de terceros como WeChat, QQ y Alipay.
En la WWDC 2019, Apple también nos presentó “Iniciar sesión con una cuenta de Apple”, y casi todos los dispositivos Apple utilizarán el ID de Apple para iniciar sesión. Por tanto, en un futuro próximo podremos iniciar sesión en todas las aplicaciones directamente a través de nuestra cuenta de Apple. ¿Es conveniente?
2. Reconocimiento de números
El reconocimiento de números de NetEase Yidun puede obtener automáticamente el número de tarjeta SIM del tráfico actualmente activado y usted puede completar la operación de registro e inicio de sesión con un solo clic. Reduzca los pasos tradicionales, como ingresar números de teléfono móvil y esperar códigos de verificación por SMS, y mejore la tasa de conversión de enlaces clave.
△NetEase Meal
Interacción de voz
En los últimos años, la tecnología de voz inteligente se ha aplicado en muchos escenarios, como Cortana de Microsoft, Siri de Apple y el Asistente de Google. . Con la introducción del aprendizaje profundo, los asistentes de voz pueden volverse cada vez más fuertes durante el entrenamiento y hablar de manera más coherente. El asistente de voz de Quark tiene el clima local, datos visuales para esta semana y este mes, puntos de noticias, saludos navideños, trivia y otras funciones.
En la conferencia de desarrolladores de mayo de este año, Google demostró su tecnología de transmisión en vivo de inteligencia artificial y reconocimiento de voz. Puede proporcionar soporte de llamadas basado en conversión de voz/texto en tiempo real para usuarios que no se sienten cómodos respondiendo llamadas.
Esta es definitivamente una característica útil para las personas sordas.
△Retransmisión en vivo de Google I/O 2019
De hecho, la retransmisión en vivo también puede ayudar a la gente común. Por ejemplo, cuando necesitamos contestar llamadas importantes pero no podemos dejar lo que estamos haciendo ahora, Live Relay puede venirnos bien en este momento para contestar llamadas importantes ingresando texto.
Lo más conveniente es que la transmisión en vivo también puede integrar una función de traducción en tiempo real, que juega un papel importante en la comunicación con extranjeros y se puede decir que es otra "función sin barreras".
Realidad aumentada AR
1. WANNA utiliza la tecnología AR para "probarse zapatos".
A través de la combinación de la tecnología de realidad aumentada AR y las cámaras de los teléfonos inteligentes, puedes ver el efecto de "llevar" zapatillas como YEEZY BOOST 350 en tus pies. Incluso puede simular los diversos efectos de los zapatos con diferentes luces. Ambientes.
2. Mini programa AR + Prueba de color de lápiz labial
Ayer se actualizó y lanzó el primer mini programa nacional "Armani Beauty" que admite pruebas de maquillaje dinámicas AR. Basándose en las capacidades básicas del miniprograma y el soporte de la plataforma de código abierto de aprendizaje automático TensorFlow de Google, L'Oréal Group ha desarrollado capacidades de prueba de maquillaje dinámicas AR. En comparación con el método de prueba de color anterior para cargar fotos, la prueba de maquillaje dinámico AR hace que la prueba de color sea más realista.
La RA se utiliza en el diseño web o en los campos de aplicaciones. Puede combinar de forma natural la virtualidad y la realidad para brindar una nueva experiencia inmersiva.
Vista previa en múltiples ventanas
△App Store y software de mensajería instantánea
En la última versión de QQ, al presionar prolongadamente un mensaje en la página de lista aparecerá abre el modo de ventana múltiple y los mensajes se pueden alternar entre sí, similar al modo de cambio en segundo plano de iOS. Al presionar prolongadamente cualquier lugar de la ventana de conversación, también aparecerá el modo de ventanas múltiples.
Resumen
El desarrollo de la ciencia y la tecnología ha tenido un gran impacto en el diseño, lo que me hace ser más consciente de mi responsabilidad como diseñador. Estas tendencias de diseño ayudarán a los usuarios a tener una mejor experiencia con el producto, de forma intencionada o no.
Este artículo es una reproducción de: You Jian. com
Autor: Abuelo extranjero