¿Cómo serían diferentes los sitios web si se construyeran con una experiencia óptima de pantalla táctil en mente?

Hay varias cosas que serían diferentes. Voy a suponer que está desarrollando para una plataforma móvil aquí (ya sea iPad, iPhone, Android o Windows Mobile) y no plataformas táctiles estacionarias (superficie, panel táctil, etc.).

Todos sabemos que un sitio web móvil no es simplemente un sitio web con una hoja de estilo móvil, y que el código en el nivel central debe ser mucho más simplificado. Agregue a esto que los botones deben acomodar el área objetivo mucho más grande y menos precisa de un dedo frente a la precisión del cursor del mouse. La principal diferencia serán las consideraciones de la interfaz de usuario táctil (o TUI).

Luke W tiene una buena colección de algunos de los gestos táctiles básicos (http://www.lukew.com/ff/entry.as…) pero hay mucho más de lo que se enumera aquí (por ejemplo, simplemente deslizando el dedo podría incluir comportamientos (como movimiento, desplazamiento, desplazamiento rápido, desplazamiento, desplazamiento rápido, arrastrar y soltar, avanzar, retroceder, etc.) todo en función de la duración de la interacción, la dirección del gesto, la cantidad de puntos de contacto utilizados, la duración del toque inicial antes del gesto, etc.

Cada plataforma (SO) es diferente y cada dispositivo se comporta de manera ligeramente diferente, incluso si se ejecuta el mismo SO, a veces incluso el software que se ejecuta en un SO se comporta de manera diferente a la experimentada dentro del propio SO. Por lo tanto, todo se reduce a qué dispositivo o sistema realmente está construyendo. Para un sitio web móvil, bueno, las verdades son infinitas. Por esta razón y otras razones técnicas, la mayoría de los sitios web móviles están diseñados para un SO específico como mínimo. La detección se utiliza por adelantado para determinar qué sitio web móvil debe presentarse al usuario.

Para agregar a esto, piense en el factor de forma del dispositivo.

Por ejemplo, una aplicación de teléfono móvil o un sitio deben ser utilizables con una mano para facilitar su uso sobre la marcha.

Una tableta podría beneficiarse de tener elementos de navegación alrededor de las áreas comunes en las que un usuario podría interactuar con una aplicación o sitio (lado izquierdo, parte inferior del dispositivo, etc.). Si las personas sostienen una tableta con una mano (para leer), ¿por qué no hacer que la navegación sea más fácil de usar para las acciones que podrían realizar en torno a la simple navegación o lectura? Por lo tanto, tenga en cuenta cómo ciertas actividades del usuario pueden impulsar una buena ubicación de la navegación y otros elementos. Y no lo olvides: no todos son diestros.

No use menús o elementos que requieran que pase el mouse sobre ellos, ya que eso no funciona en las pantallas táctiles.