Diferentes estados de una interfaz

46412-O4WJDO

 

Una página puede tener diferentes estados a medida que el usuario vaya avanzado .

Hoy en día una acción necesariamente no conduce a una página diferente, pero puede operar un número de elementos de una interfaz. Durante el transcurso del usuario en un sitio, tendrá que pasar por varias etapas e interactuar varias veces para alcanzar su objetivo . Veamos los pasos recurrentes que dan forma a la mayoría de los sitios web.

Estado inicial

El primer estado que introducirá al usuario la ruta, esta es la primera impresión del usuario a una interfaz. A menudo se utiliza como un tutorial introductorio, el estado inicial no es obligatorio, pero a menudo beneficioso en la búsqueda del usuario en su descubrimiento de la interfaz.

drive
http://www.thedroidsonroids.com

 

 Estado vacío

El estado vacío se suele pasar por alto, sin embargo, es el primer estado que verá el usuario durante la interfaz. Ya sea un formulario o una lista de elementos a completar,  que servirá de guía y / o informar al usuario sobre la futura presencia de elementos.

image06

Estado activo

Cuando la acción es de ejecución, el usuario ha dado lugar a una interacción que le obliga a interactuar entonces se pone un elemento de estado activo. Esta condición también es válido cuando el viaje incluya una terminación y / o adición de elementos.

Beta coin

Estado correcto

Si el usuario va en la dirección equivocada, hay que decirlo, porque no hay nada peor que dar marcha atrás en silencio cuando el avanza en la interfaz. El estado correcto puede tranquilizar y animar las acciones del usuario. Se consuela las elecciones que un usuario toma y más rápido el estado correcto se mostrará en cuanto el usuario se sienta tranquilizado no avanzar en el vacío.

Success Popup

Estado inválido

Aún más importante que el estado correcto, el estado incorrecto es esencial durante la interacción que requiere una verificación de datos. Al utilizar varias características, el estado incorrecto puede máximamente justificar y explicar al usuario el origen del error.

New Account Error

Tarea repetitiva

Una interfaz a menudo son acciones que se repiten (una lista, galería, multi-selección) y es esencial para mostrar una diferencia y la validez de una acción en comparación con otros elementos aún no seleccionados.

Gallery Screen

 

Tarea actual

Una acción / validación provoca una solicitud a los servidores que a su vez condujo a una carga inevitable esta fase de carga debe ser explícita y evidente para el usuario. Ya sea para actualizar el contenido de la página, enviar un formulario o descargar un documento a mostrar, este estado transitorio hace la espera del usuario. de lo contrario, el usuario no tendrá ninguna información sobre el estado actual del sistema y se puede salir de su curso, mientras que la carga está en progreso …

Animation

Tarea realizada

Por último, confirmar las acciones realizadas por el usuario, como una recompensa para la interacción exitosa, logrando asi una tarea explícita aunque a veces obvia.

Submit button

 

Cambiar Gravatar SourceTree

Hola amigos.

Luego de unas largas vacaciones y de no subir ningún post a mi blog he regresado con fuerza .

Resulta que he comenzado a utilizar SourceTree hace ya varios meses, esta herramienta ofrece muchos beneficios a la hora de control de versiones y colaboración en grupo, es un producto de la empresa Atlassian una empresa que ofrece muchas herramientas de calidad.

logosourcetree

En fin, luego de esta breve introducción a esta herramienta, les voy a enseñar como cambiar el odioso gravatar ya que nunca, pero nuca me ha gustado los gravatar por defualt (son horribles), busque en el maravilloso Google y no encontré ningún post en español por eso hoy les publico como cambiar tu avatar de SourceTree en Windows.

Antes de empezar con la demostración debes estar familiarizado con el uso de Github.

Pasos a seguir

  • Instala el SourceTree.
  • Configura tu proyecto en SourceTree
    • Repositorio

setting

setting2

Captura

Muy bien la imagen del gravatar que vas a cambiar esta aquí:

Captura2

  • Ahora debes con el correo que configuraste tu proyecto en mi caso samuel.pilay@xxx.com.ec debes ir a crear tu gravatar , y te debe quedar algo como esto:

capture3

  • Ahora si tienes abierto el programa de SourceTree, debes cerrarlo
  • Ingresa a esta ruta en tu explorardor de windows

C:\Users\<tu usuario de windows>\AppData\Local\Atlassian\SourceTree\cache\img

  • Elimina todos los archivos de esta carpeta.
  • Ahora solo debes abrir nuevamente el SourceTree y debe ya verse reflejado tu nueva imagen de gravatar

Captura

Yo lo hice con la versión de 1.6.21.0 pero actualmente SourceTree anda por la versión 1.7.0.32509, en todo caso el procedimiento es el mismo.

Espero te sirva el presente post.

No olvides seguirme en mis redes sociales o escribirme a mis correos: