Casos de prueba de la experiencia del usuario para aplicaciones de la Tienda Windows

Usa esta colección de casos de prueba centrados en la experiencia del usuario para asegurarte de que has logrado los objetivos establecidos cuando diseñaste tu aplicación.

Es posible que tu aplicación ofrezca una experiencia del usuario única que no se pueda comprobar con los casos de prueba que aquí se proporcionan. Puedes usar la lista de comprobación de diseño de la experiencia del usuario y los requisitos de certificación de aplicaciones para la Tienda Windows para identificar qué otros requisitos de la experiencia debes comprobar antes de enviar la aplicación a la Tienda Windows.

Caso de pruebaDetalles

Evitar usar controles de explorador web.

No uses controles de explorador en los escenarios principales de tu aplicación. El contenido recibido de la Web debe mostrarse con controles nativos. Asegúrate de que los vínculos que alejan a los usuarios de la aplicación se abren en una ventana de explorador diferente.

Si la página incluye cualquier contenido web, debe percibirse como si fuera parte de la página de la aplicación; por ejemplo, el zoom está deshabilitado y el contenido web no se desplaza panorámicamente de forma independiente de la página que lo aloja.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Determina si la aplicación está usando controles de explorador web en una página de la aplicación.
  3. Si el contenido debe estar incrustado, las interacciones del usuario con el contenido se perciben como si fueran parte de la aplicación. Por ejemplo, el contenido incrustado no habilita su propio mecanismo de desplazamiento.
Nota  

Si la aplicación lleva al usuario a una página web para la autenticación de un servicio (como Facebook o Twitter) y no está disponible Xauth o una API similar para realizar la autenticación con controles nativos, la operación se puede llevar a cabo en un control de explorador web incrustado en la aplicación.

Si no puedes evitar usar controles web, asegúrate de que la página se comporta como una página de la aplicación y que no afecta negativamente a la experiencia del usuario general. (Por ejemplo, el gesto de alejar y el zoom están deshabilitados).

Para obtener más información, consulta Inicio rápido: usar la navegación de una página.

Las listas de contenido se pueden desplazar horizontalmente o verticalmente, pero no en ambas direcciones.

El contenido que se presenta en contenedores con funcionalidad de desplazamiento solo se desplazan vertical u horizontalmente.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Navega a todas las páginas de tu aplicación y confirma que el contenido de la aplicación (listas, concentradores, cuadrículas, etc.) se desplazan solo vertical u horizontalmente.

Para más información, consulta las directrices para desplazamiento lateral.

La personalización de marca es coherente en toda la aplicación.

Promociona tu marca con una personalización de marca coherente en toda la aplicación. Las marcas deben representarse usando activos de personalización de marca oficiales.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Comprueba que se usa una personalización de marca de gran calidad (imagen) en toda la aplicación.

Para obtener más orientación acerca de la personalización de marca en tu aplicación, consulta Personalización de marca.

Los iconos son apropiados para el contexto e indican claramente el propósito previsto.

Asegúrate de que todos los iconos que uses en tu aplicación sean contextualmente relevantes y apropiados.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Toma nota de todos los iconos de la aplicación, incluidos los botones de la barra de la aplicación.
  3. Comprueba que todos los iconos son contextualmente apropiados, siguen el tema de la aplicación y están visualmente bien diseñados.
Nota  

Los usuarios reconocen que determinados iconos significan determinadas cosas, bien porque otra aplicación del dispositivo los usa o porque se asocian habitualmente a algo.

Por ejemplo, un icono de lápiz suele significar "editar" y no "nuevo". Si no existe un icono para lo que intentas transmitir, crea uno. No cambies el propósito de los iconos existentes.

Para obtener más información, consulta Directrices y lista de comprobación para iconos y notificaciones.

La aplicación admite el zoom semántico donde corresponde.

Tu aplicación implementa zoom semántico para admitir la presentación y navegación de grandes conjuntos de datos.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Comprueba la funcionalidad de zoom semántico donde corresponda.
  3. Determina si el comportamiento observado es similar al que se detalla en la siguiente imagen:

Para obtener más información, consulta Directrices sobre zoom semántico.

La aplicación no excede de cinco niveles de navegación.

