Compartir a través de


Diseño de una interfaz de usuario

En esta sección se describen en detalle algunas de las tareas asociadas con el diseño de una interfaz de usuario para una aplicación de Windows.

Introducción

El diseño de la interfaz de usuario se puede dividir en tres elementos esenciales: funcionalidad, estética y rendimiento.

La mayoría de las veces, el objetivo principal durante el desarrollo de una aplicación es la funcionalidad. ¿Se puede usar la aplicación? ¿Permite a los usuarios completar tareas? Sin embargo, la funcionalidad es solo una parte.

La estética describe cómo se muestran y presentan las cosas, el estilo en el que las cosas se comunican al usuario. La estética es muy subjetiva y mucho más difícil de cuantificar que los requisitos funcionales y las métricas de rendimiento. Por lo general, la estética se reduce a elecciones sencillas (cómo se complementan los colores o cómo transmiten su significado los elementos de la interfaz de usuario) que a menudo afectan a la forma en que una persona se siente respecto a algo e influyen en el éxito de su uso.

El rendimiento se mide no solo por velocidad, sino también por confiabilidad. Si una aplicación tiene buen aspecto y es fácil de usar, pero se bloquea repetidamente, es probable que no tenga mucho éxito. La aplicación tiene que proporcionar a un usuario plena confianza en su confiabilidad.

A continuación se muestran algunas tareas de fase de diseño que pueden contribuir a una interfaz de usuario correcta para una aplicación de Windows.

Requisitos funcionales

Tenga en cuenta las siguientes sugerencias al principio de la fase de diseño para optimizar la experiencia del usuario en el público más amplio posible:

  • Siga las directrices de diseño de la interfaz de usuario.

    Familiarícese con las Directrices de interacción de la experiencia del usuario de Windows y consúltelas a menudo a medida que avanza el diseño, la implementación y las pruebas de la interfaz de usuario de la aplicación.

  • Asegúrese de que la interfaz de usuario sea accesible.

    Asegúrese de integrar la accesibilidad en el diseño de la interfaz de usuario desde el principio del ciclo de vida del producto. La adaptación de la accesibilidad puede ser extremadamente costosa porque parte del desarrollo de la accesibilidad requiere atención en el nivel de arquitectura. Para obtener más información, descargue el libro electrónico Software de ingeniería para accesibilidad.

  • Compatibilidad con el mercado internacional.

    Windows incluye tecnologías que permiten la compatibilidad con muchas referencias culturales y lenguajes escritos en una aplicación de Windows. Si la aplicación tiene como destino el mercado internacional, es importante incluir compatibilidad con la internacionalización en el diseño de la interfaz de usuario desde el principio del proyecto. Para obtener más información, consulte Internacionalización para aplicaciones de Windows.

Análisis de usuarios

Un paso fundamental para diseñar una interfaz correcta es lograr una comprensión básica de lo que los usuarios necesitan y quieren de una aplicación antes de escribir cualquier código. Recuerde que los posibles usuarios de una aplicación ya están realizando su trabajo de alguna manera y las herramientas y procesos existentes deben entenderse lo más completo posible. No diseñe sin considerar completamente estos problemas.

El enfoque más sencillo e informal es hablar con los usuarios previstos del producto. Obtenga información directamente desde el origen: evite el uso de administradores o ejecutivos como servidores proxy para consumidores reales. Considere la posibilidad de tener pequeños grupos de desarrolladores y administradores de programas que realicen visitas informales a los usuarios en sus lugares de trabajo donde hay una oportunidad para discutir cómo funcionan y recopilar detalles de los problemas que enfrentan con sus herramientas actuales.

Recuerde que no debe hacer preguntas tendenciosas, ya que esto afectará directamente a la calidad y validez de las opiniones de los usuarios. Tenga en cuenta lo siguiente al redactar preguntas durante esta fase:

  • ¿Quiénes son los usuarios? ¿Qué habilidades y conocimientos tienen?
  • ¿Qué orígenes de datos diferentes podemos usar para comprender su experiencia?
  • ¿Para qué objetivos y tareas utilizarán nuestro producto?
  • ¿Qué suposiciones estamos haciendo y cómo podemos comprobarlas?
  • ¿Qué orígenes de datos tenemos? (Los estudios de facilidad de uso y las evaluaciones heurística son buenos puntos de partida).

