28-4-2016

INSTITUTO
TECNOLGICO DE
CD. ALTAMIRANO,
GRO.

== INGENIERIA EN INFORMATICA ==

COMPONENTES PARA
UNA INTERFAZ

INTRODUCCIN
La siguiente investigacin nos habla sobre el tema de interfaces graficas para la
web para usuarios, esto quiere decir que veremos de manera esquematizada los
componentes o elementos que debe tener una interfaz para que se entendible ante
un usuario y pueda interactuar con el sitio web con el que este interactuando.
Es importante de decir que desde tiempos anteriores, la forma de interactuar o
navegar sobre la web se volva algo aburrido y tedioso por la razn que los sitios
web creados y ya establecidos no estaban desarrollados con una gran gama de
creatividad, quiero decir que no estaban dirigidos a que el usuario se sintiera
cmodo o estable y con ganas de descubrir o con el simple hecho de querer
interactuar o manipular la pgina web porque se le haca aburrida.
Ahora ya con el tiempo transcurrido y la globalizacin ciberntica se ha vuelto
indispensable la publicidad o la forma de la estructura de un sitio web, que sea
llamativo, interesante, que marque la pauta ante otro sitio. A eso se le llama tener
buenos componentes de interfaz grficos.
Se llama interfaz a la parte del software del ordenador que tiene por misin la
comunicacin con el usuario, as como tambin se llama interfaz a los dispositivos
de hardware que se encargan de interconectar a diferentes dispositivos entre s. Es
una conexin e interaccin entre el hardware y el software, entre el hardware y el
usuario o bien entre el software y el usuario. Las interfaces son las que permiten las
gestiones de entrada salida.

DESARROLLO
El diseo de interfaces es el proceso de disear la representacin fsica de la
interfaz tal y como los usuarios la vern en sus pantallas.
El objetivo del diseo de interfaces visuales es comunicar una funcionalidad, y esto
se consigue diseando u ordenando los elementos visuales que mejor reflejen lo
que hace nuestra aplicacin y como se puede operar con ella.
Hay determinados elementos clave para el diseo visual.
El diseo en ste caso consiste en seleccionar las tipos apropiadas, calibrar cada
elemento y despus combinarlos todos de una manera que tenga sentido, y
podamos dar una facilidad de uso para las diferentes funcionalidades de nuestra
aplicacin.
Principales bloques del diseo visual de interfaces.
Maquetacin y posicionamiento:
-

La maquetacin proporciona estructura a todos los elementos de la interfaz.

Tambin define la jerarqua y por tanto las relaciones entre los diferentes
elementos.

Agrupar una serie de elementos y posicionarlos ms juntos indica una

relacin entre ellos (por ejemplo etiquetas debajo de iconos).

El posicionamiento puede mejorar tambin el flujo visual. Por ejemplo

posicionar las etiquetas encima de los campos de texto en lugar de a la
izquierda, permite al usuario una lectura ms fcil y cmoda puesto que el
recorrido de los ojos ser en vertical en lugar de zig-zag.

Forma y tamao:
-

La forma se puede usar para diferenciar elementos. Por ejemplo modificando

las siluetas de los iconos para hacerlos ms fciles y rpidos de reconocer.

El tamao tambin se puede usar para indicar importancia, siendo los

elementos ms grandes, los ms significativos.

Tambin puede mejorar la usabilidad de los controles clickables (ley de Fitts,

que dice que cuanto ms grande es un control, ms rpido se puede manejar
el mouse). Hacer los controles ms habituales de nuestra interfaz ms
grandes, facilitar la tarea de los usuarios y mejorar la eficiencia de la
interfaz.

Color:
-

El color es til para varios propsitos. Puede atraer la atencin, por ejemplo
mediante el contraste con el color de fondo.

Puede expresar significado, por ejemplo el rojo y el verde. Uno significa

peligro o parada mientras que otro significa xito o invitacin a proceder. De
sta manera el rojo se reserva para los mensajes de error y vice-versa.

El color tambin puede destacar relaciones, por ejemplo estableciendo un

cdigo con botones y barras de herramientas para ayudar al usuario.

Contraste:
-

La tonalidad que tiene algo en relacin a los elementos que le rodean,

afectar a la usabilidad de la interfaz. La clave es el contraste. Bajar el
contraste de algunos elementos permitir fundirlos con el fondo permitiendo
a los usuarios diferenciar entre los ms importantes.

Textura:
-

Mediante la textura podemos comunicar funcionalidades. La utilizacin

correcta de las texturas la cualidad que comunica al usuario como algo est
concebido para ser usado. Por ejemplo utilizar efecto de relieve para los
scrolls, o esquinas cuarteadas para las ventanas que se pueden cambiar de
tamao.

CONCLUSIN
En mi conclusin personal puedo opinar que es de suma importancia tomar en
cuenta los componentes que debe llevar una interfaz grfica para la web, sabiendo
que habr usuarios que manipularan la pgina y para ellos es importante tener una
interfaz agradable en la que puedan navegar emocionantemente y no
deprimentemente.
Una interfaz es tiene la responsabilidad de que el usuario este complacido con lo
que ve y est haciendo, que sea visualmente creativa y que pueda realizar las
operaciones diferentes que desee ejecutar el usuario.
Hay determinados elementos clave para el diseo visual de ello es el diseo en ste
caso consiste en seleccionar los tipos apropiados, calibrar cada elemento y despus
combinarlos todos de una manera que tenga sentido y se pueda dar una facilidad
de uso para las diferentes funcionalidades de nuestra aplicacin.

FUENTES CONSULTADAS
http://148.204.211.134/polilibros/portal/polilibros/P_Terminados/SISTEMAS%2
0_OPERATIVOS/UNIDAD7/7.2.htm
http://www.desarrolloweb.com/articulos/2171.php
https://prezi.com/fvyyqjjxl2ww/componentes-de-una-interfaz-web/