Tu aplicación no excede de cinco niveles de navegación.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Comenzando por la página principal de la aplicación (el primer nivel de navegación), haz clic en un elemento de la página que carga otra página dentro de la aplicación y sigue el flujo de navegación.
  3. Cuenta el número de pantallas por las que pasa la aplicación. Una vez alcanzado el nivel máximo de navegación, haz clic en el botón atrás hasta llegar a la página principal de la aplicación.
  4. Identifica elementos de la página principal de la aplicación que tengan una ruta de navegación con más de cinco niveles. Considera otras maneras de organizar la aplicación para reducir los niveles de esos elementos.

Para obtener más información, consulta Modelos de navegación.

Los gestos táctiles no se superponen.

Comprueba que los visores de desplazamiento no contienen otros controles que usen los mismos gestos de desplazar rápidamente desde la derecha o izquierda.

Por ejemplo, no pongas contenido compatible con mapas, modificadores para alternar u otros controles de gestos dentro de los visores de desplazamiento. Se sabe que colocar estos controles en un visor de desplazamiento provoca problemas de uso.

Dn275878.wedge(es-es,WIN.10).gifEjemplos de prueba

  1. Inicia tu aplicación.
  2. Para todos los visores de desplazamiento de tu aplicación, confirma que el contenido incluido no proporciona otros controles, entre ellos:
    • Control de mapa desplazable
    • Controles que usan gestos de deslizar los dedos rápidamente desde la derecha o izquierda (o movimiento panorámico)
    • Control deslizante
    • Modificador para alternar
Nota  

Para los controles de mapa, los modificadores para alternar se pueden reemplazar con casillas sin que esto afecte a su uso. Si hay que colocar un mapa dentro de otro control desplazable, asegúrate de dejar suficiente espacio alrededor del mapa para que el usuario realice el desplazamiento dentro del control de mapa.

Para obtener más información sobre cómo diseñar la interacción, consulta Modelos de interacción táctil.

Tamaño de destino táctil mayor que 9 mm (50 píxeles).

Evita crear destinos táctiles con un cuadrado inferior a 9 mm (48 píxeles) y deja al menos 2 mm (10 píxeles) entre los controles táctiles.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Confirma que los elementos activos de cada página de la aplicación responden a la interacción táctil.
Nota  

En casos excepcionales, los controles pueden ser un cuadrado más pequeño, pero nunca inferior a 7 mm (40 píxeles).

Para obtener más información sobre cómo diseñar para la interacción, consulta Directrices para la selección del destino.

Los comentarios visuales sobre las interacciones del usuario son claros.

La aplicación debe proporcionar al usuario comentarios visuales cuando se produzca una interacción en la aplicación.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Comprueba la implementación de la animación de inclinación para todos los elementos táctiles que realizan una acción. Algunos ejemplos son botones, elementos de lista, elementos de menú; se excluyen controles como los modificadores para alternar.
  3. Comprueba que los modificadores para alternar no usan la animación de inclinación.
  4. Comprueba que tu aplicación no usa animaciones para elementos que no realizan una acción.

Para más información, consulta Directrices para comentarios visuales.

Tu aplicación admite un escalado y diseño de contenido flexibles.

Windows 8 admite diferentes tamaños de pantalla de dispositivos, desde pequeñas pantallas de tabletas a grandes pantallas de escritorio. Incorpora diseño de contenido dinámico para asegurarte de que tu aplicación aprovecha las ventajas de las mayores resoluciones de pantalla.

El objetivo es identificar las combinaciones de resolución y orientación que ofrecen las barras de desplazamiento para admitir un espacio de contenido que se extiende más allá del área visible.

Diseña tu aplicación para que presente más contenido en una resolución mayor y sin una cantidad excesiva de espacio en blanco no utilizado. En algunos casos, el contenido simplemente ajustará la escala a la resolución mayor. El margen inferior puede ser flexible, pero debe ser como mínimo de 2,5 unidades (50 píxeles). \

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Comprueba el diseño del contenido de la aplicación con una resolución mínima (1024x768) y con resoluciones mayores (*).
  3. Comprueba el diseño del contenido de la aplicación con una resolución mínima (1024x768) y con resoluciones mayores tanto en la orientación vertical como horizontal.
Nota  

También puedes usar el simulador de Windows, con el que los desarrolladores pueden ejecutar sus aplicaciones en diferentes tamaños de pantalla, orientaciones y densidad de píxeles.

