Herramientas de diseño de interfaz

 Introducción:

Son herramientas que les permiten a los diseñadores crear y modificar o actualizar una presentación visual de un sitio web, una aplicación u otros tipos de experiencias de usuarios.

 

Descripción del entorno de trabajo:

La estructura esquemática de los menús y submenús que componen la interfaz de la administración es la siguiente:

Usuarios

Permite realizar la definición de usuarios y el mantenimiento de los datos de los mismos, así como también la inscripción a grupos, asignación de perfiles y especificación de permisos correspondientes a los perfiles. Además, cuenta con un registro de estadísticas de acceso y participación y servicio de mensajería.

Grupos

Permite realizar el mantenimiento de Grupos, la creación y definición de entornos de trabajo.

Contenidos

Dispone de todos los contenidos, los cuales varían según el tipo de grupo. Es decir, está compuesto por secciones que contienen y organizan toda la información de los grupos de trabajo de la plataforma.

Barras de Herramientas:

Es un componente de la interfaz gráfica de un programa y es mostrado en pantalla a modo de fila, columna, o bloque, que contiene iconos o botones que, al ser presionados, activan ciertas funciones de una aplicación. También es el área de interfaz del usuario que indica y presenta las opciones o herramientas de una aplicación informática, dispuestas en menús desplegables.

Muchas de las aplicaciones y sistemas operativos desarrollados que permiten a los usuarios personalizar las barras de herramientas y ajustarlas a sus necesidades. 

Barras estándar: Una barra de herramientas estándar contiene los botones para los comandos más usados. La mayor parte de los sistemas operativos ponen en la barra de herramientas funciones principales, que son comunes en muchas aplicaciones, como: Cortar, Copiar, Pegar, Zoom, etc. Otros sistemas de software usan botones muy parecidos para los mismos tipos de comandos. La mayoría de estos son fáciles de entender y de usar.

 
  
Configuración de sitio web:
La configuración de página es un conjunto de parámetros específicos que implican la visualización y el diseño de una página impresa. Este tipo de recurso forma parte de muchas aplicaciones modernas de procesamiento de texto y otro software de procesamiento de documentos, por ejemplo, en aplicaciones de Microsoft Office.

Los aspectos de la configuración de la página incluyen la configuración de márgenes, una orientación de página vertical u horizontal y otras características. Los menús de configuración de página pueden ayudar a los usuarios a establecer estos atributos, para garantizar que un proyecto de impresión se realice correctamente. Las aplicaciones de procesamiento de textos pueden o no tener menús de configuración de página dedicados.

Otros aspectos de la configuración de la página incluyen elementos de encabezado y pie de página, color vs monótono, tamaños de papel y varias alineaciones. Algunas herramientas usan una regla para ayudar a establecer márgenes para un documento.

 

Creación y edición de páginas web:

Para la creación y edición de sitios web necesitaremos una serie de herramientas y programas, Ejemplo: HTML. Que es un lenguaje de programación utilizados por muchos programadores novatos y profesionales. Este programa nos permite insertar códigos para el desarrollo y edición de páginas web, además de ser muy sencilla de utilizar.

Para ayudarnos a crear el impacto visual que deseamos en los sitios Web, el editor incluye su propia biblioteca de gráficos reutilizables y dos programas gráficos para crear, editar y animar archivos de imagen.

A este lenguaje de programación le acompañan unos estilos cuyo nombre conocemos como CSS, que es lo que le da el diseño requerido a la página web. CSS es un lenguaje definido para las presentaciones de un documento estructurado por HTML.

 

Tablas:

Las tablas de interfaz son una opción para la integración con sistemas que utilizan tablas de base de datos para intercambiar datos. Esta opción integrada solo se aplica a los servicios empresariales y los canales de publicación y siempre se procesa de forma asíncrona mediante colas JMS.

Dentro de un sistema externo, puede haber más de un canal de publicación  servicios empresariales que se utilizan para la integración con las tablas de interfaz. Cualquier canal o servicio que esté utilizando una tabla de interfaz debe estar asociado con una estructura de objeto que este configurada para dar soporte a archivos sin formato y deben haberse resuelto todos los conflictos de alias.

 

Formularios:

Es un documento, ya sea físico o digital, diseñado con el propósito de que el usuario introduzca datos estructurados (Nombres, Apellidos, Cedula, Dirección, Etc.) En las zonas del documento destinadas a ese propósito, para ser almacenados y procesados posteriormente.

En informática, un formulario consta de un conjunto de campos de datos solicitados por un determinado programa, los cuales se almacenaran para su procesamiento en una base de datos y posteriormente para uso. Cada campo debe albergar un dato específico que debe llenarse.

 

Elementos interactivos y multimedia:

