Interfaz de usuario

1. UNIVERSIDAD DE CUENCA
FACULTAD DE INGENIERIA
PROTOTIPOS DE HERRAMIENTAS DE INTERFAZ DE USUARIO
Realizado por:
Elizabeth Sari

2. Interfaz de Usuario- Pencil Project
 Descripción
 Es una aplicación open-source, esta disponible para todo tipo de usuarios, esta
disponible para varias colecciones de objetos y formas, soporta la realización de
diagramas, facilita de emular navegación.
 Soporte:
 El plugin para Mozilla.
 Interfaz Disponible:
 Para aplicaciones y sitios web, y plataformas móviles.
 Plataformas:
 Linux, Mac, Windows, Android, Ios.

3. Interfaz de Usuario- Pencil Project
 Funcionalidad:
 Construida en plantillas de diagramación y creación de prototipos.
 Exportacion a HTML, PNG.
 Clip Browser.
 Estilo de interacción:
 WIMP

4. Interfaz de Usuario- Pencil Project

5. Interfaz de Usuario- Fluid
 Descripción:
 Es un editor gráfico que facilita el diseño de la interfaz gráfica de usuario de programas
basados en la biblioteca FLTK.
 Interfaz disponible:
 Aplicaciones web y de escritorio.
 Plataformas:
 Android, iOS, Windows.


6. Interfaz de Usuario- Fluid
 Funcionalidad:
 Pueden ser editados en texto plano.
 Pueden ser llamados a través de funciones callback.
 Cargan sus propias imágenes y logotipos.
 Crea vínculos para el diseño.
 Pueden verse en navegadores o en una pantalla web.
 Generación de códigos:
 Permite adicionar códigos a los widgets que se ejecutan cuando interactuán con los
objetos gráficos.

7. Interfaz de Usuario- Fluid

8. Interfaz de Usuario- Axure RP
 Descripción:
 Es una herramienta de prototipado profesional que permite crear wireframes para hacer
el pre-diseño de una pagina web.
 Interfaz disponible:
 Aplicaciones web y de escritorio.
 Plataformas:
 Windows, Mac.

9. Interfaz de Usuario- Axure RP
 Funcionalidad:
 Mapa de sitio
 Una lista de jerarquica de las paginas reproductores.
 Masters (plantillas, o colecciones reutlizables de widgets)
 Tiene una área de diseño.
 Generación de códigos:
 Crea prototipos interactivos sin utiizar código en una sola herramienta.
 Estilo de Interacción.
 WIMP, clic de ratón y gestos

10. Interfaz de Usuario- Axure RP

11. Bibliografía
 https://sites.google.com/site/pfinalanimacionesdanielaiela/home/entorno-
de-trabajo-de-pencil
 http://www.grihotools.udl.cat/mpiua/herramientas-de-prototipado-de-
interfaces-de-usuario/
 https://www.fluidui.com/
 http://www.axure.com/
 https://en.wikipedia.org/wiki/Axure_RP
 https://es.wikipedia.org/wiki/FLUID