Compartir a través de


Diseño de una excelente experiencia de usuario para aplicaciones de escritorio

Nota

Esta guía de diseño se creó para Windows 7 y no se ha actualizado para las versiones más recientes de Windows. Gran parte de las instrucciones todavía se aplican en principio, pero la presentación y los ejemplos no reflejan nuestra guía de diseño actual.

Una gran aplicación de escritorio es eficaz y, al mismo tiempo, sencilla. A través de la selección y presentación de características cuidadosamente equilibradas, puede lograr la eficacia y la simplicidad.

Poderoso:

captura de pantalla del cuadro de diálogo ortográfico y gramatical

Potente y simple:

captura de pantalla de la lista de posibles revisiones ortográficas

La aplicación ideal basada en Windows es eficaz y sencilla. Claro que quieres que tu aplicación sea eficaz y, por supuesto, quieres que sea simple, pero ¿puedes lograr ambas? Hay una tensión natural entre estos objetivos, pero esa tensión está lejos de irreconcilable. Puede lograr tanto la potencia como la simplicidad a través de la selección y presentación de características cuidadosamente equilibradas.

¿Qué hace que una aplicación sea eficaz?

¿Qué significa realmente "potencia" en términos de software? Una aplicación puede considerarse eficaz si está llena de características, teniendo una gran variedad de funcionalidades en un intento de ser todas las cosas para todos los usuarios. Este diseño no es probable que se realice correctamente porque es poco probable que un conjunto de características no dirigido satisfaga las necesidades de cualquier persona. Este no es el tipo de energía que estamos después.

Una aplicación es eficaz cuando tiene la combinación correcta de estas características:

  • Permitiendo. La aplicación satisface las necesidades de sus usuarios de destino, lo que les permite realizar tareas que, de lo contrario, no pudieron realizar y lograr sus objetivos de forma eficaz.
  • Eficiente. La aplicación permite a los usuarios realizar tareas con un nivel de productividad y escala que no era posible antes.
  • Versátil. La aplicación permite a los usuarios realizar una amplia gama de tareas de forma eficaz en diversas circunstancias.
  • Directo: La aplicación se siente como si estuviera ayudando directamente a los usuarios a alcanzar sus objetivos, en lugar de entrar en la forma o requerir pasos innecesarios. Las características como los métodos abreviados, el acceso al teclado y las macros mejoran la sensación de directa.
  • Flexible. La aplicación permite a los usuarios tener un control completo y específico sobre su trabajo.
  • Integrados. La aplicación está bien integrada con Microsoft Windows, lo que le permite compartir datos con otras aplicaciones.
  • Avanzado. La aplicación tiene características extraordinarias, innovadoras y de última generación que no se encuentran en soluciones competidoras.

Algunas de estas características dependen de la percepción del usuario y son relativas a las funcionalidades actuales de los usuarios. Lo que se considera eficaz puede cambiar con el tiempo, por lo que la característica de búsqueda avanzada de hoy podría ser un lugar común mañana.

Todas estas características se pueden combinar en nuestra definición de poder:

Una aplicación es eficaz cuando permite a sus usuarios de destino darse cuenta de su potencial potencial completo de forma eficaz.

Por lo tanto, la medida definitiva de la potencia es la productividad, no el número de características.

Los distintos usuarios necesitan ayuda para lograr todo su potencial de maneras diferentes. Lo que permite a algunos usuarios puede dañar la versatilidad, la directa y el control para otros. El software bien diseñado debe equilibrar estas características adecuadamente. Por ejemplo, un sistema de publicación de escritorio diseñado para no profesionales podría usar asistentes para guiar a los usuarios a través de tareas complejas. Estos asistentes permiten a los usuarios de destino realizar tareas que de otro modo no podrían realizar. Por el contrario, un sistema de publicación de escritorio para profesionales podría centrarse en la directa, la eficiencia y el control completo. En el caso de los usuarios de esta aplicación, los asistentes pueden estar limitando y frustrantemente.

Si sólo haces una cosa...

Comprenda los objetivos de los usuarios de destino y cree un conjunto de características que les permita lograr esos objetivos de forma productiva.

¿Qué hace que una experiencia de usuario sea sencilla?

Definimos la simplicidad de la siguiente manera:

La simplicidad es la reducción o eliminación de un atributo de un diseño que los usuarios de destino conocen y consideran no esencial.

