mutec

Descripción proyectual del MUTEC en línea
A. Estructura del sitio.
El diseño del MUTEC en línea inicia con el nuevo planteamiento
del sitio Web. Esta vez, buscando mejorar la usabilidad se
aplicará un modelo jerárquico en la organización de la
información del sitio. El menú principal será realmente fácil
de navegar con sólo 6 opciones principales; “Acerca del
MUTEC”, “Recorre el museo enlínea”, “Agenda tu visita”,
“Programa educativo”, “Contáctanos” y “Servicios”. La primera
liga agrupa toda la información general sobre el museo, su
historia, y sus objetivos. La segunda liga es un mapa del museo
que muestra la ubicación de las salas. Al accionar en cada
una de las áreas señaladas el visitante podrá realizar visitas
virtuales a cada una de las exposiciones. La tercera opciónes la Agenda, un sitio de contacto adicional exclusivo para que
las escuelas se registren y avisen al museo de su próxima
visita. Desde esta misma sala el profesor puede remitirse a la
siguiente opción que es “programa educativo” donde el museo
sugiere una estrategia de aprendizaje antes, durante y después
de la visita. Así mismo el profesor podrá encontrar el material
o materiales que sugrupo requiera.
Principal

Acerca del
MUTEC
¿Quiénes somos?
_Historia
_Razón
_Objetivos
_Principios

Recorre el
museo en línea
Mapa del museo
Sala de
Electromagnetismo
y Tranportes
Sala CFE

Por qué visitarnos

Sala Física

Nuestras fotos

Sala ¿Qué hay
detrás del contacto

Energía Eléctrica
Ferrocarriles
PEMEX
Aviones

Agenda de
escuelas

Programa
educativoContáctanos

Servicios

Hoja de registro

Maestros

Directorio

Salones de
congresos

Agenda

Plan de visita.

Ubicación y
horario

Sala de Internet

Contáctanos

Discapacitados

Materiales de
apoyo.
Glosario de
Términos

UDLA / Maestría en Diseño de Información / E-MUTEC / Febrero 2003 / Luis Arturo Domínguez Brito

Tienda

83

B. Consideraciones de imagen ydiseño.
a. Logotipo del MUTEC
En MUTEC cuenta con un logotipo y con cierta planeación de
imagen institucional sin embargo, según expresaron los propios
directivos, no se cuenta aun con un Manual de Imagen.
Actualmente tienen algunos documentos que respaldan los
números de Pantone y la reproducción del logo pero no cuentan
con un manual formal.
b. Colores institucionales.
Coloresinstitucionales y hexadecimales
de combianción.

PMS 5473 C
#20606A

#CDD1BA

PMS 557 C
#A8C6BE

#7DAB9F

#C1CFC8

Los colores institucionales del Mutec son dos tonos de verde
aqua; el pantone PMS 5473 C y PMS 557 C. En el diseño del
sitio adicionalmente se utilizarán otros tonos de color con los
que se combinarán los institucionales. Los únicos tonos de
color que expresamos por elsistema Pantone son los
institucionales. Los colores de combinación se expresan sólo
en su clave hexadecimal.

#ECECE6

c. Tipografía utilizada por el sitio.
#7CFD7E8
#E4E5DB

Tipografía del Logo

#C5CECE

La tipografía utilizada en la imagen del MUTEC es “Serene”,
la cual será utilizada en el diseño del sitio sólo en el caso de
la representación del logo. Como tipografía auxiliar seutilizará
el tipo “Frutiger” en su versión normal. Se ha escogido esta
tipografía porque, al igual que “Serene”, es de tipo san serif.
De muy buena legibilidad. Que puede ser bien vista en pantalla.
También serán aceptadas las familias tipográficas “Tahoma” y
“Arial” pero sólo para el diseño del contenido de las salas.

Frutiger.

ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcedfghijklmnñopqrstuvwxyz1234567890’¿!”#$%&/()=?¡;:*+
84

UDLA / Maestría en Diseño de Información / E-MUTEC / Febrero 2003 / Luis Arturo Domínguez Brito

d. Estructura gráfica.
El sitio cuenta con una retícula diseñada para un monitor de
800 por 600 pixeles. El espacio de la pantalla ha sido dividida
en tres columnas con un margen equivalente para todos los
lados del canvas excepto el superior donde se colocará...