Читать книгу Integración de la funcionalidad en productos multimedia. ARGN0110 - Juan Luis Perles García - Страница 11

A partir de los bocetos de interfaz multimedia de dos pantallas que nos envían del departamento de diseño, identifique los elementos principales, comentando la funcionalidad de los mismos. Se muestran en las siguientes imágenes.

Boceto 1 de interfaz multimedia

Boceto 2 de interfaz multimedia

SOLUCIÓN

Boceto1

Es un boceto compuesto por entre ocho y nueve imágenes sintéticas –no fotos reales– que pasamos a comentar.

Se divide la pantalla principal en dos zonas, una superior para situar en ella el nombre de la aplicación (“Lista de Precios”) y a la derecha el logo de la empresa (“Empresa X”) y abajo otra zona, de mayor tamaño, en la que se integra un menú de opciones y un botón de salir. Se usa una imagen de fondo que tiene como función integrar los elementos de diseño y ofrecer un estilo visual moderno.

En la zona central aparece una imagen que representa un marco transparente con esquinas redondeadas y efectos de bisel y que tiene como función albergar cuatro imágenes que representan los botones de acción para acceder a las cuatro pantallas restantes que ofrece el programa.

Por último, se muestra en la zona inferior una imagen rectangular con los bordes ovalados que cumple la función de botón de acción: cierra la aplicación cuando el usuario hace clic sobre ella.

Todas las imágenes quedan perfectamente integradas en un diseño elegante y atractivo.

Boceto 2

Es un boceto que mantiene la línea de estilo del anterior y está compuesto por un número mayor de imágenes y elementos interactivos, pues en él se muestran los datos de contacto y fotos de cinco delegaciones de la empresa.

Destacan un conjunto de cinco imágenes a la izquierda que tienen la función de ofrecer los datos de una determinada delegación cuando se pincha sobre cada una de ellas, mostrando además el efecto interactivo de sombrearse al situar el ratón.

En la zona central aparece una imagen de mapa interactivo de la península ibérica, con la localización de las cinco delegaciones y se puede pinchar en los rectángulos que aparecen –son también imágenes– para mostrar en la parte inferior los datos de dichas delegaciones y a la derecha una pequeña foto de la misma.

A la derecha se usa una imagen para representar el edificio donde está situada cada delegación. Estas imágenes deben ocupar el mismo sitio en la pantalla, para mantener la coherencia, y aparecen y desaparecen de manera suave, en función de la delegación seleccionada.

Justo encima hay dos imágenes que representan los botones de acción de volver a la pantalla anterior y de enviar correo electrónico a la empresa. Abajo del todo está el área de información de las delegaciones y una pequeña ayuda.