En la práctica, la simplicidad se logra seleccionando el conjunto de características correcto y presentando las características de la manera correcta. Esto reduce el valor no esencial, tanto real como percibido.

La simplicidad depende de la percepción de los usuarios. Tenga en cuenta cómo el efecto de una transmisión automática depende de la perspectiva de un usuario:

  • Para el conductor típico (el usuario objetivo), una transmisión automática elimina la necesidad de un cambio manual de marcha y embrague, lo que hace que un coche sea mucho más fácil de conducir. Un cambio manual de marcha y embrague no son esenciales para la tarea de conducir, por lo que se quitan para lograr simplicidad.
  • Para un conductor profesional de carreras, tener control directo sobre la transmisión es esencial para ser competitivo. Una transmisión automática afecta negativamente al rendimiento del automóvil, por lo que no se considera como resultado de simplicidad.
  • Para un mecánico, una transmisión automática es un mecanismo más complejo y, por lo tanto, no es más fácil reparar o mantener que una transmisión manual. A diferencia del mecánico, el usuario objetivo no es consciente de esta complejidad interna.

Aunque los distintos usuarios consideran la transmisión automática de forma diferente, es exitoso porque elimina la necesidad de conocimientos, aptitudes y esfuerzo no esenciales de sus usuarios de destino. Para el conductor típico, la transmisión automática es una gran característica porque funciona.

Simplicidad frente a facilidad de uso

La simplicidad, cuando se aplica correctamente, da como resultado la facilidad de uso. Pero la simplicidad y la facilidad de uso no son los mismos conceptos. La facilidad de uso se logra cuando los usuarios pueden realizar correctamente una tarea por sí misma sin dificultad o confusión dentro de un período de tiempo adecuado. Hay muchas maneras de lograr la facilidad de uso y la simplicidad, la reducción de las no esenciales, es solo una de ellas.

Todos los usuarios, independientemente de lo sofisticados, quieran hacer su trabajo con una cantidad mínima de esfuerzo innecesario. Todos los usuarios , incluso los usuarios avanzados, están motivados principalmente para realizar su trabajo, no para obtener información sobre los equipos o la aplicación.

La simplicidad es la manera más eficaz de lograr la facilidad de uso y la facilidad de uso es igual a uso. Las características complejas y difíciles de usar no se usan. Por el contrario, los diseños simples y elegantes que funcionan bien son una alegría de usar. Invocan una respuesta positiva y emocional.

Por ejemplo, considere la compatibilidad con redes inalámbricas en Microsoft Windows XP. Microsoft podría haber agregado un asistente para guiar a los usuarios a través del proceso de configuración. Este enfoque habría dado lugar a la facilidad de uso, pero no a la simplicidad, ya que se habría agregado una característica no esencial (el asistente). En su lugar, Microsoft diseñó redes inalámbricas para configurarse automáticamente. En última instancia, los usuarios no se preocupan por los detalles de configuración, siempre y cuando "solo funcione" de forma confiable y segura. Esta combinación de potencia y simplicidad en la tecnología de redes inalámbricas ha llevado a su popularidad y rápida adopción.

Si sólo haces una cosa...

Inicie el proceso de diseño con los diseños más sencillos que hacen el trabajo bien.

Si no está satisfecho con el diseño actual, empiece por quitar todos los elementos no esenciales. Encontrarás que lo que queda suele ser bastante bueno.

Obtención de simplicidad al mantener la energía

Principios de diseño

Para obtener simplicidad, siempre diseñe para lo probable, no para lo posible.

Posible

Las decisiones de diseño basadas en lo que es posible conducen a interfaces de usuario complejas como el Editor del Registro, donde el diseño supone que todas las acciones son igualmente posibles y, como resultado, requieren el mismo esfuerzo. Dado que todo es posible, los objetivos del usuario no se consideran en las decisiones de diseño.

Probable

Decisiones de diseño basadas en el probable resultado de soluciones simplificadas, basadas en objetivos y tareas, donde los escenarios probables reciben el foco y requieren un esfuerzo mínimo para realizar.

Principio de diseño de simplicidad

Para obtener simplicidad, céntrese en lo que es probable; reducir, ocultar o quitar lo que es poco probable; y eliminar lo que es imposible.

Lo que harán los usuarios es mucho más relevante para diseñar que lo que podrían hacer.

Técnicas de diseño