Para obtener más información, consulta Directrices para el escalado en pantallas.

Tu aplicación admite el icono principal de la aplicación.

Comprueba los efectos visuales y la funcionalidad que proporciona el icono principal de la aplicación.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Ancla tu aplicación en la pantalla Inicio.
  2. Alterna el icono de la aplicación entre el modo pequeño y el modo ancho.
  3. Comprueba que el icono de la aplicación admite el modo pequeño (mínimo) y, opcionalmente, el modo ancho.
  4. Comprueba que el nuevo icono incluye contenido válido dentro del contexto de la aplicación y es fácilmente identificable.
  5. Si el icono de la aplicación admite el modo ancho, comprueba que el icono en modo ancho usa contenido dinámico para proporcionar actualizaciones significativas y ampliadas de un vistazo.
  6. Comprueba que el nombre del icono, si se ha proporcionado, representa de forma precisa a tu aplicación en la pantalla Inicio.

Para obtener más información, consulta Directrices y lista de comprobación para iconos y notificaciones.

Tu aplicación admite iconos secundarios de la aplicación.

Comprueba los efectos visuales y la funcionalidad que proporcionan los iconos secundarios de la aplicación.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Navega por las diferentes páginas de la aplicación e identifica la funcionalidad que permite al usuario crear un icono secundario.
  3. Crea un icono secundario.
  4. Comprueba que el nuevo icono incluye contenido válido, en el contexto de la aplicación, y fácilmente identificable.
  5. Comprueba que tu aplicación no usa iconos secundarios para representar contenido estático.
  6. Comprueba que tu aplicación no usa iconos secundarios como método de interacción con la aplicación primaria.

Para obtener más información, consulta Directrices y lista de comprobación para iconos secundarios.

La aplicación almacena la configuración en la nube cuando corresponda.

Asegúrate de que tu aplicación admite perfiles móviles de la configuración y los datos de la aplicación usando la nube cuando corresponda. Esto permite ofrecer a los usuarios una fantástica experiencia, independientemente del dispositivo donde tengan instalada la aplicación.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación en el primer dispositivo.
  2. Ajusta la configuración de la aplicación. Crea las condiciones que provoquen una copia de seguridad de los datos de la aplicación en la nube. Algunas opciones de configuración serán locales para cada dispositivo y otras se pueden compartir de un dispositivo a otro.
  3. Inicia sesión en un dispositivo diferente e inicia tu aplicación.
  4. Comprueba que la configuración se sincroniza con tu aplicación en el segundo dispositivo.
  5. Comprueba que los datos de la aplicación se sincronizan con tu aplicación en el segundo dispositivo.

Para obtener más información, consulta Directrices para perfiles móviles de datos de la aplicación.

La aplicación proporciona una experiencia de inicio de sesión apropiada.

La colocación de la interfaz de usuario de inicio de sesión dentro de la aplicación depende de los requisitos de inicio de sesión definidos por la aplicación y de otros servicios web relevantes.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Comprueba los siguientes escenarios cuando corresponda:
    • Si es necesario iniciar sesión para usar tu aplicación, comprueba que tu aplicación muestra los controles de inicio de sesión en la página principal de la aplicación. Confirma que no se proporciona contenido de la aplicación antes de la autenticación.
    • Si es necesario iniciar sesión para usar la aplicación como método de acceder a contenido seguro en un servicio web, comprueba que tu aplicación proporciona un control de inicio en la página principal. Asegúrate de que el control se inicia con un cuadro de diálogo de autenticación web.
    • Si el inicio de sesión es opcional, comprueba que todos los controles son accesibles mediante el acceso a Configuración. Además, comprueba que el contenido que no requiere autenticación sigue estando disponible.

Para obtener más información, consulta Directrices y lista de comprobación para controles de inicio de sesión.

La aplicación debe usar una pantalla de presentación significativa.

Dn275878.wedge(es-es,WIN.10).gifEjemplo de prueba

  1. Inicia tu aplicación.
  2. Comprueba que la pantalla de presentación de tu aplicación no es la pantalla de presentación predeterminada de Visual Studio (icono de reloj simple en una página).
  3. Comprueba que la pantalla de presentación es relevante para tu aplicación.

Para obtener más información, consulta Directrices y lista de comprobación para pantallas de presentación.

 

 

 

Mostrar:
© 2015 Microsoft