Diseño de interfaces web escaladas para pantallas táctiles

Se acabaron los días de la notación javascript complicada e innumerables complementos incluidos en su encabezado. El diseño del diseño ha dado un gran paso hacia 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 toda la lista de sistemas operativos de teléfonos móviles. Estos dispositivos son todos 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 usar para escalar cualquier idea a una tecnología de pantalla táctil futurista.

Estado actual de adaptación

Aunque el iPhone y iOS de Apple se discuten con frecuencia entre los medios de comunicación y los gurús de la tecnología, no son la única capital del mercado en dispositivos de pantalla táctil. Muchas computadoras portátiles y tabletas han sido lanzadas por terceros fabricantes, como Hewlett-Packard, Samsung y Microsoft.

Actualmente, los desarrolladores deben considerar las interfaces de pantalla táctil como dispositivos nuevos, aparte 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 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 todos son accesibles con un toque o con un movimiento rápido.

Los desarrolladores también pueden controlar completamente la funcionalidad de las aplicaciones. El desarrollo de Cocoa SDK para iOS ofrece muchas clases que reflejan las interacciones de la pantalla táctil. Los desarrolladores pueden verificar si hay varios dedos e incluso una detección de 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 activación cuando se trata de una interfaz totalmente basada en pantalla táctil. Esto podría reemplazarse con un estado de acción siempre que un usuario esté presionando activamente un elemento, aunque el propósito es muy divergente.

La falta de cualquier ratón también presenta un problema para la entrada. El desplazamiento y el giro entre las páginas deben ser más suaves y fáciles que la mayoría de las aplicaciones, ya que se reduce la funcionalidad. Los teclados también están integrados en la tableta o en la pantalla de la computadora de mano, que ofrecen una sensación radicalmente nueva a la experiencia del usuario.

Grupo de elementos comunes juntos

La agrupación de elementos es una buena práctica en el diseño de diseño para aplicaciones de pantalla táctil. Por grupo no me refiero a meter todos los botones y elementos en una página en la esquina superior derecha. En la actualidad, diseñe un mapa para cada vista y calcule qué información es la más adecuada para cada vista.

Esto reduce la frustración y la confusión en el extremo del usuario. Al buscar configuraciones para actualizar la información de la cuenta, sería más fácil encontrar todo esto en un panel de pantalla. Este también suele ser el caso de las aplicaciones web, aunque la interfaz generalmente está configurada para las interacciones del mouse.

En lugar de crear una colección de datos de desplazamiento largo, el sistema operativo móvil ofrece ventajas únicas. Con la mayoría de los dispositivos de pantalla táctil, puede crear pestañas dentro de cada vista de aplicación. Estos ofrecen una forma sencilla para que los usuarios cambien entre la configuración 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 fantástico considerar que su sitio web funciona con todas las especificaciones de HTML5 y CSS3, pero esto no resuelve muchos problemas comunes entre las interfaces de pantalla táctil. Siempre que el navegador analice su página se ejecute con los estándares DOM más comunes, estará bien.

Aunque Google Chrome para 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 nuevos navegadores.

iOS viene con Safari por defecto, pero muchos más están contenidos en la App Store. Todos los navegadores de software modernos para plataformas móviles tienen la capacidad de verificar las notas y atributos de 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 minuciosa.

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 analice cada dispositivo visitante.

Google ofrece datos de informes increíblemente detallados, como los navegadores móviles que acceden a su sitio web con mayor frecuencia y el número de páginas que cada visita recibe en promedio.

No dejes piedra sin mover.

Esto también puede ser acoplado como conocimiento general de diseño, pero asegúrese de que cada elemento esté bien encaminado 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 aún brinde la experiencia de usuario más sencilla, ¡y luego seguirlo!

Puede ser difícil, pero confíe en su instinto y en su sentido del diseño para saber cuándo debe llamarlo un día.

Considere probar su diseño en algunos de sus amigos o familiares.Una demostración rápida o una ejecución de la aplicación y la interfaz de usuario desde una perspectiva externa generalmente obtendrán comentarios útiles y ofrecerán críticas desde un nuevo punto de vista.

Conclusión

A medida que los dispositivos de pantalla táctil continúan su invasión, notaremos un aumento en el desarrollo de aplicaciones. Este es un gran mercado 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 será diferente de cada diseñador. Si desea ver más ideas sobre este tema, considere ampliar sus ideas sobre los sitios web con pantalla táctil para ver qué hay disponible. Las interfaces web de pantalla táctil están evolucionando y, a medida que la comunidad de diseño evolucione con ellas, ¡veremos una inspiración innovadora en la interfaz de usuario como nunca antes!