Universidad Tcnica del Norte.

FICA-CIERCOM.
Programacin de Sistemas Multimedia

Software Diseo Interfaz de Usuario

Carrera Anderson
Flores Kevin
Guerrero Jonathan
Moncayo Karla
Rivera Diana.

5 de Julio de 2016.

OBJETIVOS:

Analizar mediante la investigacin realizada de fuentes confiables; desde un punto de

vista como jefe de una organizacin; si es necesario q una persona especializada en
Software de interfaz de usuario, trabaje en dicha rea.

Hacer un anlisis breve de cmo podemos implementar puestos de trabajo en esta

rea mencionada.

Investigar los diferentes softwars que nos permiten el diseo de interfaz de usuario.

Conocer la importancia que tiene un diseador de interfaces en el mbito laboral.

DESARROLLO
Software- Diseo de Interfaz de Usuario
La interfaz de usuario es la parte visible de la aplicacin front-end (traducible al espaol como
interfaz) con la que el usuario interacciona a fin de usar el software. El usuario puede manipular y
controlar el software as como el hardware por medio de las interfaces de usuario. (Tutorials Point,
2016)
En la actualidad podemos encontrar diferentes tipos de interfaces en cualquier lugar a donde
vayamos, por lo que el objetivo primordial de una interfaz es facilitar y brindar confort al usuario en
el uso del software. Rivera D.G (comentario personal)
Segn Tutorials Point (2016):
El software suele ser ms popular cuando su UI es:

Atractiva

Fcil de usar

De respuesta rpida

Clara de comprender

Coherente en toda la pantalla de interfaz

Reglas de oro para una interfaz de usuario

Descritas por Shneiderman y Plaisant en su libro (Designing the User)
Esfuerzo de coherencia Que exista coherencia en las acciones
Posibilitar el uso de atajos a usuarios frecuentes Proporcionando que el usuario
pueda acceder de forma ms rpida y su interaccin sea agradable.
Ofrecer retroalimentacin informativa En cada accin se debe mostrar una
pequea informacin sobre el funcionamiento o para que sirve dicha accin.
Disear dilogo para permitir el cierre - Las secuencias de acciones se deben
organizar en grupos con un inicio, ncleo, y final.
Ofrecer tratamientos de error simples Si el usuario comete algn error
proporcionar soluciones simples y rpidas.
Permitir deshacer acciones fcilmente El usuario podr explorar acciones
desconocidas y deshacerlas sin problema con una o varias acciones sencillas
proporcionando tranquilidad.
Permitir la ubicacin interna de control Hace que el usuario pueda tener la
sensacin de control haciendo que el sistema responda a sus acciones de forma
adecuada.

 Reducir la carga de memoria a corto plazo Los humanos procesamos informacin

con una memoria a corto plazo por lo que es necesario mantener la pantalla de
forma simple.
Aspectos fundamentales segn Jakob Nielasen, una de las personas ms respetadas en el
mbito mundial sobre usabilidad en la web y uno de los autores ms citados en cuanto a la
usabilidad de los Sitios Web,
Dejar claro el propsito del sitio: se refiere a que el sitio debe explicar a quin pertenece y
qu permite hacer a quienes lo visitan; se entiende que debe hacerlo de manera simple y
rpida. Por ejemplo, ayuda en este sentido el cumplimiento de las normas referidas a uso de
URLs y logotipos oficiales.
Ayudar a los usuarios a encontrar lo que necesitan: implica que debe contar con un sistema
de navegacin visible y completo, pero que adems deber estar complementado por algn
sistema de bsqueda que sea efectivo para acceder al contenido al que no se logra acceder o
que no se encuentra a simple vista.
Demostrar el contenido del sitio: significa que el contenido se debe mostrar de manera
clara, con ttulos comprensibles por parte del usuario y con enlaces hacia las secciones ms
usadas que estn disponibles donde el usuario los busque. Ayudar en este sentido tener un
seguimiento de las visitas para comprender qu es lo ms visto y lo ms buscado del Sitio
Web.
Usar diseo visual para mejorar y no para definir la interaccin del Sitio Web: se refiere a
que los elementos grficos del Sitio Web deben estar preparados para ayudar en los
objetivos del sitio y no slo como adornos utilizados para rellenar espacio. Aunque se trata

de uno de los temas ms debatibles, su alcance no es el de restringir el uso de imgenes y

elementos grficos, sino a que su uso sea adecuado para la experiencia de uso que se desea
ofrecer.
Como se puede apreciar, el foco central de una interfaz es permitir que el usuario que llega
como visitante logre los objetivos que lo trajeron al Sitio Web y que sta le facilite el
acceso a los contenidos que estn incorporados a travs de sus pantallas.
(Chile, 2011)

Figura 1,Mal diseo de una interfaz Web,Blog adriansomoza.com

Figura 2. Diseo adecuado de una interfaz web. Chema Alonzo,2005, Sitio Web Un informtico en el lado del
mal .

Figura 3 .Diseo adecuado de una interfaz web, Mark Zuckerberg , 2004,Sitio web Facebook

Por qu tener diseadores especializados en interfaces?

o Producen interfaces con menos errores.
o Crea interfaces con una ejecucin ms rpida.
o Los programadores no piensan de igual forma que los operadores.
o Los programadores poseen un modelo del sistema, no un modelo del usuario.
Pueden trabajar conjuntamente con:
Usuarios
Programadores
Diseadores del sistema
Especialistas en diseo grfico, factores humanos, psicologa, etc.

La accesibilidad es un derecho, no un privilegio (W. Loughborough)

Es necesario que una persona especializada trabaje en el rea de Software de Interfaz de
Usuario, ya que hoy en da, debemos estar a la vanguardia de la tecnologa. Podremos
brindar un mejor servicio a todos los usuarios y dar a conocer mbitos de inters a la
colectividad. K.F.Moncayo (pensamiento personal,05 de Julio de 2016)
La persona especializada en la Interfaz de Usuario deber disear de manera accesible, por
lo q hemos citado los siguientes puntos:

Beneficio
Social
Aspecto de
creciente
inters
apoyado por
entidades
gubernamen
tales

Beneficio
Econmico

Motivos
para
disear
de
manera
accesible

Aspecto
regulado por
la ley

Beneficio
para todos
los usuarios

Beneficio
Tecnolgico

Grfico 1. Motivos para disear de manera accesible. Informacin tomada de Toni Granollers i Saltiveri,
Jess Lores Vidal, Jos Juan Caas Delgado (2005)El modelo del proceso de la usabilidad y de la
accesibilidad, Editorial UOC, Diseos de sistemas interactivos, centrados en el usuario,Av. Tibidabo,
39-43,08035 Barcelona.

Las grandes y medianas compaas se han demorado en incorporar a especialistas en sus

equipos de trabajo. En su mayora estn cerradas en la visin de que la tecnologa es una caja
negra (una solucin que est mejor en manos de ingenieros, alejados de estrategias
corporativas). Las corporaciones que han comenzado a incorporar este tipo de especialistas
en su organizacin generalmente siguen dos caminos: la integran en sus divisiones de
tecnologa o de marketing. Javier Velasco-Martin(2014), Experiencia de Usuario en

Latinoamrica, La Revista de la Asociacin de Profesionales de Experiencia de Usuario,

recuperado de http://uxpamagazine.org

A pesar de que, al incorporar este tipo de especialistas a nuestras grandes o medianas

empresas, nos traiga mayores ventajas; es necesario mirar desde el punto de vista que no sea
un gasto ms, para la empresa sino, que sea una inversin para mejoramiento empresarial a
corto, mediano o largo plazo. Aadiendo a esto, si sera necesario, sondear el rea y hacer
hincapi, en qu, si contrato a un especialista de tal magnitud, va a ayudarme con mejores
resultados, al brindar un excelente trabajo a nuestros usuarios o simplemente la empresa no
va a presentar mejoras en nada. K.F.Moncayo (pensamiento personal,05 de Julio de 2016)

