Interfaz de usuario simplificada: la guía para principiantes

Puede resultar difícil incorporar a los usuarios a interfaces y flujos de trabajo nuevos y complejos. Demasiada información puede abrumar fácilmente al usuario y dificultar la concentración en la característica o funcionalidad esencial.

Además, las actualizaciones de software tienden a ser frecuentes. Estas actualizaciones periódicas, junto con los procesos de localización, pueden hacer que el trabajo de documentación en la industria del software sea bastante exigente para los creadores de contenido técnico. ¿Cómo podemos enfrentar estos desafíos sin tener que actualizar constantemente el contenido de apoyo?

¿Qué pasaría si diseñáramos nuestro contenido visual de una manera fácil de seguir y capaz de soportar futuros ajustes de la interfaz de usuario?

Permítanos presentarle una técnica de diseño utilizada por el equipo de asistencia al usuario de TechSmith y otros: se llama interfaz de usuario simplificada.

Interfaz de usuario simplificada: ¿Qué es?

Una interfaz de usuario simplificada (SUI) es una representación visual de una interfaz de software que elimina elementos sin importancia y los reduce a formas más simples.

Gráfico de interfaz de usuario simplificada que muestra la interfaz de usuario de PowerPoint
Un ejemplo de SUI (pronunciado «deman-ee» por el equipo de asistencia al usuario de TechSmith).

Los elementos que son fundamentales para las instrucciones o para que el usuario los comprenda se mantienen visibles a propósito y los gráficos SUI sirven como una ayuda visual para respaldar el contenido instructivo dado, a través del texto de la sub- o figura.

Los gráficos SUI permiten instrucciones fáciles de seguir que permiten al lector llegar al punto rápidamente y evitar distracciones.

¡Mantenlo simple, estúpido!

Los gráficos SUI aprovechan el famoso principio KISS (Keep it simple, Stupid!): Los sistemas funcionan mejor si se mantienen simples y cuando se evitan complejidades innecesarias. Al reducir los gráficos a un estado más simple y al eliminar las distracciones, podemos permitir que el usuario se concentre solo en la información esencial, lo que crea una mejor experiencia.

Josh Cavalier, un experto en eLearning, describe la carga cognitiva como la «cantidad de información que procesa el cerebro». Cuando reduce la cantidad de distracciones para su audiencia, ellos pueden enfocar mejor su atención en lo que es importante.

Gráfico de interfaz de usuario simplificado con un elemento de menú expuesto
En este ejemplo, solo se muestra un elemento de menú para dirigir la atención del usuario a algo específico.

En una publicación de blog reciente de La Fundación Interaction Design, se explica que un usuario se centra únicamente en la utilidad de algo para él. Esto es cierto tanto para el diseño del producto como para la documentación e instrucciones de cómo hacerlo. Si es difícil entender cómo usar un producto, el valor que tiene para ofrecer o cómo un producto puede resolver un problema en particular, los usuarios tendrán dificultades.

Los gráficos SUI se basan en estos principios: el uso de una interfaz de usuario simplificada en la documentación de ayuda puede ayudar al usuario al éxito al proporcionarles solamente la información que deben tener para tener éxito, aumentando su éxito y satisfacción con un producto.

Mantener el contenido actualizado

Mantenga su contenido actualizado por más tiempo. Una encuesta rápida con los asistentes a Cumbre de comunicación técnica de STC reveló que mantener el contenido actualizado es uno de los mayores desafíos que enfrentan los comunicadores técnicos en la actualidad. Y eso tiene sentido, si miramos el software como ejemplo: los ciclos de lanzamiento se están acortando y se agregan nuevas características y funcionalidades con frecuencia. Y con cada incorporación de funciones y ajustes relacionados en la interfaz de usuario, las instrucciones que el equipo de documentación técnica recopiló laboriosamente corren el riesgo de quedar obsoletas rápidamente, aunque solo sea ligeramente. Entonces, ¿qué debe hacer un comunicador técnico?

Una vez más, los gráficos de la interfaz de usuario simplificada pueden desempeñar un papel estratégico en la estrategia de contenido de uno. La eliminación de un botón o la adición de una función confundirá fácilmente al usuario si este cambio no se refleja en una captura de pantalla precisa. Sin embargo, un gráfico de interfaz de usuario simplificado a menudo puede soportar múltiples versiones de software y actualizaciones antes de necesitar más actualizaciones. El diseño simplificado es más tolerante con los cambios y adiciones menores de la interfaz, ya que ya es una representación abstracta de la interfaz. Los creadores de contenido técnico pueden usar esta técnica para extender la vida útil de su contenido visual o incluso para reutilizar contenido en escenarios similares.

Localización de contenido más rápida