Para obtener simplicidad al mantener la potencia, elija el conjunto adecuado de características, busque las características en los lugares adecuados y reduzca el esfuerzo de usarlos. En esta sección se proporcionan algunas técnicas comunes para lograr estos objetivos.

Elección del conjunto de características correcto

"La perfección se logra, no cuando no hay nada más que añadir,

pero cuando no queda nada para quitarse." —Antoine de Saint-Exupery

Las siguientes técnicas de diseño proporcionan a los usuarios las características que necesitan al mismo tiempo que logran simplicidad a través de la reducción o eliminación reales:

  • Determine las características que necesitan los usuarios. Comprenda las necesidades de los usuarios a través del objetivo, el escenario y el análisis de tareas. Determine un conjunto de características que se dan cuenta de estos objetivos.
  • Quitar elementos innecesarios. Quite los elementos que no son probables que se usen o tengan alternativas preferibles.
  • Quite la redundancia innecesaria. Puede haber varias maneras eficaces de realizar una tarea. Para lograr simplicidad, tome la decisión difícil y elija la mejor para los usuarios de destino en lugar de proporcionar todos ellos y tomar la opción de una opción.
  • Haz que "solo funcione" automáticamente. El elemento es necesario, pero cualquier interacción del usuario para que funcione no es porque hay un comportamiento o una configuración predeterminado aceptables. Para lograr simplicidad, haga que funcione automáticamente y oculte del usuario por completo o reduzca significativamente su exposición.

Simplificación de la presentación

"La capacidad de simplificar los medios para eliminar el innecesario

para que lo necesario hable." —Hans Hofmann

Utilice las siguientes técnicas de diseño para conservar la potencia, a la vez que logra la simplicidad a través de la percepción de reducción o eliminación:

  • Combine lo que se debe combinar. Coloque las características esenciales que admiten una tarea para que una tarea se pueda realizar en un solo lugar. Los pasos de la tarea deben tener un flujo unificado y simplificado. Divida las tareas complejas en un conjunto de pasos sencillos y claros, de modo que el lugar "uno" pueda constar de varias superficies de interfaz de usuario, como un asistente.
  • Separe lo que se debe separar. No todo se puede presentar en un solo lugar, así que siempre tienen límites claros y bien elegidos. Haga que las características que admiten escenarios principales sean centrales y obvias, y oculten la funcionalidad opcional o lo conviertan en periféricos. Separe las tareas individuales y proporcione vínculos a tareas relacionadas. Por ejemplo, las tareas relacionadas con la manipulación de fotos deben estar claramente separadas de las tareas relacionadas con la administración de colecciones de fotos, pero deben ser fácilmente accesibles entre sí.
  • Elimine lo que se puede eliminar. Realice una impresión del diseño y resalte los elementos usados para realizar las tareas más importantes. Incluso resalte las palabras individuales en el texto de la interfaz de usuario que comunican información útil. Ahora revise lo que no está resaltado y considere la posibilidad de quitarlo del diseño. Si quitas el elemento, ¿ocurrirá algo malo? Si no es así, ¡quítelo!
  • La coherencia, la capacidad de configuración y la generalización suelen ser cualidades deseables, pero pueden dar lugar a una complejidad innecesaria. Revise el diseño de los esfuerzos equivocados en coherencia (por ejemplo, tener texto redundante), generalización (por ejemplo, tener cualquier número de zonas horarias cuando dos sean suficientes) y la capacidad de configuración (por ejemplo, las opciones que no es probable que cambien los usuarios) y elimine lo que se puede eliminar.
  • Coloque los elementos en el lugar correcto. Dentro de una ventana, la ubicación de un elemento debe seguir su utilidad. Todos los controles, instrucciones y explicaciones esenciales deben estar en contexto en orden lógico. Si se necesitan más opciones, expóselas en contexto haciendo clic en un botón de contenido adicional o un mecanismo similar; si se necesita más información, muestre una información sobre información sobre el mouse. Coloque tareas, opciones e información de ayuda menos importantes fuera del flujo principal en una ventana o página independiente. La técnica de mostrar detalles adicionales según sea necesario se denomina divulgación progresiva.
  • Use combinaciones significativas de alto nivel. A menudo es más sencillo y escalable seleccionar y manipular grupos de elementos relacionados que elementos individuales. Algunos ejemplos de combinaciones de alto nivel incluyen carpetas, temas, estilos y grupos de usuarios. Estas combinaciones a menudo se asignan a un objetivo o intención del usuario que no es aparente de los elementos individuales. Por ejemplo, la intención detrás de la combinación de colores Negro de contraste alto es mucho más evidente que la de un fondo de ventana negra.
  • Seleccione los controles adecuados. Los controles que se usan para representar los elementos de diseño son esenciales para representarlos, por lo que seleccionar el control adecuado es fundamental para una presentación eficaz. Por ejemplo, el cuadro de selección de fuentes usado por Microsoft Word muestra una vista previa de la fuente, así como las fuentes usadas más recientemente. De forma similar, la forma en que Word muestra posibles errores ortográficos y gramaticales en su lugar es mucho más sencillo que la alternativa del cuadro de diálogo, como se muestra al principio de este artículo.