Jorge Barahona, dueo de una agencia de diseo en Via del Mar (2014) considera:
Se puede ver progreso en entender y desarrollar conceptos globales sobre estas
tecnologas en grandes compaas, a pesar de ello lo ven como algo dividido y no
como algo que aada valor a la organizacin, las compaas estn lejos de apreciar
la verdadera ventaja y de entender que esto los lleva a necesitar menos publicidad y
esto es, paradjicamente, especialmente verdadero en las reas de marketing y
tecnologa de estas compaas. Las divisiones de marketing se transforman en
patrocinadores de banners y agencias de publicidad que no conocen ms all de las
campaas y comunicacin disruptiva, y de divisiones de tecnologa que albergan
plataformas de software.

Wendy Vivero, diseadora de experiencia de usuario de una compaa de tecnologa

en Guayaquil(2014), afirma:
Que a Ecuador se considera, un mercado emergente que an lucha por vender sus
servicios y explicarles a los clientes el valor que tiene este tipo de trabajo. No todos
los clientes estn dispuestos a invertir en costos adicionales que involucren pruebas
de usuarios o entrevistas. Esto no nos impide conducir pequeas pruebas de
usabilidad e investigacin de usuario bsica para que al menos podamos saber sobre
las necesidades, experiencia y deseos de los usuarios. Muchos de nuestros clientes
han conducido investigacin de usuarios de marketing y, a pesar de que no es ideal,
les permite entender la situacin.

El campo del comercio electrnico ha sido el que ya ha entendido el valor de la inversin en

este campo. El sector ms dinmico, o con la intencin ms seria de entender a sus usuarios
y darles una buena experiencia, es el del comercio electrnico, ya que sabe que el xito
depende de eso. Wendy Vivero (2014), Experiencia de Usuario en Latinoamrica, La
Revista de la Asociacin de Profesionales de Experiencia de Usuario, recuperado de
http://uxpamagazine.org

A pesar de que la gente de negocios, al parecer prestan atencin a todas las organizaciones y
en especial a las internacionales, ya que estas estn poniendo al diseo en un valor alto. An
sigue nuestro pas con deficiencias tecnolgicas al pensar errneamente sobre invertir en el
rea de Software de Interfaz. Wendy Vivero (2014), Experiencia de Usuario en

Latinoamrica, La Revista de la Asociacin de Profesionales de Experiencia de Usuario,

recuperado de http://uxpamagazine.org
EO de Jaguar declar:
Si t piensas que el buen diseo es caro, deberas mirar el costo del mal diseo.
Para poder implementar mayores puestos de trabajo en estas reas mencionamos algunas
sugerencias:
Wendy Vivero, (2014), sugiere:
En Ecuador necesitamos ms cursos, talleres, y seminarios a nivel nacional. Aqu, como en
otros pases latinoamericanos, creemos que la mayora de las capacitaciones se hacen en lnea
y directamente en organizaciones estadounidenses o europeas, y luego complementada con
experiencia laboral. Carecemos de mentores, organizacionales nacionales y eventos que yo
veo que s suceden en otros pases de nuestra regin. En trminos de la academia, deberan
haber grados en Interaccin Humano Computador, Psicologa Cognitiva, o Factores
Humanos..
Jorge Barahona, (2014), Experiencia de Usuario en Latinoamrica, La Revista de la
Asociacin

de

Profesionales

de

Experiencia

de

Usuario,

recuperado

de

http://uxpamagazine.org hace una lista de maneras de poder hacer avanzar el campo:

Continuar educando
a los clientes

Generar ms
contenido en
espaol atraer ms
inters y, por lo
tanto, ms
desarrollo en
nuestro campo

Seminarios y
formacin
acadmica, incluida
la investigacin

Hacer distinciones
claras entre lo que
es experiencia de
usuario y lo que es
publicidad

Fig2. Experiencia de Usuario en Latinoamrica, La Revista de la Asociacin de Profesionales de

Experiencia de Usuario, recuperado de http://uxpamagazine.org

SOFTWARES PARA EL DISEO DE INTERFACES GRFICAS

Hay distintos segmentos de las herramientas GUI segn su uso y su plataforma.
Ejemplo
GUI para mvil, para ordenador, para pantalla tctil, etc. Aqu se enumeran y describen
algunas herramientas tiles para la construccin de una GUI:

