Directrices para aplicaciones de Windows en tiempo de ejecución

Applies to Windows and Windows Phone

Usa este índice para encontrar rápidamente las directrices que pueden ayudarte a diseñar una excelente aplicación de la Tienda Windows. Si aún no lo has hecho, empieza leyendo Conocer las aplicaciones de la Tienda Windows y Definición de la visión.

Para ver un tutorial sobre el diseño y la implementación de la interfaz de usuario, consulta Interfaz de usuario de aplicaciones de la Tienda Windows, de principio a fin (JavaScript y HTML o C#/C++/VB y XAML).

Haz clic para descargar un archivo Portable Document Format (PDF) que contiene todas las directrices de la experiencia de usuario.

Haz clic para descargar las instrucciones

En este artículo

Animaciones

Unas animaciones intencionadas y bien diseñadas dan vida a las aplicaciones y ofrecen una experiencia que se percibe elaborada y elegante. Relaciona las experiencias entre sí y ayuda a los usuarios a comprender cambios contextuales con transiciones visuales.

 

Contratos y accesos

Aplicación de pronóstico del tiempo y panel de búsqueda

Los contratos son el lazo de unión que une las aplicaciones de la Tienda Windows entre sí y con la interfaz de usuario del sistema. Dos aplicaciones que han implementado el mismo contrato pueden trabajar juntas para completar un escenario amplio o complejo. Algunos contratos, como el contrato para contenido compartido, se representan por medio de accesos. Además, los accesos a Buscar, Dispositivos y Configuración proporcionan un menú coherente para tareas habituales.

Consulta la lista completa de contratos de aplicación.

 

Controles

Aplicación de reproducción de vídeo con controles

Diseña la interfaz de usuario de tu aplicación para que presente el contenido. Deja en la pantalla únicamente los elementos más relevantes para que los usuarios se puedan concentrar en el contenido. Seguir estas directrices te ayudará a ofrecer una experiencia del usuario coherente, elegante y atractiva.

 

Archivos, datos y conectividad

Selector de archivos usado para abrir un archivo desde una carpeta en el escritorioAccede a carpetas, archivos y datos desde la aplicación. Para permitir a los usuarios acceder a datos desde una cuenta o en servicios en la nube como Microsoft OneDrive, puedes proporcionarles una experiencia con inicio de sesión. Incluye roaming de datos de la aplicación en tu aplicación para ofrecer una experiencia sin problemas entre dispositivos.

 

Globalización y localización

Interfaz de usuario bidireccional en un icono

Windows se usa en todo el mundo; por tanto, tenlo en cuenta a la hora de diseñar tu aplicación. Separa recursos como cadenas e imágenes de su código, para facilitar la localización.

 

Ayuda e instrucciones

Instrucción para entregar dulces a Om Nom en la aplicación Cut the Rope

Proporciona ayuda o sugerencias para resolver problemas a los usuarios y enséñales a interaccionar de manera eficaz con la aplicación.

 

Iniciar, suspender y reanudar

Pantalla de presentación para la aplicación Personas

Crea una experiencia de inicio atractivo con una pantalla de presentación personalizada. Asimismo, diseña la aplicación para que se suspenda cuando el usuario deje de utilizarla y se reanude cuando el usuario vuelva a ella.

 

Diseño y ajuste de escala

Diseño en cuadrícula de una aplicación

Diseña la aplicación de manera que facilite la navegación y elige la mejor ubicación para todos los elementos de la interfaz de usuario. Crea fantásticas experiencias de la aplicación para cada factor de forma y cada opción de visualización que los usuarios tengan.

 

Texto y entrada

Segoe UI

El uso correcto de los tamaños y espesores de fuente, colores, interlineado, espaciado y controles de cuadros de texto puede conferir a tu aplicación de la Tienda Windows un aspecto ordenado y organizado que facilite su uso.

 

Iconos y notificaciones

Iconos en la pantalla Inicio

Un icono es la puerta de entrada a una aplicación. Ubicado en la pantalla Inicio, es una extensión de la aplicación y puede proporcionar información mucho más personal y atractiva que un icono tradicional. Invierte en el diseño de un icono excepcional para atraer a los usuarios a tu aplicación. Ofrece contenido actualizado a través de notificaciones e iconos dinámicos para que los usuarios se sientan conectados a tu aplicación.

 

Interacciones del usuario

Interacciones táctiles de las aplicaciones de la Tienda Windows

Diseña interacciones que ayuden al usuario a mantener el control y aprovecha los bordes de la pantalla o el dispositivo para ayudar a los usuarios a encontrar comandos con confianza.

 

Temas relacionados

Interfaz de usuario de aplicaciones de la Tienda Windows, de principio a fin (HTML)
Interfaz de usuario de aplicaciones de la Tienda Windows, de principio a fin (XAML)

 

 

Mostrar:
© 2014 Microsoft