Problemas

Una vez recopiladas todas las opiniones de los usuarios, analícelas y desglóselas en problemas y requisitos relacionados. Intente evitar pensar en soluciones en este momento. Asegúrese de que los problemas están completamente identificados, no solo los síntomas.

Suele ser útil elaborar una lista de enunciados de problemas de una frase (desde la perspectiva del usuario) para cada cuestión o requisito. Por ejemplo, "Cambiar el ancho del cuadro de edición a 15 caracteres" no es un problema. Pero "Es demasiado difícil escribir términos de búsqueda largos" es un enunciado de problema válido. La diferencia es dramática. Intente no definir la solución y el problema al mismo tiempo: a menudo se pierde el verdadero problema. En este ejemplo, puede haber muchas otras formas de resolver el problema de los términos de búsqueda, como cambiar el tamaño del cuadro de edición. Tenga siempre en cuenta soluciones alternativas.

A continuación se ofrecen otros ejemplos de enunciados de problemas:

  • Es difícil navegar desde una sección del sitio web a otra.
  • Los usuarios tienen que esperar demasiado tiempo para que el software se cargue.
  • Nuestros mensajes de error de seguridad son difíciles de entender.
  • La página de registro tiene demasiadas preguntas y los usuarios suelen abandonarla.
  • Encontrar un producto específico en el índice de sitio es demasiado difícil de completar.

Si los enunciados de los problemas son lo suficientemente amplios, es probable que haya muchas formas innovadoras y creativas de resolverlos.

Prioridades

El acto de tomar una lista de elementos y clasificarlos por prioridad define una versión. Sin unas prioridades claras, los equipos pueden pelearse y discutir sobre qué cosas deben hacerse y qué cosas deben suprimirse. El trabajo de establecer prioridades debería ser más fácil una vez terminada la investigación, pero siempre es un reto.

Establecer prioridades requiere la capacidad de evaluar al menos tres criterios: programación, equipo y negocio. Puede haber un conjunto de programación predefinido para el proyecto, que limita el tamaño y la escala del trabajo que se puede realizar. Un problema que probablemente requiera reescribir la mitad de la base de código no debería intentarse durante un ciclo de lanzamiento pequeño.

La composición y la naturaleza de un equipo definen el tipo de trabajo que puede realizarse. ¿Qué otros compromisos tiene el equipo? ¿Hay un diseñador o ingeniero de facilidad de uso en el equipo? ¿Qué aptitudes tiene el diseño de la interfaz de usuario o web? Por último, y más importante, están las consideraciones empresariales. ¿Cuáles son los objetivos de ingresos de este proyecto? ¿Quién es la competencia? ¿Cuáles son las ventajas de resolver determinados problemas? ¿Qué asociaciones se pueden falsificar? Cualquier otra consideración también debe identificarse antes de priorizar la lista.

Una vez establecidas las prioridades, la lista de enunciados de problemas marca la dirección del producto y garantiza que el desarrollo se dirija a las áreas adecuadas.

Diseño conceptual

Normalmente, la interfaz de usuario no se aborda en la fase de diseño conceptual. Sin embargo, esta fase requiere un modelo de negocio completo con perfiles de usuario completos y escenarios de uso que son imperativos para una experiencia de usuario correcta.

Diseño lógico

En la fase de diseño lógico se desarrollan los prototipos iniciales que sustentan el diseño conceptual.

Las tecnologías específicas de hardware y software que se usarán durante el desarrollo también se identifican en esta fase, lo que puede determinar las funcionalidades de la interfaz de usuario en el producto final. Para obtener más información, consulte Tecnologías de interfaz de usuario.

Además de las herramientas de desarrollo, se deben identificar los distintos requisitos de hardware y factores de forma que se deben identificar para la aplicación.

Diseño físico

La fase de diseño físico determina cómo se va a implementar un diseño de interfaz de usuario para los factores de forma y hardware específicos identificados en el diseño lógico.

Es durante esta fase cuando las limitaciones de hardware o de factor de forma pueden introducir restricciones inesperadas en la interfaz de usuario que requieran refinamientos significativos en el diseño.