Globedia.com

×
×

Error de autenticación

Ha habido un problema a la hora de conectarse a la red social. Por favor intentalo de nuevo

Si el problema persiste, nos lo puedes decir AQUÍ

×
cross

Suscribete para recibir las noticias más relevantes

×
Recibir alertas

¿Quieres recibir una notificación por email cada vez que Forex007 escriba una noticia?

Las sugerencias en el diseño de interfaz de usuario

06/12/2016 18:00 0 Comentarios Lectura: ( palabras)

La pruebas de interfaz para el usuario

Las sugerencias ayudan a los usuarios a entender objetos desconocidos o desconocidos que no se describen directamente en la interfaz de usuario. Son una forma poderosa de simplificar una interfaz de usuario: proporcionan la información que necesitan los usuarios, con un mínimo esfuerzo de su parte, y ayudan a los desarrolladores de aplicaciones a utilizar el espacio de pantalla de manera más eficaz (reducir el desorden de la pantalla).

 

Una pequeña descripción de una pequeña ventana emergente que marca el control no marcado, como los controles de la barra de herramientas o botones de comando. Crédito de la imagen: Dribbble

 

Cómo funciona

Las sugerencias se muestran automáticamente cuando los usuarios colocan el puntero sobre un objeto y lo eliminan cuando los usuarios hacen clic en el control o mueven el ratón o cuando el tiempo se agota.

 

Crédito de la imagen: codemyui

 

Alternativamente, la información de herramientas puede ser causada por el enfoque en un elemento con un teclado (normalmente la tecla de tabulación).

 

Para descripción o para los que no tienen descripción

Cuándo utilizar la descripción

El panel de control no tiene una etiqueta de texto. Si un botón, una etiqueta o un ícono tiene poco o ningún texto descriptivo o necesita alguna explicación breve, una sugerencia funciona bien de esta manera: los controles de la barra de herramientas y los botones de comando con etiquetas gráficas, deben tener información sobre la descripción.

 

 

Los elementos de la barra de herramientas en el editor de texto tienen información sobre herramientas.

Los elementos de la barra de herramientas en el editor de texto tienen información sobre herramientas. El control se beneficia de una descripción suplementaria o información adicional. La descripción puede ser una forma de control de divulgación progresiva, eliminando la necesidad de tener siempre texto descriptivo en la pantalla. Sin embargo, el texto debe ser complementario, es decir, no esencial para las tareas primarias. Si es esencial, póngalo directamente en la interfaz de usuario para que los usuarios no tengan que descubrirlo ni buscarlo.

La descripción aparece sobre un archivo en el escritorio y proporciona una información detallada sobre el archivo.

 

Rara vez se utiliza rasgos o características que pueden ser interpretadas de manera diferente

Las sugerencias funcionan bien para las características que los usuarios tienden a olvidar y las características específicas del contexto.

Evitar el uso de información sobre herramientas

Tal vez la regla más importante a seguir es nunca utilizar consejos como un sustituto de un buen diseño. Si un botón, u otro objeto requiere que los usuarios sigan revisando un consejo para entenderlo, el diseño es malo. Fije el diseño en su lugar.

Además, no debe utilizar sugerencia en las siguientes situaciones:

- Cuando los usuarios necesitan interactuar con los contenidos de consejos. Los usuarios no pueden interactuar con el consejo de contenido porque al mover el ratón hace que desaparezcan.

- Cuando los usuarios ejecutan la aplicación o el sitio en un dispositivo móvil. Porque las sugerencias de herramientas no se traducen bien en dispositivos táctiles. Sí, puedes diseñar información sobre herramientas para que se active al tocar, pero no es la interacción más predecible para tus usuarios. Si necesita más información para llevar un control determinado, utilice un subrayado punteado para dejar claro que el usuario puede interactuar con el trabajo, pero para establecerlo aparte de un enlace.

Interfaz de los dispositivos móviles

 

Sugerencias de buen diseño

Una buena descripción tiene las siguientes propiedades:

 

Fácilmente detectable

El problema con las herramientas es que carecen de pistas visuales, simplemente no hay indicios visuales, como el cambio de puntero, que indica que un objeto tiene una descripción. Pero los usuarios todavía tienen que saber que un objeto tiene un consejo, ya sea a través de la experiencia pasada o por la experimentación.

Puede mejorar la detección mediante el uso constante de consejos, lo que a su vez fomenta la previsibilidad. Si proporciona consejos para algunos objetos, debe proporcionarlos para todos los objetos similares para que sea más probable que los usuarios deseen información complementaria. A veces hacerlo puede ser un reto, porque también debe asegurarse de que los consejos son útiles y no obvios.

 

Proporciona información apropiada

Una buena descripción contiene información concisa y útil:

Las ventanas emergentes utilizadas por las puntas son perfectas para frases cortas y fragmentos de oraciones, así como texto con formato.

No: Grandes bloques de texto son difíciles de leer y abrumadores. Crédito de la imagen: Microsoft

No: Los grandes bloques de texto son difíciles de leer y abrumadores. Crédito de la imagen: Microsoft

Hacer: El texto formateado es mucho más fácil de leer y escanear. Crédito de la imagen: Microsoft

 

El texto de la sugerencia debe ser informativo. No debe ser obvio o simplemente repetir lo que ya está en la pantalla. Si el texto que se utiliza en una descripción de herramientas es una repetición redundante de la etiqueta, entonces es inútil.

Esta sugerencia no es útil para sus usuarios.

 

Contiene información estática

Los usuarios no esperan que las sugerencias de herramientas cambien de una instancia a la siguiente, por lo que es poco probable que noten cambios en el contenido dinámico, como la información de estado.

Sin embargo, hay excepción para esta regla: los iconos del área de notificación. Estos iconos comunican el estado y no hay ningún otro espacio de pantalla disponible para el estado de texto.

Las informaciones sobre herramientas proporcionan información sobre el estado de los iconos del área de notificación.

 

Tiene una colocación adecuada

Las sugerencias de herramientas deben colocarse cerca del objeto que se está moviendo, normalmente en la cola o en la cabeza del puntero, si es posible. Sin embargo, nunca deben ser colocados de una manera que interfiera con lo que el usuario está haciendo ocultando el interés del objeto.

No: cubra el objeto que el usuario está a punto de ver o de interactuar.

Hacer: Coloque siempre la punta en el lado del objeto, incluso si eso requiere separación entre el puntero y la punta.

 

 

Conclusión

Las sugerencias son útiles. Diseñe sugerencias de herramientas que muestren información concisa, útil, estática y suplementaria en el lugar apropiado en el momento apropiado.

 

Sobre el Autor

Sobre el autor: Nick Babich es un desarrollador de software y autor de un blog dedicado a la usabilidad.

 

"Actualizate al cambiar iconos, siempre existe una completa lista de ella para tus proyectos de diseño".

La optimización de espacio en el interfaz del usuario


Sobre esta noticia

Autor:
Forex007 (351 noticias)
Visitas:
3110
Tipo:
Opinión
Licencia:
Distribución gratuita
¿Problemas con esta noticia?
×
Denunciar esta noticia por

Denunciar

Comentarios

Aún no hay comentarios en esta noticia.