Sistemas de Informacin

Prototipos y diseos GUI

Prototipos
Un prototipo es un ejemplar
Un prototipo puede ser un tipo de mquina en
pruebas
Un prototipo puede ser un modelo de ciclo de
vida del software

Prototipo de Software
Es un modelo del comportamiento del sistema
que puede ser usado para entenderlo
completamente o ciertos aspectos de l y as
clarificar los requerimientos.
Modelo de prototipos
En ingeniera de software, pertenece a los
modelos de desarrollo evolutivo.
El modelo debe ser construido en poco tiempo,
usando los programas adecuados y no se debe
utilizar muchos recursos.
Etapas
Plan rpido
Modelado, diseo rpido
Construccin del prototipo
Desarrollo, entrega y retroalimentacin
Comunicacin
Ventajas
til cuando el cliente conoce los objetivos
generales para el software
Ofrece mejor enfoque cuando el desarrollador
est inseguro de la eficacia de un algoritmo.
Inconvenientes
El usuario tiende a crearse expectativas
cuando ve el prototipo de cara al sistema final.
Debido al desarrollo rpido del prototipo, se
suele tomar decisiones de implementacin
poco convenientes.
Conclusiones
La clave es definir las reglas desde el principio
El prototipo debe ser solo para definir requisitos
El prototipo debe ser descartado, al menos en
parte
Que despus se desarrolle el software final con
enfoque hacia la calidad
Graphic User Interface
Diseo
Es el proceso previo de configuracin mental, en
la bsqueda de una solucin, de esta forma
implica plasmar el pensamiento a travs de
dibujos, bocetos, esquemas trazados en
cualquier soporte.
Graphic User Interface
Interfaz de usuario
Es el punto de contacto en un entorno visual
que permite la interaccin del usuario con una
aplicacin.
Graphic User Interface
Interfaz de usuario
En este contexto, el diseo de interfaces grficas
tiene como objetivo principal: Centrar el diseo
en el usuario a travs de entornos grficos
claros y eficientes, con informacin y
herramientas adecuadas.
Funcin del diseador
Transmitir una idea de forma ms eficaz posible.
La idea de ese diseo debe constituir un todo,
donde cada uno de los elemento grficos
posean una funcin especfica.
Requisitos del diseador
Informacin sobre lo que va a comunicar
Eleccin de los elementos adecuados
Componer dichos elementos de la forma ms
atractiva posible
No me hagan pensar >:/
Cuando una aplicacin nos hace pensar
significa que su esencia misma no es
consistente
No encontrar lo que necesito
Donde comienza y donde termina?
Difcil de entender la funcionalidad principal
Web UI Kit
Gumby http://gumbyframework.com/index.php/docs/ui-kit/#!/
MetroUI http://metroui.org.ua/
FlatUI http://designmodo.github.com/Flat-UI/
Twitter Bootstrap http://twitter.github.com/bootstrap/
Another beautiful UIs Enlace
Consejos para diseo de interfaces
Ttulo de cada ventana
Algunas ventanas no se deben maximizar
Utilizar MDI para evitar la recarga de botones en
la barra de tareas
Buena ortografa
No abusar del formato de texto
Colores agradables (contraste)
Cuadros de bsquedas (siempre que se pueda)
Consejos para diseo de interfaces
Utilizar ventanas de mensajes adecuados
Tipografa estndar
Uso de tooltips
Etiquetas a la izquierda
Facilitar uso del teclado (para no depender
completamente del ratn)
Uso de iconos estndar
Diseo minimalista
Pencil Project
pencil.evolus.vn