Lo que todos deben saber sobre el diseño de aplicaciones para Windows 8

La interfaz de pantalla táctil de Windows 8 y la estructura de navegación oculta permiten algunos cambios de paradigma interesantes en la práctica de la experiencia del usuario.

Recientemente he estado trabajando en la reutilización de un software médico de nivel empresarial para Windows 8.1. Ha sido un salto en el fondo, pero me he alejado con algunas ideas bastante interesantes.. 

Esta publicación analizará en general los patrones de búsqueda, navegación y diseño comunes a las aplicaciones nativas de Windows 8. Seleccionaré algunos de mis aspectos favoritos de cada uno, algunas innovaciones hechas y mi enfoque. También habrá algunos comentarios para sus propios proyectos, aplicables a cualquier interfaz de usuario..

Buscar

Antes de Windows 8.1, las aplicaciones utilizaban el encanto de búsqueda para proporcionar una búsqueda dentro de la aplicación: se accede a la barra de accesos deslizando la pantalla hacia la izquierda (hacia adentro); ahora se recomienda que el encanto de búsqueda se use para búsquedas globales. La búsqueda de aplicaciones está en la página, como se ve a continuación:

Interfaz de usuario con búsqueda en la página

Mi acercamiento

Una buena regla general, desde un punto de vista de UX, es pensar en la importancia de la característica. Hicimos algunas sesiones de usuario después de algunos prototipos iniciales y descubrimos que los clínicos dependían mucho de las búsquedas.. 

Innovaciones hechas

En el ejemplo, el icono desplegable se usa para distinguir la etiqueta de un botón. El usuario puede seleccionar una sección diferente que sea de su interés para ayudar a reducir el resultado..

UI para llevar

¿Para quién estás construyendo el producto digital? ¿Es crítica la búsqueda, o una ocurrencia tardía? Considere la posibilidad de incluir funciones clave solo en la interfaz de usuario (incluida la búsqueda en la aplicación si esto es clave para la UX).

Navegación

No voy a darte todo el resumen de la navegación de Windows 8. Un ejemplo específico viene a la mente, sin embargo: Zoom semántico. Probablemente el menos conocido, pero muy poderoso, le brinda la oportunidad de representar datos en otro contexto..

Recorre la función de zoom semántico en contexto

Mi acercamiento

En la 'página de destino' hay muchos mosaicos, cortados y en cubitos, para acceder a diferentes elementos, incluidos mosaicos que recuerdan selecciones anteriores de los usuarios. Nuestros usuarios provenían de diferentes antecedentes clínicos, por lo que necesitábamos atender a esos grupos a través de la personalización. 

Innovaciones hechas

El zoom semántico aquí no solo ofrece una vista de alto nivel de todas las opciones, sino que también brinda al usuario la capacidad de desactivar las secciones que nunca usan y reorganizar los elementos según su importancia. En nuestro proyecto, hubo diferentes fragmentos en nuestra base de usuarios que hicieron que la personalización fuera crítica.. 

UI para llevar

Si hay más de un par de usuarios principales, considere personalizar su interfaz de usuario. Pregúntele a su desarrollador sobre las limitaciones técnicas y las posibilidades. Un equipo de colaboración es mucho más efectivo que una persona que "diseña" una aplicación..

Diseño

El diseño tiene muchas opciones disponibles. El contenido y la estructura de la aplicación determinarán cuál utilizarás.

Página de documento en la aplicación.

Mi acercamiento

En el ejemplo anterior, puede ver que la plantilla que seleccioné era una buena opción para la funcionalidad de selección de documentos. La aplicación es efectivamente un lector de documentos, así que tenía sentido.. 

Diseño de la lista de pacientes

Innovaciones hechas

Esta página de la lista de pacientes utilizó un diseño diferente, uno más adecuado para desplazarse y seleccionar elementos de mosaico. El hecho de que los diseños para partes críticas del flujo de usuarios sean significativamente diferentes, pero consistentes, es una excelente manera de encontrar la técnica, especialmente porque no hay elementos de navegación disponibles..

UI para llevar

El contenido está en el centro de la experiencia, una gran aplicación impulsada por el contenido generalmente tendrá una estructura jerárquica, por lo que gran parte de la información al principio será de alto nivel y, a medida que el usuario avanza, se vuelve más detallada..

El contenido de Windows 8 fluye de borde a borde e incluye una panorámica. En mi experiencia, esto puede hacer que los interesados ​​se acostumbren a los viejos paradigmas, pero es simplemente una forma de reducir la cantidad de ruido en la página y permitir que el usuario explore utilizando gestos táctiles..

Conclusión

Windows 8 es una plataforma de interfaz de usuario única que tiene capacidades y beneficios únicos para los usuarios que requieren contacto y movilidad..

Cuenta con una navegación bien estructurada que promueve el descubrimiento y ayuda a los diseñadores principiantes con pistas sobre la arquitectura de la información y lo que debe incluirse dentro y fuera de la página..

Las cuadrículas, plantillas y diseños disponibles han sido elaborados por expertos en UX..

Sin embargo, siempre habrá cierta personalización y el marco en evolución seguirá mejorando, como la inclusión de la búsqueda básica en la página..

En mi opinión, muchas de las ideas en esta publicación deberían ser útiles no solo en el diseño de aplicaciones de Windows 8.1, sino en términos más generales. Este artículo acaba de tocar la superficie de los patrones de diseño de aplicaciones de Windows 8.1. ¿Has tenido la oportunidad de ver a otros que no se mencionan en esta publicación? Cuáles son tus pensamientos?