Principios básicos de diseño de Apps para Windows Phone - TechNet Articles - United States (English) - TechNet Wiki

En este artículo veremos los principios básicos para el diseño de aplicaciones en Windows Phone. En-bottom">

Principios básicos de diseño de Apps para Windows Phone

 

windowsPhone1

 

Limpieza

 

 En un dispositivo táctil, los tamaños de pantalla son bastante pequeñas, por lo que fallar al hacer tap en un icono puede causar una mala experiencia al usuario. Debemos utilizar el espacio alrededor de los controles y el contenido. En su caso, podemos hacer uso de los controles que responden a los gestos táctiles, que requieren menos cuidado de entrada para operar. En general, las mejores aplicaciones táctiles no prueban la capacidad del usuario para hacer gestos de manera frecuente y precisa.

 

windowsPhone2

 

Ser simple, legible y minimalista

 

 La visualización de la información al usuario es crítica. Las limitaciones de tamaño evidentes de la pantalla necesitan ser tomadas en cuenta de manera que se puede colocar el diseño de los elementos de interfaz de usuario para ser fácilmente legibles y dividido en páginas de forma que el usuario puede mantener su contexto. El objetivo es que el usuario no se pierda en una jerarquía de pantallas y que no sepa lo que está mirando o a dónde ir desde allí. Debemos pensar en la simplicidad.

 

windowsPhone4

 

Ser Dinámicos

Las aplicaciones móviles deben aspirar a la sensación  de simpleza y familiaridad de manipulación física. En Windows Phone, debemos crear la impresión de tangibilidad haciendo que los objetos mostrados en pantalla sean flexibles e interactivos y nuestras animaciones deben de informar al usuario sobre la navegación y las operaciones. Por ejemplo, en la aplicación de mensajes, los mensajes nuevos aparecen automáticamente y presentan contenido multimedia en línea. Los usuarios pueden aprovechar las miniaturas para moverse rápidamente a una vista a pantalla completa de la imagen.

Tips:

Diseño limpio y abierto

  • Deja en la pantalla únicamente los elementos más relevantes para reducir las distracciones y ayudar al usuario a  concentrarse en el contenido.
  • Quita líneas, cuadros y efectos gráficos  innecesarios como desenfoques o degradados, para dejar espacio al contenido. Usa espacios abiertos para enmarcar el contenido.
  • Limita los contenedores visuales de navegación que están permanentemente en pantalla, como las pestañas. Deja      que los usuarios se centren en el contenido actual y evita distraerlos con elementos visuales de navegación.

Jerarquía de la información clara

  • Usa tamaños, espesores y colores en el texto de manera uniforme para transmitir la importancia de una sección de contenido. El conjunto de variaciones debe ser pequeño para que el usuario vea fácilmente dónde se sitúa el contenido en la jerarquía general.
  • Usa la hoja de estilos predeterminada para aplicar el tipo predefinido a tu texto.

Invierte en un icono excepcional

  • Personaliza el contenido que se muestra a los usuarios en el icono y anecesarios como desenfoques o degradados, para dejar espacio al contenido. Usa espacios abiertos para enmctualízalo para mantenerlo al día a medida que cambie el contenido de la aplicación. Existen numerosas plantillas de icono predefinidas; selecciona el diseño que mejor se adapte a tu tipo de contenido.
  • Haz referencia al contenido de la página de inicio de la aplicación para que los usuarios la encuentren fácilmente después de iniciar la aplicación.
  • Usa iconos secundarios para que los usuarios dispongan en su pantalla Inicio de subsecciones de contenido de la aplicación interesantes y que se actualicen con frecuencia.