Cualquier creador de contenido que haya pasado por el proceso de localización sabe que crear capturas de pantalla y gráficos para cada ubicación puede llevar mucho tiempo y resultar caro. Sin embargo, la localización de los materiales de incorporación y otros gráficos puede resultar trivial para cualquier organización que desee tener éxito a nivel internacional. Como Traducciones del día señala, todos deberíamos “desechar la idea de que el inglés es el idioma de los negocios”. Es importante atender a diferentes bases de clientes proporcionándoles contenido que les hable … en su idioma nativo.

La mayoría de los comunicadores técnicos conocen el esfuerzo que se necesita para crear y administrar capturas de pantalla únicas para cada idioma. Para simplificar esta tarea, se puede diseñar el contenido para usar imágenes SUI en lugar de capturas de pantalla específicas del idioma. El mismo gráfico a menudo se puede reutilizar en varios idiomas con poco o ningún ajuste. Se puede transmitir información o instrucciones adicionales a través del texto de la figura o el texto secundario.

Interfaz de usuario simplificada utilizada en cuadros de diálogo en alemán e inglés.
En este ejemplo, se utiliza el mismo gráfico SUI en el cuadro de diálogo de preferencias de software para todos los idiomas.

Nuevamente, esta es otra área que ayuda a reducir los esfuerzos de creación y mantenimiento al mismo tiempo que brinda al usuario instrucciones claras.

Cómo crear un gráfico de interfaz de usuario simplificado

Crear un gráfico de interfaz de usuario simplificada (SUI) es más fácil de lo que cree. La mejor manera de comenzar es comenzar con una captura de pantalla y luego transformarla. Para hacer esto, necesita un software de captura de pantalla y edición de imágenes. En TechSmith, nuestra herramienta preferida para crear imágenes SUI es Snagit porque proporciona ambas funciones, aunque existen otros editores de imágenes capaces.

Paso 1: captura la captura de pantalla

Usando Snagit, capture una captura de pantalla de la interfaz de usuario que desea convertir en un gráfico SUI y ábrala en Snagit Editor. Recorta la captura de pantalla a las dimensiones de la salida deseada.

Captura de pantalla de una página web de Bridge Street Insurance con un botón de llamada a la acción Solicitar una cotización

Paso 2: simplifica la captura de pantalla

La simplificación de una imagen es un proceso que implica encubrir y eliminar el ruido visual, como texto, menús, botones o información sobre herramientas no relacionados, para reducir la complejidad de una imagen y centrar la atención en las partes importantes. Snagit proporciona dos formas de ayudar a que este sea un proceso fácil con la nueva herramienta Simplify disponible en Snagit 2019.

La primera opción es simplificar una captura de pantalla manualmente seleccionando la herramienta Simplificar y usando los elementos gráficos para ocultar detalles sin importancia en su imagen y dirigir la atención a los que importan. Después de elegir la herramienta Simplificar, Snagit detecta automáticamente los colores en su captura de pantalla, crea una paleta de colores y proporciona un conjunto de herramientas que combinan y son ideales para simplificar imágenes.

La segunda opción es automatizar el proceso. La función Auto Simplify de Snagit reconoce formas y texto y luego los cubre automáticamente con los elementos temáticos. Elimine, agregue y cambie el color de cualquiera de los elementos que Snagit agrega para lograr el aspecto que desea.

¡Vea el tutorial a continuación para ver la herramienta Simplify en acción!

Paso 3: guárdalo

Cuando haya terminado, guarde su archivo como un archivo .png o .jpg para usarlo en su documentación. Recomendamos encarecidamente que también guarde su imagen final como un archivo .snag. Este es el tipo de archivo de proyecto de Snagit y le permite volver a abrir el proyecto para editar y ajustar la imagen más adelante. Esto facilita la actualización de su imagen, por lo que no tendrá que volver a crear su gráfico SUI cada vez.

Consejo de bonificación: Utilice una etiqueta para acceder fácilmente a este archivo en cualquier momento en el Biblioteca Snagit.

Conclusiones clave

Los beneficios de utilizar gráficos de interfaz de usuario simplificada en su documentación técnica son dos: primero, estos gráficos mejoran visualmente sus instrucciones y mejoran la experiencia de incorporación para sus usuarios. En segundo lugar, los gráficos facilitan el trabajo de los comunicadores técnicos, ya que reducen la necesidad de actualizaciones de capturas de pantalla y ayudan con la localización.

La integración de gráficos SUI en parte de la propia estrategia de contenido es, por lo tanto, una decisión comercial inteligente que todos los creadores de contenido deben considerar, independientemente de si su aspecto favorito es la mejora de la experiencia del usuario, tener contenido imperecedero o una localización más rápida. ¡Incluso unos pocos gráficos de interfaz de usuario simplificados pueden marcar una gran diferencia!

Si aún no está utilizando Snagit, descargue la versión de prueba gratuita hoy y comience a crear sus propios gráficos SUI.

Nota del editor: esta publicación se publicó originalmente en mayo de 2012 y se ha actualizado para garantizar su precisión y exhaustividad.

Interfaz de usuario simplificada: la guía para principiantes

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *