<H1> </H1> |
<H1> Tipología de GUI o interfaces gráficas </H1> |
<H2> “La clasificación de interfaces gráficas y sus directrices para mejorar sus diseños gráficos” </H2> |
<H2> Introducción </H2> |
<H2> Desarrollo </H2> |
<H2> ¿Cúal es su objetivo? </H2> |
<H2> Página Web </H2> |
<H2> </H2> |
<H2> </H2> |
<H3> Breve explicación sobre como es que se clasifican las interfaces graficas y sus directrices para la mejora de los diseños gráficos. Cúal es su funcionalidad, ¿Que es una interfaz gráfica?, ¿Que es una página web?, ¿Que es un sitio web dinámico? y ¿Como mejorar el diseño gráfico?. </H3> |
<H3> ¿Que es una interfaz gráfica? </H3> |
<H3> Tipos de página web </H3> |
<H3> Básicamente existen dos tipos de páginas web: </H3> |
<H3> CLASIFICACION DE LA INTERFAZ DE USUARIO </H3> |
<H3> </H3> |
<H4> La interfaz gráfica o GUI son programas informaticos que realiza la función de interfaz de usuario. Está formado por imágenes y objetos gráficos, que representan la información y acciones que se encuentran en la interfaz. </H4> |
<H4> Este diseño debe ser navegacional, es decir, debe contener herramientas que le permitan al usuario realizar todas las acciones que desea dentro del ordenador. </H4> |
<H4> Su objetivo es el de crear un entorno visual fácil de usar para que fluya la comunicación son el sistema operativo. </H4> |
<H4> El desarrollo de una buena Interfaz debe tener ciertas características básicas, estas se pueden sintetizar en: </H4> |
<H4> Fácil uso, comprensión y aprendizaje para el usuario </H4> |
<H4> El tema principal debe ser fácil de identificar </H4> |
<H4> Su diseño debe contener menús de búsqueda, desplazamiento e iconos de fácil acceso </H4> |
<H4> Debe contener herramientas de ayuda y consulta para el usuario </H4> |
<H4> La tipografía y el tratamiento de color son fundamentales para una buena interfaz por lo que se debe prestar importancia al diseño de las formas y la coherencia interna entre ellas. </H4> |
<H4> GLI: Command line interface, o interfaz de línea de comandos. Son las que encontramos en los juegos o en tareas de investigación. Mezclan 3D con 2D y la interfaz de enfoque del usuario o ZUI, Zooming User Interface. </H4> |
<H4> Interfaz de usuario táctil. Es la que utilizamos a diario en nuestros teléfonos móviles, tabletas, consolas de videojuegos o en domótica. Son las GUI de uso específico y son las que al tocar la pantalla con los dedos, se ejecutan los comandos del ratón sobre el software. </H4> |
<H4> Interfaz natural de usuario, o NUI, son las interfaces en las que se interactúa con un sistema o aplicación. En la interacción con las NUI, no se usa ningún dispositivos de entrada como el ratón o el teclado. Siempre se usan las manos o las yemas de los dedos. </H4> |
<H4> Es un documento electrónico adaptado particularmente para el Web, que contiene información específica de un tema en particular y que es almacenado en algún sistema de cómputo que se encuentre conectado a la red mundial de información denominada Internet, de tal forma que este documento pueda ser consultado por cualesquier persona que se conecte a esta red mundial de comunicaciones y que cuente con los permisos apropiados para hacerlo. </H4> |
<H4> Una página Web tiene la característica peculiar de que el texto se combina con imágenes para hacer que el documento sea dinámico y permita que se puedan ejecutar diferentes acciones. </H4> |
<H4> Estáticas </H4> |
<H4> Dinámicas </H4> |
<H4> </H4> |
<H4> Las estáticas forman parte de épocas anteriores, puesto que son de contenido fijo y no son aptas a actualizaciones constantes. </H4> |
<H4> las dinámicas, pueden ser construidas en HTML o en otra extensión, como por ejemplo PHP. En este último caso se permite la interacción en tiempo real, apto para algunas páginas web con estas necesidades específicas, como pueden ser los foros. </H4> |
<H4> Los elementos principales en una página web son: </H4> |
<H4> Texto: a veces redactado por un único autor y otras veces por los usuarios de la misma en el caso de algunas páginas dinámicas con lenguaje como php. </H4> |
<H4> Imágenes: gif, jpg y png son los tres formantos que suelen utilizarse normalmente. </H4> |
<H4> </H4> |
<H4> Audio y vídeo: suele utilizar las extensiones midi, wav o mp3. También se utilizan las incrustaciones de archivos almacenados en otros sitios, como por ejemplo se hace al añadir vídeos de Youtube. </H4> |
<H4> Otros: existen además otros elementos que han ido aumentando y evolucionando también con el paso de los años y las nuevas tecnologías. Estos son Adobe Flash, Adobe Shockwave, Java o enlaces (también llamados hipervínculos), por ejemplo. </H4> |
<H4> Sitio Web Dinámico </H4> |
<H4> Son aquellos sitios que permiten crear aplicaciones dentro de la propia web, otorgando una mayor interactividad con el navegante. El desarrollo de estos sitios son un poco mas complicadas; puesto que requieren de conocimientos en diferentes lenguajes de programación, así como en la creación y gestión de base de datos. </H4> |
<H4> Clasificación de las interfaces </H4> |
<H4> Las interfaces se clasifican como: </H4> |
<H4> Interfaz de línea de comando (Command-Line Interface, CLI): Interfaces alfanuméricas (intérpretes de comandos) que solo presentan texto. </H4> |
<H4> Interfaces gráficas de usuario (Graphic User Interface, GUI): Permiten comunicarse con la computadora de forma rápida e intuitiva representando gráficamente los elementos de control y medida </H4> |
<H4> Interfaz natural de usuario (Natural User Interface, NUI): Pueden ser táctiles, representando gráficamente un «panel de control» en una pantalla sensible al tacto que permite interactuar con el dedo de forma similar a si se accionara un control físico. </H4> |
<H4> En esta sección se describen varios tipos de interfaces de usuario entre ellas las siguientes: </H4> |
<H4> nterfaces de lenguaje natural </H4> |
<H4> Interfaces de preguntas y respuestas </H4> |
<H4> Menú </H4> |
<H4> Formularios </H4> |
<H4> Interfaces de lenguajes de comando </H4> |
<H4> Interfaces gráficos de usuario(GUIs) </H4> |
<H4> Y una variedad de interfaces Web para uso en internet. </H4> |
<H4> </H4> |
<H4> La interfaz de usuario tiene dos componentes principales: </H4> |
<H4> El lenguaje de presentación, que es la parte computadora humana de la transacción </H4> |
<H4> Y el lenguaje de acción, que caracteriza la parte humana-computadora. En conjunto, ambos conceptos cubren la forma y contenido del término interfaz de usuario. </H4> |
<H4> CONCLUSION </H4> |
<H4> El uso de estas herramientas es de gran importancia ya que el usuario interactua con el sistema. Estas interfaces deben proporcionarle un buen funcionamiento, seguridad y cumplimiento con las normas y/o expectativas del usuario. Ya que, mas usuarios hacen uso de páginas web, un sistema operativo o un programa en linea. Son miles de usuarios que entran a esta plataforma y por lo tanto debe de estar muy bien implementadas cada una de las funciones que este requiera. </H4> |
Social
Social Data
Cost and overhead previously rendered this semi-public form of communication unfeasible.
But advances in social networking technology from 2004-2010 has made broader concepts of sharing possible.