FLUID

AppInventor (Android)

LucidChart

Wavemaker

Visual Studio

GTK+
GTK+ es una librera para la creacin de interfaces grficas de usuario. Su licencia
permite desarrollar programas libres as como aplicaciones comerciales. Todo esto sin tener
que pagar licencias o regalas para su uso. GTK es el acrnimo de GIMP Toolkit debido a
que originalmente fue escrito para desarrollar el Programa de manipulacin de imgenes de
GNU (GNU Image Manipulation Program, GIMP).Fuente especificada no vlida.
GTK+ se ha construido en base a tres libreras: GDK (GIMP Drawing Kit) para
interactuar con el sistema grfico, gdk-pixbuf para manipular imgenes y Glib para
integracin con el Sistema Operativo (SO).Desde el punto de vista de GTK+ una aplicacin
grfica se construye mediante un conjunto de objetos que se comunican mediante eventos y
retro llamadas. Su diseo, en constante mejora, le permite lograr una gran velocidad de
ejecucin, interactuar con diferentes lenguajes de programacin como C, C++, Python, C#,
Perl o Ada, y ser un ambiente de desarrollo multi-plataforma (UNIX, Linux, Windows TM,
MacOS X TM).
MICROSOFT VISUAL STUDIO

Microsoft Visual Studio es un entorno de desarrollo integrado (IDE, por sus siglas en
ingls) para sistemas operativos Windows. Soporta mltiples lenguajes de programacin
tales como C++, C#, Visual Basic .NET, F#, Java, Python, Ruby, PHP; al igual que entornos
de desarrollo web como ASP.NET MVC, Django, etc., a lo cual sumarle las nuevas
capacidades online bajo Windows Azure en forma del editor Monaco.
Visual Studio permite a los desarrolladores crear sitios y aplicaciones web, as como servicios
web en cualquier entorno que soporte la plataforma .NET (a partir de la versin .NET 2002).
As se pueden crear aplicaciones que se comuniquen entre estaciones de trabajo, pginas web,
dispositivos mviles, dispositivos embebidos, consolas, etc.
QT DESIGNER
Es una herramienta para el desarrollo de formularios y presentaciones grficas para las
aplicaciones. Permite acelerar el desarrollo de interfaces de alto rendimiento, a la vez que
proporciona una forma fcil de disear interfaces grficas de usuario avanzadas generando
el cdigo fuente para las mismas, lo que permite al desarrollador ajustarlo a sus necesidades.
Este generador de interfaces fue creado inicialmente por la empresa TROLLTECH para
trabajar en varias distribuciones Linux. No obstante, actualmente puede instalarse en otras
plataformas como Windows y Mac OsX.
NETBEANS
NetBeans El constructor de interfases de usuario del IDE Netbeans Este editor de
interfases grficas est orientado hacia la librera grfica Swing de Java. Es decir, que
nicamente produce cdigo fuente para Java. Adems de dicho cdigo fuente, el Generador
de intefase produce unos archivos .form escritos en fomato XML que contienen las

especificaciones de los diversos componentes grficos del usuario. Si bien estos archivos no
necesitan ser distribuidos junto con el cdigo para compilar las interfases, sin ellos es
imposible para el editor grfico reconstruir el diseo de la pantalla para una edicin posterior.
Por ello tampoco el editor puede generar un archivo .form para clases GUI no creadas por
NetBeans (aunque hay herramientas en desarrollo para ello)
WINDOWS FORM DESIGNER
El Windows Form Designer es la herramienta de interfaz de usuario de Visual Estudio que
permite agregar elementos a un Form (Formulario). El elemento y los formularios son parte
de Windows Forms, que es el nombre que recibe el API para la interfaz grfica de usuario
includa como parte de la infraestructura .NET de Microsoft. 6 El hecho de que los Windows
Forms se basen en la infraestructura .NET permite que dichos controles puedan ser usados
en cualquiera de los lenguajes de programacin que sigan la CLS (Common Languaje
Specification), porque debemos recordar que en la arquitectura .NET todos ellos se traducen
a un lenguaje intermedio comn. No obstante, es importante sealar que los componentes de
las Windows Forms son dependientes de la plataforma, pues dependen fuertemente del
Win32 API, por lo que para portarlas a una nueva plataforma (p.e. OSX o Linux) sera preciso
redefinir las mismas aunque ya en dicha plataforma se pudiera utilizar el CLR (Common
Languaje Runtime) y el CLS de .NET.
Hacer el diseo de una interfaz de usuario para un software o aplicacin no es una tarea
sencilla, y menos an si queremos integrar tanto imgenes como videos. Por suerte, hay
varias aplicaciones que permiten hacer simulacros y probar diferentes opciones de
diagramacin y funcionalidad.Fuente especificada no vlida.

Aqu tenemos algunas aplicaciones:

BALSAMIQ MOCKUPS

Figura4.interfaz de BalsamigMockups
Balsamiq Mockups es una de las herramientas ms conocidas y, permite trabajar en la nube
con la versin gratuita, en la versin de pago ofrece la aplicacin para escritorio tambin.
Los precios van desde $12 mensuales en adelante.
Mockup Builder

Figura5.ventana de Mockup Builder

Mockup Builder es una herramienta gratuita de Microsoft integrada en MS Silverlight
que est pensada para hacer maquetas de pginas web y software. Esta aplicacin
ofrece una variada biblioteca de elementos disponibles, desde componentes para iOS o
Android a buscador y aplicaciones de escritorio. La desventaja es que la cantidad de estos

elementos es limitada, pero no est nada mal considerando que es una herramienta gratuita.
Independientemente de sus limitaciones, Mockup Builder tiene todo lo que necesitas para
desarrollar prototipos a partir de ideas sencillas.
MockFlow

Figura6.ventana de MockFlow

Esta herramienta tiene una versin gratuita que permite hacer un proyecto sencillo de hasta
4 pginas y con hasta 2 colaboradores, pero tambin hay la versin de pago, que por solo
$99 anuales te abre las puertas a proyectos ilimitados, adems de incluir add-ons y otras
ventajas. En comparacin con otras aplicaciones, es una de las opciones ms accesibles.

INVISION

Figura7. ventana de Invision

Invision, adems de tener buen soporte mvil, cuenta con una red de ms de 30 mil
diseadores. Si te interesa esta herramienta, puedes usar la versin gratuita (limitada a 2
proyectos) o la de pago, que por $75 mensuales te permite trabajar en hasta 20 proyectos.
De todos modos, todos los planes tienen un perodo de prueba gratuito de 30 das.
JustProto

Figura8. ventana de JustProto

Tiene varios planes que cuestan entre $19 y $99 mensuales, y permite personalizar los
servicios para los grandes clientes. Para registrarte no necesitas tarjeta de crdito, y puedes
probar la herramienta de forma gratuita durante 15 das.

SOFTWARES PARA DISEOS EN LA WEB

IMCreator

Figura9. Portada de IMCreator

Esta plataforma para crear pginas y blogs gratis dispone de un drag n drop bastante
intuitivo para el diseo del contenido, as que tan solo basta con arrastrar y soltar los
elementos que quieras para crear la estructura de la pgina web o blog. Fue fundado en
2011 por Jonathan Saragossi y tiene su sede en la ciudad de Nueva York. Los usuarios
eligen una plantilla predeterminada o una vaca (en blanco) y empiezan a hacer la pgina o
el blog. Esta plataforma, adems, permite a los usuarios crear sitios mviles y pginas de
Facebook.

Jimdo

Figura10.portada Jimdo

Jimdo es una plataforma para crear pginas web y tiendas online que cuenta con un
propio sistema de gestin de contenido que funciona como un editor WYSIWYG (What
You See Is What You Get). Cuenta con un sistema modular para introducir bloques de
contenidos y construir la pgina sin editar en HTML. Jimdo ofrece una versin
gratuita, JimdoFree, y dos versiones premium, JimdoPro y JimdoBusiness. En septiembre
de 2013, Jimdo lanz la aplicacin para el sistema operativo iOS y, en octubre de 2014,
para Android. La sede principal de la compaa se encuentra en Hamburgo, Alemania y
cuenta con oficinas en San Francisco y Tokyo.

Webnode

Figura 11.ventana de inicio Webnode

Con ms de 18 millones de pginas web creadas, Webnode es uno de los peces gordos de
la creacin de pginas web. Adems de un creador de sitios web de uso fcil, su principal
punto fuerte son las lenguas, ya que permite ms de 20. Sorprendentemente tambin
ofrecen ayuda en todos estos idiomas. Tambin puedes crear una presencia en la web
totalmente multilinge. De hecho, es por eso que hemos utilizado sus servicios durante ms
de tres aos antes de cambiar, recientemente, a una solucin ms potente (todava usamos

Webnode para algunos de nuestros proyectos de tamao mediano). Esta herramienta es

ideal para crear una pgina web gratuita fcil y rpidamente.

WordPress

Figura12. Ventana de inicio WordPress

WordPress.com es una plataforma para la creacin de blogs gratuitamente. Utiliza
WordPress, el sistema de gestin de contenido de software libre. Es propiedad de
Automattic. No requiere de ningn tipo de registro para leer o comentar en los blogs
alojados en el sitio, salvo que as lo decida el propietario. El registro solo es obligatorio
para crear blogs y publicar artculos, y es gratuito en su versin bsica. Algunas
caractersticas avanzadas son de pago a travs de su servicio VIP, como el mapeo de
dominios, la edicin de CSS, la eliminacin de anuncios y el aumento del espacio de
almacenamiento.

Edublogs

Figura13.portada de Edublog

Un edublog es un blog creado con fines educativos. Esta plataforma mejora el aprendizaje
tanto del estudiante como del profesor facilitando la reflexin, la colaboracin y
proporcionando una herramienta fcil de usar y entender, que est basado en el
famoso CMS WordPress. Prolifer cuando la arquitectura de los blogs se simplific y los
maestros percibieron el potencial didctico de estos como un recurso online. Es muy
popular en instituciones de enseanza, incluidas las escuelas y colegios pblicos.

TABLA 1: Cursos profesionales existentes para creacin de interfaces de usuario

TEMA
Diploma de

SITIO
ESCUELA

Postgrado en Diseo y SUPERIOR

DESCRICION

COSTO

Este programa de formacin

4.550

especializada introduce al estudiante en

Direccin de

DE DISEO

la metodologa para el diseo y

Proyectos Web

DE

desarrollo de Apps para iPhone, iPad y

BARCELON

Android, otorgando una visin detallada

de todo el proceso, desde las

oportunidades de negocio hasta su
implementacin en el mercado

Mster en Diseo

ESCUELA

Con esta formacin el estudiante tendr

Web y Programacin

SUPERIOR

una visin detallada de todo el proceso

Multidispositivo

DE DISEO

de la creacin de un proyecto interactivo

DE

donde la visin de negocio, la

BARCELON

experiencia de usuario (UX), la

tecnologa y el diseo de interfaz ocupan

el lugar central.

4.800

Mster en Diseo y

ESCUELA

Con esta formacin el estudiante tendr

Direccin de

UNIVERSIT

una visin detallada de todo el proceso

Proyectos para

ARIA DE

de la creacin de un proyecto interactivo

Internet

DISEO E

donde la visin de negocio, la

INGENIER

experiencia de usuario (UX), la

A DE

tecnologa y el diseo de interfaz ocupan

BARCELON

el lugar central.

8.750

A
1.900

Curso de Postgrado

ESCUELA

Diseo de Apps

UNIVERSIT

El Mster Online en Usabilidad, Diseo

ARIA DE

de Interaccin y Experiencia de Usuario

DISEO E

se dirige a graduados de cualquier

INGENIER

campo, en especial los que tengan

A DE

formacin en biblioteconoma,

BARCELON

comunicacin audiovisual, relaciones

pblicas, periodismo, psicologa y TI,

entre otros. Tambin est pensado para
profesionales que deseen ampliar su
negocio online, adems de directores de
producto y propietarios de sitios web. Es
ideal para investigadores en interaccin
persona-tecnologa.