Estos son adornos que se le pueden ser insertados en nuestro sitio web para darle más presencia o un estilo diferente.

Entre los elementos interactivos podemos agregar o insertar como ejemplo: una lista de reproducción de la plataforma musical Spotify, enlaces externos como lo son las redes sociales y si creamos un apartado “contacto” podemos darle una forma sencilla de interactuar con el público: dejando escribirnos cualquier inquietud, también podemos insertar enlaces hacia páginas externas o simplemente a un apartado diferente a la página de inicio.

También los programas de edición y creación nos permiten insertar archivos multimedia para que el cliente pueda observar algunos trabajos o para que el sitio se vea más agradable y no tan sencillo. Los programadores y diseñadores que utilizan mucho más elementos multimedia son los sellos discográficos o los de prensa, ya que estos se encargan de entretener o informar a su cliente, con fotografías y una breve descripción sobre que se está hablando en el caso de los sitios informativos.

El en caso de los sellos musicales suelen publicar muchas imágenes y archivos de videos para promocionar a su artista musical y notificar a sus fans que el artista está lanzando un nuevo video o una nueva canción en sus plataformas.

 

Plantilla CSS:

Las plantillas son unos diseños ya creados o determinados donde el usuario solamente lo agrega a su sitio web y automáticamente este diseño se establece en su página.

Un ejemplo claro es cuando creas por primera vez una página web, al principio vas a notar que esta se encuentra básica, sin diseños o estilos. Pero al cargar una plantilla encontrada en internet se modifica por completo las interfaces ya creadas.

Estas plantillas pueden ser editadas al gusto del usuario, para darle el diseño que quiera. Pero la función primordial de las plantillas es facilitar el trabajo del diseñador sin tener que estar agregando o insertando códigos en el sitio a través de lenguajes como HTML.

 

Uso de hipervínculos:

Se llama hipervínculo o hiperenlace a un tipo de elemento presente en los documentos electrónicos (páginas Web, correos electrónicos, documentos digitales de texto, etc.) que hace alusión a otro documento diferente, a una parte específica del mismo documento o a otro recurso de cualquier naturaleza, como búsquedas online, mecanismos de compra, suscripciones, etc.

Los hipervínculos consisten, pues, en la posibilidad de “saltar” de un texto a otro, de una información a otra, siguiendo el hilo de asociación de los intereses del usuario, más que una lógica lineal y sucesiva como ocurre en la cultura tradicional.

Este tipo de asociaciones son fundamentales en el funcionamiento de la World Wide Web, ya que un hiperenlace, junto a un protocolo de acceso a una red establecida de datos, permite “visitar” los distintos recursos disponibles en línea, ya sea para visualizarlos o descargarlos al computador.

Todo hipervínculo cuenta con dos extremos: un ancla de origen y un enlace destino. Los primeros suelen estar resaltados en los exploradores o navegadores de Internet (en color y subrayado, así). Al seleccionar el punto de origen se tiene acceso a un único destino, que puede ser de distinta naturaleza multimedia. Cuando los hipervínculos dejan de operar, debido a que fallan en rastrear el contenido prometido, se les dice que están “rotos”.

¿Para qué sirven los hipervínculos?

Los hipervínculos permiten una forma de desplazamiento novedosa, referida a menudo como el link, y que consiste en la asociación entre un texto y otro que no necesariamente comparten contexto o cometidos, pero que están encadenados entre sí por algún término, sentido o referencia.

Tipos de hipervínculo

Existen diversos tipos de hipervínculo, en base al contenido o la acción que realizan y su entorno:

·         Hipervínculo de texto. Aquellos que parten y/o conducen a un texto digital, o a una parte específica de uno, como un capítulo o una nota al pie. Esto permite la creación de una red de sentido entre dos o más textos de lectura.

·         Hipervínculo de imagen. Similar al caso anterior, pero conduce a una imagen determinada y hospedada en línea. Es el caso también de las imágenes que contienen un hipervínculo, y que al seleccionarlas conducen a nuevos recursos, como en la publicidad en línea.

·         Hipervínculo a e-mail. Activa los mecanismos preestablecidos para enviar un mensaje de correo electrónico a una dirección e-mail preestablecido.

·         Hipervínculo a funciones específicas. Activa los mecanismos preestablecidos para realizar funciones determinadas en el computador, como imprimir, guardar, aumentar el tamaño de la fuente, etc.

·         Los hipervínculos también pueden clasificarse conforme a la ubicación del recurso que invocan, de la siguiente manera:

·         Hipervínculo local o interno. Hace alusión a un contenido albergado en un directorio local, ya sea el mismo computador, la misma página web, etc.

·         Hipervínculo externo. Hace alusión, en cambio, a contenidos externos al sistema, como puede ser una página web diferente.