Diseño de interfaces web escaladas para pantallas táctiles
Atrás quedaron los días de notación enrevesada de JavaScript e innumerables complementos incluidos en su encabezado. El diseño del diseño ha dado un gran paso adelante al ver a los diseñadores crear algunos conceptos extravagantes. Los dispositivos de pantalla táctil actualmente tienen el mayor interés desde el punto de vista de un diseñador y desarrollador.
Más personas están usando dispositivos con pantalla táctil ahora que nunca. Esto incluye tabletas y la lista completa de sistemas operativos para teléfonos móviles. Todos estos dispositivos son móviles y permiten el acceso desde casi cualquier ubicación remota.
Los diseñadores están reduciendo su credibilidad para mantenerse al día con la alta demanda. Pero, ¿qué es vital al cambiar entre un diseño web estándar y una aplicación de pantalla táctil? Hay muchas tendencias emergentes entre la comunidad de diseño que se pueden utilizar para escalar cualquier idea en tecnología de pantalla táctil futurista.
Estado actual de adaptación
Aunque el iPhone y el iOS de Apple se discuten con frecuencia entre los principales medios y los gurús de la tecnología, no son el único capital de mercado en dispositivos de pantalla táctil. Muchas computadoras portátiles y tabletas portátiles han sido lanzadas por fabricantes de terceros, incluidos Hewlett-Packard, Samsung y Microsoft.
Actualmente, los desarrolladores deben mirar las interfaces de la pantalla táctil como nuevos dispositivos, además del teclado y el mouse estándar. Tradicionalmente, esto se ha completado con llamadas de JavaScript o consultas de medios que resultan en datos de retorno complejos. Tiene que haber una mejor manera de adoptar estas nuevas tendencias.
Como ejemplo, podemos comparar un iPad de Apple con cualquier netbook que ejecute Google Chrome para notar inmediatamente las diferencias. Aunque sus tamaños de pantalla pueden ser similares, operan en dos niveles completamente diferentes. Incluso los sistemas operativos en sí son muy diferentes y admiten nuevos estándares informáticos.
Las ganancias y pérdidas
Con las interfaces de pantalla táctil estamos ganando mucha flexibilidad. Los diseñadores pueden colocar botones y ruedas de desplazamiento en cualquier lugar de la página, ya que todo es accesible con solo tocar o deslizar.
Los desarrolladores también pueden controlar completamente la funcionalidad de las aplicaciones. Cocoa SDK para el desarrollo de iOS ofrece muchas clases que reflejan las interacciones de la pantalla táctil. Los desarrolladores pueden verificar si hay varios dedos e incluso detectar la presión entre cada interacción.
Sin embargo, también estamos perdiendo muchas credenciales de diseño clave que todos hemos llegado a amar. Como ejemplo, no hay necesidad de estados de desplazamiento cuando se trata de una interfaz totalmente basada en pantalla táctil. Esto podría reemplazarse con un estado de acción cada vez que un usuario está presionando activamente un elemento, aunque el propósito es muy divergente.
La falta de cualquier mouse también presenta un problema para la entrada. El desplazamiento y el cambio de página deben ser más suaves y fáciles que la mayoría de las aplicaciones, ya que hay una reducción en la funcionalidad. Los teclados también están integrados en la tableta o en la pantalla del dispositivo portátil, lo que ofrece una sensación radicalmente nueva a la experiencia del usuario.
Agrupar elementos comunes
La agrupación de elementos es una buena práctica en el diseño de diseño para aplicaciones de pantalla táctil. Por clúster no me refiero a meter todos los botones y elementos de una página en la esquina superior derecha. En la actualidad, diseñe un mapa para cada vista y calcule qué información se adapta mejor a cada vista.
Esto reduce la frustración y la confusión en el usuario final. Al buscar configuraciones para actualizar la información de la cuenta, sería más fácil encontrarlas en un panel de pantalla. Este suele ser también el caso de las aplicaciones web, aunque la interfaz generalmente está configurada para las interacciones con el mouse.
En lugar de crear una larga colección de desplazamiento de datos, los sistemas operativos móviles ofrecen ventajas únicas. Con la mayoría de los dispositivos con pantalla táctil, puede crear pestañas dentro de cada vista de la aplicación. Estos ofrecen una manera simple para que los usuarios cambien entre configuraciones y otros datos sin demasiado esfuerzo. Esta barra de pestañas podría compararse con una barra de navegación llena de enlaces de página en una interfaz web clásica.
Plan para innumerables sistemas móviles
Es genial considerar que su sitio web funciona con especificaciones completas de HTML5 y CSS3, pero esto no resuelve muchos problemas comunes entre las interfaces de pantalla táctil. Siempre que el navegador que esté analizando su página se ejecute con los estándares DOM más comunes, estará bien.
Aunque Google Chrome para computadoras de escritorio ejecuta un motor de análisis muy variado al de BlackBerry móvil u Opera Mobile. De hecho, para cada uno de los principales operadores de telefonía móvil, estamos viendo muchos navegadores nuevos.
iOS viene con Safari por defecto, pero hay muchos más en la App Store. Todos los navegadores de software modernos para plataformas móviles contienen la capacidad de verificar notas y atributos HTML5. Si es posible, debería considerar probar cada versión de diseño de su sitio en los principales casos de pantalla táctil. Los navegadores entre Android, Microsoft Mobile y BlackBerry serán diferentes y requerirán una planificación exhaustiva.
Por supuesto, es imposible complacer a todos todo el tiempo, pero la mayoría es ciertamente un objetivo que vale la pena alcanzar. Implemente una instalación de Google Analytics u otra aplicación de estadísticas en su sitio que analizará cada dispositivo visitante.
Google ofrece datos de informes increíblemente detallados, como qué navegadores móviles acceden a su sitio web con mayor frecuencia y cuántas páginas visita en promedio.
No dejes piedra sin mover
Esto también se puede combinar como conocimiento general de diseño, pero asegúrese de que cada elemento esté en camino para cada diseño de pantalla táctil. Al mirar hacia atrás en un prototipo o interfaz móvil, nosotros, como diseñadores, a menudo intentamos cambiar y reubicar las cosas hasta la muerte.
Es importante darse cuenta de que con las interfaces de pantalla táctil hay mucho menos espacio para la libre circulación. Por lo tanto, es importante encontrar un diseño que funcione mejor y que proporcione la experiencia de usuario más fácil, ¡y luego adherirse a él!
Puede ser difícil, pero confíe en su instinto y sentido del diseño para saber cuándo llamarlo por día.
Considera probar tu diseño con algunos de tus amigos o familiares. Una demostración o ejecución rápida de la aplicación y la interfaz de usuario desde una perspectiva externa generalmente generará comentarios útiles y ofrecerá críticas desde un nuevo punto de vista.
Conclusión
A medida que los dispositivos de pantalla táctil continúen su invasión, notaremos un aumento en el desarrollo de aplicaciones. Este es un mercado enorme que no solo incluye los dispositivos iOS de Apple, sino que Google y Microsoft también están lanzando campañas para reunir su parte de la web móvil.
La comparación entre cada uno de estos dispositivos varía y resultará diferente de cada diseñador. Si desea consultar más ideas sobre este tema, considere expandir sus pensamientos en los sitios web con pantalla táctil para ver qué hay disponible. Las interfaces web con pantalla táctil están evolucionando y a medida que la comunidad de diseño evoluciona con ellas, ¡veremos una inspiración innovadora en la interfaz de usuario como nunca antes!
