CORPORACION UNIFICADA NACIONAL DE EDUCACION

SUPERIOR

Miguel ngel Gmez Vivas

Trabajo Herramientas De Desarrollo

Presentacin De Apoyo Y La Diseo De La Interfaz

Grfica De Un Sitio Web
El diseo de interfaz de usuario prev las necesidades del usuario, facilitando el acceso y el
entendimiento de la informacin. Toma en cuenta, conocimientos del diseo de interaccin, diseo
visual y la arquitectura de informacin. Es este el que te permite crear soluciones interactivas y
tiles en cuanto a usabilidad y eficiencia.
Elegir elementos de interfaz familiares, contribuye a la eficiencia del diseo; ser consistente en la
grfica escogida satisface las necesidades de legibilidad del usuario.
Entre los elementos de interfaz encontramos los componentes de entrada: como los botones, los
cuadros de texto, listas de dropdown, campos de llenar datos, etc. Los componentes de
navegacin: como las migas de pan, campos de bsqueda, paginadores, etc. Los componentes
informativos: como barras de progresos, cajas de mensajes, notificaciones, conos, etc.
Contenedores: acordeones.
Usar y aprovechar estos elementos dentro de la interfaz pueden ayudar ahorrar espacio en el
diseo contribuyendo a la legibilidad del sitio.

Buenas prcticas para el diseo de interfaz

Conocer al usuario es la forma ms eficiente de tomar buenas decisiones en cuanto al diseo de
una interfaz grfica. Comprender sus objetivos al ingresar al sitio, sus habilidades y preferencias da
las herramientas bsicas para encontrar la navegacin adecuada; una vez el tipo de usuario sea
claro, ten en cuenta:

Simplicidad
Evitar los elementos innecesarios permite claridad en el lenguaje y en los elementos del diseo. La
interfaz debe ser sencilla y de uso fcil para el usuario.

Consistencia
Disponer elementos estndar en la interfaz da comodidad a los usuarios, y hace que su interaccin
sea ms rpida y eficiente, (es decir, es un standar usar el logotipo en el header como un link
directo al index). Es importante establecer patrones de lenguaje en la distribucin y el diseo del
sitio, cuando el usuario aprende a realizar una accin en un punto puede recrearla en cualquier
lugar del sitio.

Estructura
La relacin espacial entre los elementos de la pgina son muy importantes, se deben estructurar
los elementos de la pgina en funcin de su relevancia. La exploracin y legibilidad dependen de
ello.

Color
El uso estratgico de colores y texturas son fundamentales en la direccin de la atencin del
usuario. La luz, el contaste, el manejo de gamas cromticas pueden jugar a favor o en contra de la
legibilidad del sitio.

Tipografa
La disposicin tipogrfica es clave en la jerarquizacin de informacin, los tamaos, las fuentes y la
ubicacin de bloques de texto aumentan la legibilidad y claridad en el sitio.

Comunicacin
Es importante mantener informado al usuario de su estado, ubicacin dentro del sitio, cambios de
estado, errores de navegacin, etc; Para esto es indispensable usar elementos de interfaz que
pueden reducir el nivel de frustracin del usuario, evitando su salida prematura de sitio, ej: migas
de pan, landings de error, etc.

Anticipacin
Es importante anticipar los objetivos que llevan al usuario a visitar tu portal, para crear elementos
que faciliten y agilicen ciertos procesos dentro del sitio, campos preelegidos botones de acceso
rpido, entre otros reducen frustracin durante la navegacin.

Es importante recalcar, que todos estos puntos de consideracin para el desarrollo de una buena
interfaz grfica, parten del previo conocimiento y estudio del usuario, sus comportamientos, la
anticipacin de sus preferencias y necesidades. Es as como se puede establecer un buen sistema
de navegacin, recuerda que lo que para ti es obvio quizs o lo sea para tu usuario final, las
pruebas con personas ajenas al desarrollo de tu proyecto son idneas para saber si la
funcionalidad de tu sitio es adecuada.