Mster Universitario

UPF -

El Mster Online en Usabilidad, Diseo

Online en UX:

BARCELON

de Interaccin y Experiencia de Usuario

Usabilidad, Diseo de

A SCHOOL

se dirige a graduados de cualquier

Interaccin y

OF

campo, en especial los que tengan

Experiencia de

MANAGEM

formacin en biblioteconoma,

Usuario

ENT

comunicacin audiovisual, relaciones

Online

pblicas, periodismo, psicologa y TI,

6.500

entre otros. Tambin est pensado para

profesionales que deseen ampliar su
negocio online, adems de directores de
producto y propietarios de sitios web. Es
ideal para investigadores en interaccin
persona-tecnologa.

Diploma de

UNIVERSID

La entrada de la televisin digital

Especializacin

AD DE

terrestre y la tecnologa digital ha creado

Profesional

VALENCIA/

nuevas perspectivas que establecen un

Universitario en

FUNDACI

marco de actuacin renovado, para los

Diseo de Contenidos

profesionales de la creacin y el

Interactivos. 9

UNIVERSID

desarrollo de contenidos multimedia.

edicin

AD-

Especializarse en el diseo de proyectos

EMPRESA

multimedia, aprender a realizar

ADEIT

productos audiovisuales interactivos y

720

A Distancia

gestionar los recursos de los proyectos

multimedia son algunos de los objetivos
que persigue este diploma de
especializacin.

Desarrollo de

CENDESI

Aplicaciones e

BUSINESS

Interfaces Grficas

Online

145

con Java

Desarrollo de

GLOKAL

Interfaces Grficas

CONSULTI

Awt y Swing .

NG

Multitarea ( Threads)

En Madrid

en Java.

Elaborado por : Anderson Carrera

2.100

Ejemplos de Software para diseo de interfaz de usuario

MATLAB (abreviatura de MATrix LABoratory, "laboratorio de matrices") es una herramienta de

software matemtico que ofrece un entorno de desarrollo integrado (IDE) con un lenguaje de
programacin propio (lenguaje M). Est disponible para las plataformas Unix, Windows, Mac OS X
y GNU/Linux.
Entre sus prestaciones bsicas se hallan: la manipulacin de matrices, la representacin de datos y
funciones, la implementacin de algoritmos, la creacin de interfaces de usuario (GUI) y la
comunicacin con programas en otros lenguajes y con otros dispositivos hardware, dispone de dos
herramientas adicionales que expanden sus prestaciones, a saber, Simulink (plataforma de
simulacin multidominio) y GUIDE (editor de interfaces de usuario - GUI).
MATLAB. (2016). Es.wikipedia.org. Retrieved 4 July 2016, from
https://es.wikipedia.org/wiki/MATLAB

Tabla 1. Listado de los productos que ofrece MATLAB y su respectivo precio

Producto
MATLAB and Simulink Student Suite

Precio
55,00 USD $

Includes MATLAB, Simulink, Control System

Toolbox, Simulink Control Design, Image
Processing Toolbox, Optimization Toolbox,
Signal Processing Toolbox, DSP System
Toolbox, Statistics and Machine Learning
Toolbox, Symbolic Math Toolbox, Data
Acquisition Toolbox and Instrument Control
Toolbox.
MATLAB Student

29,00 USD $

Prerequisite for all other products

Parallel Computing Toolbox

16,00 USD $

Symbolic Math Toolbox

16,00 USD $

Statistics and Machine Learning Toolbox

Optimization Toolbox
Curve Fitting Toolbox
Global Optimization Toolbox

EMPRESAS EN ECUADOR DEDICADAS AL DISEO Y DESARROLLO DE

SOFTWARE E INTERFACES
Image Tech

Ilustracin 1 Pgina Web Image Tech

Xperto Solutions

Ilustracin 2Pgina Web Xperto Solutions

Escale Visual

Ilustracin 3Pgina Web Scale Visual

Geniale

Ilustracin 4Pgina Web Geniale

Bedomax

Ilustracin 5Pgina Web Bedomax

CONCLUSIONES

