Componentes de Una Interfaz

 

28-4-2016

INSTITUTO TECNOLÓGICO DE CD. ALTAMIRANO, GRO.

== INGENIERIA EN INFORMATICA ==

COMPONENTES PARA UNA INTERFAZ

 

INTRODUCCIÓN La siguiente investigación 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 volvía algo aburrido y tedioso por la razón 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 cómodo o estable y con ganas de descubrir o con el simple hecho de querer interactuar o manipular la página web porque se le hacía aburrida.  Ahora ya con el tiempo transcurrido y la globalización cibernética 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 gráficos. Se llama interfaz a la parte del software del ordenador que tiene por misión la comunicación con el usuario, así como también se llama interfaz a los dispositivos de hardware que se encargan de interconectar inte rconectar a diferentes dispositivos entre sí. Es una conexión e interacción 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 diseño de interfaces es el proceso de diseñar la representación física de la interfaz tal y como los usuarios la verán en sus pantallas. El objetivo del diseño de interfaces visuales es comunicar una funcionalidad, y es esto to se diseñando u ordenando elementos queconsigue hace nuestra aplicación y como selos puede operarvisuales con ella.que mejor reflejen lo Hay determinados elementos clave para el diseño visual. El diseño en éste caso consiste en seleccionar las tipos apropiadas, calibrar cada elemento y después combinarlos todos de una manera que tenga sentido, y podamos dar una facilidad de uso para las diferentes funcionalidades de nuestra aplicación. Principales bloques del diseño visual de interfaces.

Maquetación y posicionamiento:  -

La maquetación proporciona estructura a todos los elementos de la interfaz. También define la jerarquía y por tanto las relaciones entre los diferentes elementos.

-

Agrupar una serie de elementos y posicionarlos más juntos indica una una relación entre ellos (por ejemplo etiquetas debajo de iconos).

-

El posicionamiento puede mejorar también 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 más fácil y cómoda puesto que el recorrido de los ojos será en vertical en lugar de zig-zag.

 

Forma y tamaño: -

La forma se puede usar para diferenciar elementos. Por ejemplo modificando las siluetas de los iconos para hacerlos más fáciles y rápidos de reconocer.

-

El tamaño también se puede usar para indicar importancia, siendo siendo los elementos más grandes, los más significativos.

-

También puede mejorar mejorar la la usabilidad de los controles clickables clickables (ley de Fitts, que dice que cuanto más grande es un control, más rápido se puede pue de manejar el mouse). Hacer los controles más habituales de nuestra interfaz más grandes, facilitará la tarea de los usuarios y mejorará la eficiencia de la interfaz.

 

Color: -

El color es útil para varios propósitos. Puede atraer la atención, 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 invitación a proceder. De ésta manera el rojo se reserva para los mensajes de error y vice-versa.

-

El color también puede destacar relaciones, por ejemplo estableciendo un código con botones y barras de herramientas para ayudar al usuario.

Contraste: -

La tonalidad que tiene algo en relación 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 más importantes.

Textura: -

Mediante la la textura textura podemos comunicar funcionalidades. La utilización 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 tamaño.

 

  CONCLUSIÓN En mi conclusión personal puedo opinar que es de suma importancia importancia tomar en cuenta los componentes que debe llevar una interfaz gráfica para la web, sabiendo que habráagradable usuarios que la páginanavegar y para ellos es importante tener interfaz enmanipularan la que puedan emocionantemente y una 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 diseño visual de ello es el diseño en éste caso consiste en seleccionar los tipos apropiados, ap ropiados, calibrar cada elemento y después combinarlos todos de una manera que tenga sentido y se pueda dar una facilidad de uso para las diferentes funcionalidades de nuestra aplicación.

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