Reducción del esfuerzo

"Las cosas simples deben ser sencillas.

Las cosas complejas deberían ser posibles". —Alan Kay

Las siguientes técnicas de diseño dan lugar a un esfuerzo reducido para los usuarios:

  • Hacer que las tareas sean reconocibles y visibles. Todas las tareas, pero especialmente las frecuentes, deben ser fácilmente reconocibles dentro de la interfaz de usuario. Los pasos necesarios para realizar tareas deben estar visibles y no deben basarse en la memorización.
  • Presentar tareas en el dominio del usuario. El software complejo requiere que los usuarios asignen sus problemas a la tecnología. El software simple hace esa asignación para ellos presentando lo que es natural. Por ejemplo, una característica de reducción de ojos rojos se asigna directamente al espacio problemático y no requiere que los usuarios piensen en términos de detalles como tonos y degradados.
  • Coloque el conocimiento del dominio en el programa. No es necesario que los usuarios accedan a la información externa para usar correctamente la aplicación. El conocimiento del dominio puede ir desde datos complejos y algoritmos hasta simplemente aclarar qué tipo de entrada es válido.
  • Use texto que los usuarios entiendan. El texto bien diseñado es fundamental para una comunicación eficaz con los usuarios. Use conceptos y términos conocidos para los usuarios. Explique completamente lo que se pregunta en lenguaje sin formato para que los usuarios puedan tomar decisiones inteligentes e informadas.
  • Use valores predeterminados seguros, seguros y probables. Si una configuración tiene un valor que se aplica a la mayoría de los usuarios en la mayoría de las circunstancias, y esa configuración es segura y segura, úsela como valor predeterminado. Haga que los usuarios especifiquen valores solo cuando sea necesario.
  • Use restricciones. Si hay muchas maneras de realizar una tarea, pero solo algunas son correctas, restrinja la tarea a esas formas correctas. No se debe permitir a los usuarios cometer errores fácilmente evitables.

La simplicidad no significa simplista

"Todo debe ser tan sencillo como sea posible,

pero no es más sencillo." —Albert Einstein

Creemos que la simplicidad es fundamental para una experiencia de usuario eficaz y deseable, pero siempre es posible tomar una buena cosa demasiado lejos. La esencia de la simplicidad es la reducción o eliminación de la falta de importancia. La eliminación de lo esencial simplemente produce un diseño deficiente. Si la "simplificación" hace que los usuarios se frustren, confundan, no confíen o no puedan completar correctamente las tareas, ha quitado demasiado.

La simplicidad significa más esfuerzo para usted

"Sólo he hecho esta carta más larga porque tengo

no el tiempo para que sea más corto". —Blaise Pascal

La obtención de simplicidad al conservar la potencia a menudo requiere una complejidad interna significativa. Por lo general, es más fácil diseñar software que expone toda la tecnología de fontanería que diseñar una que lo oculta, lo que requiere una excelente comprensión de los usuarios objetivo y sus objetivos. La eliminación de una característica requiere disciplina, al igual que la decisión de agregar esa característica esporádico que realmente no es práctica. La simplicidad requiere tomar decisiones de diseño difíciles en lugar de hacer que todo sea configurable. A menudo, el software complejo resulta de una idea equivocada sobre los usuarios: que valoran características no usadas o características demasiado complejas que no pueden entender.

Potente y simple

El poder consiste en habilitar a los usuarios y hacerlos productivos. La simplicidad consiste en quitar las características no esenciales y presentar las características de la manera correcta. Al comprender a los usuarios de destino y lograr el equilibrio adecuado de las características y la presentación, puede diseñar aplicaciones basadas en Windows que hagan ambas cosas.