Visita otras secciones del portafolio: Diseño de Interacción – Diseño Web – Fotografía – Arte digital – 3D – Impresos

—

Especificaciones de Interacción – Formulario – Sección de Documentación
Documento de ejemplo.
PDF descargable de 4 páginas con las especificaciones de la interacción de la sección de documentación del formulario.

Formulario – listado y carga
Wireframe en alta fidelidad. Puede observarse la iInterfaz de listado de archivos cargados y la interfaz de carga de archivos

Formulario – error de carga
Wireframe en alta fidelidad. Espacio para mensajes de error de carga del documento (error de upload, tipo de archivo incorrecto, etc).

Formulario – errores desplegables y contextuales
Wireframe en alta fidelidad. Puede observarse el uso de espacios para mostrar mensajes de error, tanto contextuales (al lado del ícono de error) y desplegables (en el contador de errores del bloque del formulario).

Formulario – indicadores visuales de error
Wireframe en alta fidelidad. Uso de cambio de color y de iconografía para indicar el error detectado durante la validación.

Formulario – estado general de sección
Wireframe en alta fidelidad. Indicadores generales de progreso: uso de colores (verde, naranja, rojo) para indicar sección OK, sección incompleta sin errores, sección con errores. Indicador de procentaje de completación de la sección y número de errores detectados.

Formulario – panel de estado global
Wireframe en alta fidelidad. Panel que muestra un resumen general de todo el formulario: progreso de cada sección y errores detectados en cada una durante la validación.

Formulario – estado global – 0%
Wireframe en alta fidelidad. Estado global inicial del formulario, en este caso se muestra un avance de 0%. Eliminar solicitud (formulario) se encuentra no desplegado

Formulario – estado global – 35%
Wireframe en alta fidelidad. Estado global, se ha ejemplificado un avance ficticio del 35%, resumen de errores detectados en cada sección, uso de código de colores para indicar el status de cada una. Advertencia de eliminar solicitud (formulario) y botón de eliminación.

Formulario – estado global – 100%
Wireframe en alta fidelidad. Estado final del formulario, avance ficticio del 100%. Eliminar solicitud (formulario) se encuentra no desplegado.

Soventia – wireframe 1
Alternativa de wireframe en baja fidelidad para la página de inicio del website.

Soventia – wireframe 2
Alternativa de wireframe en baja fidelidad para la página de inicio del website.

Intemac – wireframe 1
Alternativa de wireframe en baja fidelidad para la sección de servicios profesionales.

Intemac – wireframe 2
Alternativa de wireframe en baja fidelidad para la sección de servicios profesionales.

Quick!meeting
Rediseño de la interacción y aspecto gráfico de herramienta en AJAX para el control del tiempo en reuniones.

Quick!meeting – Widget en Adobe Air
Diseño y programación en Flash del widget en Air para controlar la interfaz web de Quick!meeting en el navegador, Actionscript 2.

Powerchart – propuesta de diseño 1
Alternativa de diseño. Herramienta para diagramar relaciones de poder en negociaciones, programada en Flash y Actionscript 1.

Powerchart – propuesta de diseño 2
Alternativa de diseño. Herramienta para diagramar relaciones de poder en negociaciones, programada en Flash y Actionscript 1..

Decorador on-line – ventana principal
Wireframe en fidelidad intermedia para propuesta comercial del rediseño del Decorador On-Line para Portae.es. Ventana principal de la herramienta, pueden observarse las distintas cajas de herramientas, mobiliario, propiedades de objetos, etc.

Decorador on-line – diálogo de tipos de espacio
Wireframe en fidelidad intermedia para propuesta comercial del rediseño del Decorador On-Line para Portae.es. Ventana inicial para escoger el tipo de espacio que se va a diseñar y decorar

Decorador on-line – ventanas de diálogo
Wireframe en fidelidad intermedia para propuesta comercial del rediseño del Decorador On-Line para Portae.es. Ventanas de Abrir un proyecto y de guardar un proyecto.

Widgets en Adobe Air
Widgets en Air desarrollados en Flash y Actionscript 3: Calculadora, editor de texto local y juego de ping-pong.

Lyrically challenged – escenario de juego
Interfaz principal de juego tipo "¿Quién quiere ser millonario?", diseñada en 3DStudio Max y Photoshop. Programada y animada en Flash y Actionscript 1.

Estas imágenes / contenido escrito están hospedados aquí con el único propósito de mostrar el portafolio de trabajos de Franklin Andrade, realizados por cuenta de terceras personas, quienes son los propietarios de estos trabajos.

Ningún contenido en este sitio podrá ser copiado, impreso, transferido, manipulado, enlazado o compartido/mostrado con terceros sin el consentimiento escrito de su(s) dueño(s).

La visita de cualquiera de las categorías del portafolio indican plena aceptación de estas condiciones.