Diferencia entre revisiones de «Interfaces Gráficas de Usuario/Progress Bars»
Contenido eliminado Contenido añadido
Página creada con « == Definición == Con una barra de progreso , los usuarios pueden seguir el progreso de una operación larga. Una barra de progreso puede mostrar un porcentaje aproximado...» |
Sin resumen de edición |
||
Línea 22:
== Conceptos de diseño ==
Durante una operación de larga duración, los usuarios tienen una idea general de lo que está haciendo la operación.Pero
* Que una operación de larga duración se ha iniciado.
* Ese progreso se está realizando y que la operación se
* El porcentaje aproximado de la operación que se
* Si se debe cancelar la operación
* Si deben seguir esperando o debe hacer otra cosa mientras que la operación se
==
==== Barras de progreso determinadas ====▼
=== Barras de progreso determinadas sencilla ===
Línea 40 ⟶ 39:
=== Barras de progreso dobles determinados ===
indican el progreso de una operación de múltiples pasos, mostrando el progreso de la etapa actual de la primera barra de progreso y el progreso general en la segunda barra
=== Barras de progreso indeterminadas sencilla ===
indican una operación en curso, mostrando una animación que cíclicamente a través de la barra de izquierda a derecha.
=== Medidores ===
Este patrón es una barra de progreso indeterminada que mide la relación de porcentaje de algún factor del sistema,un claro ejemplo
esta barra seria el medidor que muestra el porcentaje de espacio utilizado en el disco.
== Recomendaciones a la hora de implementar ==
* Proporcionar retroalimentación progreso cuando se realiza una operación larga
*
* Indique claramente el progreso real.
*
* Indique claramente la falta de progreso.
*
* Proporcionar útiles detalles del progreso
*
* No proporcione detalles innecesarios
*
* Proporcionar animaciones útiles.
*
* No utilice animaciones innecesarias.
*
* No ponga el porcentaje completado o cualquier otro texto en una barra de progreso
*
* No combine una barra de progreso con un puntero ocupado
*
* No utilice barras de progreso verticales.
*
* Tamaño recomendado para las barras: 5 px de distancia entre un lablel y ella 15 px de expesor 160px-355px de largo
| |||