Con esta investigacin, nos podemos dar cuenta, que no tenemos mucho campo
laboral; en lo que es Software de Interfaz de usuario, en nuestro pas; por lo que
planteamos algunas sugerencias citadas por diseadores, para una mayor apertura a
nuestros especialistas en organizaciones ya sean estas grandes o pequeas.

Encontramos, que Profesionales capaces de poder realizar un sin nmeros de diseos

en este campo, muchas veces no son contratados, por las ideas errneas; que tiene el
propietario de cualquier empresa; que no miran que al contratarlos esto sera una
inversin ya sea a corto, mediano o largo plazo, ms bien lo generan como un gasto
innecesario, cerrando las puertas al crecimiento empresarial, y a la interactividad que
puede suscitarse con el usuario.

El diseo de interfaz es la parte fundamental de cualquier tipo de software o

aplicacin ya que esta marcaria la diferencia haciendo que el usuario pueda tener una
buena experiencia.

Se debe realizar un anlisis de las necesidades, habilidades, experiencia y expectativa

del usuario, aplicando las reglas que servirn para mejorar la usabilidad y
accesibilidad de la aplicacin.

RECOMENDACIONES

Se recomienda seguir un curso de diseo y creacin de interfaces ya que la carencia

de tips, reglas y argumentos podran llevar a que nuestro producto final sea
desastroso.

Al momento de disear se debe tener en cuenta las reglas de diseo para tener un
producto de calidad que proporcione todas las facilidades al usuario.

BIBLIOGRAFA

Tutorials Point. (2016). Software-Diseo UI. Obtenido de Tutorialspoint Simply Easy Learning:
http://www.tutorialspoint.com
Chile, G. d. (2011). Guia Diguital. Obtenido de http://www.guiadigital.gob.cl/articulo/que-es-unainterfaz
Cobian, C. (20 de Noviembre de 2013). Cobian. Obtenido de
http://www.cobianmedia.com/2013/11/20/9-herramientas-para-crear-maquetas-interactivas2/
Holesbin, M. (7 de Abril de 2016). GUI'S (PLATAFORMAS PARA EL DESARROLLO DE
INTERFACES GRFICAS ). Recuperado el 2 de Julio de 2016, de GUI'S
(PLATAFORMAS PARA EL DESARROLLO DE INTERFACES GRFICAS ):
http://topicusers.blogspot.com/2016/04/plataformas-para-desarrollo-de.html
Ignacio Santiago. (22 de 02 de 2016). ignaciosantiago.com. Obtenido de
http://ignaciosantiago.com/blog/crear-una-pagina-web-gratis-o-un-blog/
Noelia, R. (31 de Mayo de 2008). JAVA- CURSOS. Recuperado el 2 de Julio de 2016, de JAVACURSOS: http://www.emagister.com/desarrollo-interfaces-graficas-awt-swing-multitareathreads-

Alejandro Alvarez B. y Esteban Velerio. (5 de 10 de 2007). Obtenido de http://www.dimare.com/adolfo/cursos/2007-1/pp-GenGUI.pdf:

Cobian, C. (20 de Noviembre de 2013). Cobian. Obtenido de

http://www.cobianmedia.com/2013/11/20/9-herramientas-para-crear-maquetas-interactivas2/

Holesbin, M. (7 de Abril de 2016). GUI'S (PLATAFORMAS PARA EL DESARROLLO

DE INTERFACES GRFICAS). Recuperado el 2 de Julio de 2016, de GUI'S
(PLATAFORMAS PARA EL DESARROLLO DE INTERFACES GRFICAS):
http://topicusers.blogspot.com/2016/04/plataformas-para-desarrollo-de.html

Ignacio Santiago. (22 de 02 de 2016). ignaciosantiago.com. Obtenido de

http://ignaciosantiago.com/blog/crear-una-pagina-web-gratis-o-un-blog/

Noelia, R. (31 de Mayo de 2008). JAVA- CURSOS. Recuperado el 2 de Julio de 2016, de

JAVA- CURSOS: http://www.emagister.com/desarrollo-interfaces-graficas-awt-swingmultitarea-threads-