TALLER

DISEO DE ELEMENTOS WEB

LICEO ALBERTO HURTADO C.
SAN FRANCISCO DE MOSTAZAL

REALIZADO POR
JAVIERA GHERSI
ANIBAL DAZ
NICOLS MATELUNA

LINK: www.liceoalbertohurtado.site50.net/oficial
1

INDICE
HISTORIA

Identificacin

................................................................................................................. 5

Fundamentacin

................................................................................................................. 6

Visin y misin

................................................................................................................. 7

Niveles de educacin

................................................................................................................. 8

Perfiles

................................................................................................................. 9

Anlisis externo

.................................................................................................................10

Amenazas y oportunidades

.................................................................................................................11

Dimensin pedaggica

.................................................................................................................13

Dimensin administrativa financiera .................................................................................................................15

Proyectos de integracin

.................................................................................................................16

Especialidad - Infraestructura

.................................................................................................................17

PERSONAS

21

Encontrar los usuarios

.................................................................................................................22

Construir la hiptesis

.................................................................................................................23

Verificaciones

.................................................................................................................24

Encontrar patrones

.................................................................................................................25

Construir personas

.................................................................................................................26

Definir situaciones

.................................................................................................................29

Validar y aprobar

.................................................................................................................30
2

INDICE
Divulgar conocimiento

.................................................................................................................31

Crear escenarios

.................................................................................................................32

Desarrollo en curso

.................................................................................................................33

Plano estratgico

.................................................................................................................37

Plano de la accin

.................................................................................................................38

Diseo visual

.................................................................................................................40

Colores y tipografa

.................................................................................................................42

Recursos grficos

.................................................................................................................43

rbol de navegacin

.................................................................................................................44

PROPUESTA LOGOTIPO

34

45

WIREFRAME MOCKUP

HISTORIA
LICEO ALBERTO HURTADO C.
SAN FRANCISCO DE MOSTAZAL
4

IDENTIFICACIN

LICEO ALBERTO HURTADO C.

SAN FRANCISCO DE MOSTAZAL

NOMBRE: Liceo Municipal Polivalente ALBERTO HURTADO

R.B.D: 2222-5
Fecha de Creacin: 09 Marzo ao 1974
Sostenedor: Sergio Medel A.
Representacin legal: Christian Delso Seplveda
Profesin: Profesor de Historia
Telfono: 072-2491492
E-mail: albhurt@yahoo.com
Rector: Luis Arturo Orellana
Profesin: Profesor de Historia y Geografa
Telfono: 97994871
E-mail: laorellana@yahoo.com
Comuna: MOSTAZAL
Provincia: CACHAPOAL
Regin: SEXTA
Pas: CHILE

FUNDAMENTACIN

LICEO ALBERTO HURTADO C.

SAN FRANCISCO DE MOSTAZAL

El adolescente es un ser humano. El proceso de socializacin ms efectivo y mas fuerte es sin duda, el proceso educativo, ya que
ste es un proceso sistemtico.La reforma educacional, es necesaria y a la vez urgente, especialmente para la educacin media,
ste tipo de reforma viene a hacerce cargo de un gran paradigma lo nico permanente es el cambio. En nuestros tiempos los
cambios se producen ms rpido, en fraccin de horas o minutos. Es para esta realidad para la cul debe formar y educar a la
nueva generacin de alumnos,sin embargo, debe hacerce desde la perspectiva de los valores de nuestra cultura occidental y de
la particular de la nacin chilena. para ello se requiere un liderazgo profesional, fuerte, capaz, flexible y preparado para estar
preparado y consciente de la enorme tarea por hacer.
En el Liceo Municipal Alberto Hurtado se distinguen en al menos cuatro grandes etapas desde su fundacin, las que se
consideran al momento de planificar el futuro. Las etapas son las siguientes:
La etapa de fundacin
(1974-1979)

La etapa de transicin
(1980-1986)

Perodo de reorganizacin
(1987-2007)

Perodo de desafos
(2008-2018)

Este fue el perodo en el cul el

establecimiento se presenta
tmidamente cmo una opcin
educativa en la comuna;
Ganndose un espacio en
atencin a sus resultados.

Es trasladado por conflicto de

allegado a la Escuela Gabriela
Mistral, el colegio entra en una
etapa de criss por profesores,
infraestructura y problemas de
imagen corporativa.

Durante este perodo el colegio

obtiene al fin su propia
Infraestructura, comienza el
perodo de matrcula. Consigue
crear una carrera Tcnico
profesional, mecnica agrcola
y luego mecnica industrial, un
intercambio internacional con
3 comunas brasileas, sufre
una gran rotativa de personal
y su poblacin muy deprivada
econmica y culturalmente, no
permite resultados destacados.

Durante este perodo la

rectora y el equipo de gestin
se comprometen por escrito a
comenzar a elevar los niveles
de rendimiento, de
participacin de la comunidad
escolar, la creacin de una
segunda carrera Tcnica enfermeria, la mejora en los
resultados SIMCE y PSU. Se
consigue la excelencia
acadmica y se concreta una
gran cantidad de inversin
externa al plantel.

VISIN Y MISIN

LICEO ALBERTO HURTADO C.

SAN FRANCISCO DE MOSTAZAL

VISIN

MISIN

El Liceo Municipal Alberto Hurtado de la Comuna de Mostazal,

aspira a ser considerado por la comunidad provincial como
centro escolar de formacin secundaria integradora y de
calidad, dnde participe y se integre la comunidad en s.

Formar personas autnomas capaces de adaptarse a un

mundo en permanente cambio.

NIVELES DE EDUCACIN
LICEO ALBERTO HURTADO C.
SAN FRANCISCO DE MOSTAZAL

Educacin Media de Humanstico Cientfico:

1 Nivel: 1 y 2 Medio: Decreto 1358/2011
2 Nivel: 3 Medio: Decreto: 1358 /2011
3Nivel: 4Medio: Decreto 1358/2011

Educacin Media Tcnico Profesional rea Industrial:

Resolucin N 1804
2 Nivel: 3 y 4Medio

Educacin Media Tcnico Profesional rea Salud: Tcnico en Enfermera:

Resolucin N1804
2Nivel: 3 y 4 Medio

Educacin Media Vespertina:

Decreto N 1000
1 ciclo: 1 y 2 Medio
2ciclo: 3 y 4 Medio
Planes y Programas de Estudio, Educacin Media
Decreto Supremo de Educacin N 1358/2011(1 a 4 MEDIO)
Matricula total ao 2014: 519 Estudiantes.
9

PERFILES

LICEO ALBERTO HURTADO C.

SAN FRANCISCO DE MOSTAZAL

Los perfiles dentro del mbito escolar son muy importantes, ya que, la comunidad en s puede entender como funcionara el
colegio, la clase de personas que trabaja en dicho lugar y como debe comportarse la comunidad escolar ms el plantel
estudiantil, dentro del siguiente cuadro podemos apreciar lo requerido.

DOCENTES
- Proactivo
- Responsable
- Comprometido
- Leal
- Solidario
- Emptico
- tico
- Profesional
- Idneo
- Innovador
- Respetuoso
- Eficiente
- Tolerante
- Afectuoso
- Optimista
- Auto-Exigente
- Puntual

ESTUDIANTES

ASISTENTES DE
LA EDUCACIN
- Responsable
- Proactivo
- Respetuoso
- Comprometido
- Leal
- Eficiente
- Prudente
- Cooperador
- Solidario
- Optimista
- Creativo
- Con disposicin
- Tolerante
- Puntual

-Respetuoso de sus pares,

profesores, entorno social,
natural y cultural
- Proactivo
- Solidario
- Responsable de su trabajo y
actos
- Crtico
- Reflexivos referente a su
quehacer y actuar
- Optimista
- Participativo
- Comprometido
- Ecolgico
- Disciplinado
- Tolerante
- Puntuales en el desarrollo de
labores escolares y laborales

10

APODERADOS
- Responsable
- Comprometido
- Cooperador
- Respetuoso
- Proactivo
- Participativo
- Leal
- Prudente
- Optimista
- Comprensivo
- Orientador
- Solidario
- Tolerante

ANLISIS EXTERNO

LICEO ALBERTO HURTADO C.

SAN FRANCISCO DE MOSTAZAL

Dentro de el plantel escolar existen distintos tipos de oportunidades y a la vez de amenazas, estas diferencias ocurren por el
entorno donde se encuentra el establecimiento educacional, a continuacin presentaremos las distintas oportunidades y amenazas.

OPORTUNIDADES

AMENAZAS

- Enseanza media y de adultos.

- Aumento de trfico y consumo de drogas y alcohol en la

poblacin adolescente y preadolescente.

- Ubicacin Geografca del establecimiento.

- Falta de mano de obra calificada y alumnos con

enseanza media incompleta.

- Fcil acceso de locomocin.

- Existencia de gran cantidad de Empresas en la Comuna.

- 80% de la poblacin escolar con un alto nivel de

vulnerabilidad social.

- Mercado laboral con alta demanda.

- Alto porcentaje de madres jefas de hogar.

- Falta de atencin mdica para emergencias de alta
complejidad.
- Presencia de alumnos con libertad vigilada.

11

AMENAZAS
Y
OPORTUNIDADES

12

DIMENSIN PEDAGGICA
LICEO ALBERTO HURTADO C.
SAN FRANCISCO DE MOSTAZAL

El colegio est conformado por un equipo directivo, los que

se renen semanalmente para coordinar y planificar las
actividades realizadas en el establecimiento. Las reuniones
son trimestrales, teniendo un carcter informativo, consultivo
y propositivo.

El gran desafo permanente del establecimiento por una

educacin de calidad, sustentada en una formacin valrica
en base a una estructura emanada del MINEDUC, la misin y
la visin del colegio.
El currculo se basa en el decreto que aprueba los planes y
programas de estudio de cada nivel.

El trabajo pedaggico se llevar a cabo, al menos una vez al

mes, cabe hacer notar que el proyecto educativo del Liceo
Alberto Hurtado C., estar potenciado por el P.M.E.
financiado por el Ministerio de Educacin.

Los programas de estudio sern analizados por los docentes

de los diferentes niveles y asignatura para su apropiacin.
La jefatura de curso son coordinadas por orientacin con
reunin mensual de trabajo colaborativo.
Las planificaciones de las clases se harn a travs de un
diseo clase a clase.
La confeccin de los horarios en base a criterios pedaggicos,
siendo evaluados semestralmente.
En lo pedaggico se utilizar el mtodo constructivista y
cognitivo y el aprender haciendo.

13

14

DIMENSIN ADMINISTRATIVA FINANCIERA

LICEO ALBERTO HURTADO C.
SAN FRANCISCO DE MOSTAZAL

El colegio tiene autonoma en la

gestin de sus recursos propios y
tambin de aquellos recursos
traspasados, en atencin a que
cuenta con facultades delegadas.
La organizacin y distribucin de
horarios, tiempos y espacios se
harn con criterio tcnico
pedaggico.La inversin de
mantencin y equipamiento se har
a travs de listados de necesidades
priorizadas, tanto como por rectora,
equipo de gestin y consejo escolar,
las que sern de responsabilidad
alguna del sostenedor por va de
subvencin, de mantencin y otras
con recursos propios aportados por
la comunidad escolar.

15

PROYECTOS DE INTEGRACIN
LICEO ALBERTO HURTADO C.
SAN FRANCISCO DE MOSTAZAL

INTERCAMBIO INTERNACIONAL

PROPEDUTICO

Intercambio internacional con la comuna de Btia, Rio Grande

do Sur de Brasil.

El proyecto Propedutico UNESCO est dirigido a los alumnos

de cuarto medio que hayan obtenido un promedio entre 1 medio y 3 medio perteneciente al 10% de mejor rendimiento de
cada curso. Este proyecto se realiza durante 3-4 meses, los das
Sbado, en las dependencias de Bachillerato, con profesores de
la Universidad de Santiago y de Fundacin EQUITAS.

INTERCAMBIO INTERNACIONAL
16

ESPECIALIDAD-INFRAESTRUCTURA
LICEO ALBERTO HURTADO C.
SAN FRANCISCO DE MOSTAZAL

ESPECIALIDADES

INFRAESTRUCTURA

El Liceo Alberto Hurtado C. cuenta con tres especialidades

diferentes
Cientfico humanista y Tcnico profesional, con las especialidades de mcanica industrial y tcnico en enfermeria, adems de
ofrecer educacin de adultos en modalidad vespertina.

Dentro del Establecimiento educacional se ofrece la mejor

infraestructura posible, con laboratorio de computacin, taller
mecnico y taller de enfermera con todos los implementos
necesarios para el aprendizaje de ambas disciplinas.

La especialidad de mcanica industrial aplica el proyecto dual,

que consiste en que sus alumnos reciben su formacin tcnica
en aproximadamente treinta empresas de la regin, en las que
destaca Codelco Chile divisin El Teniente, y que te habilita
para desarrollar tareas en diferentes reas del sector metal
mecnico, adems de la especialidad de tcnico en enfermera
que entrega herramientas necesarias para el desempeo laboral en el rea de salud.

17

18

19

20

PERSONAS
21

ENCONTRAR LOS USUARIOS

QUINES SON LOS USUARIOS?
-Los usuarios encontrados dentro
de la comunidad son tres: alumnos,
profesores, padres/apoderados.

CUNTOS USUARIOS HAY?

-Con datos obtenidos del estableciemiento, podemos aproximar a dos
mil usuarios activos dentro de la
comunidad.

22

CONSTRUIR LA HIPTESIS
CULES SON LAS DIFERENCIAS
ENTRE LOS USUARIOS?
-Los usuarios encontrados tienen
muchas diferencias, ya qu, son muy
variados.
Los personajes fueron agrupados en:

-PROFESORES: Profesionales activos

del colegio
-ALUMNOS: Alumnos activos del
colegio, ms los futuros postulantes
-APODERADOS: Padres activos del
establecimiento, ms los futuros
apoderados

23

VERIFICACIONES
-PROFESORES: Ms que nada el
ingreso de ste grupo se debe al
saber los nuevos cambios del
colegio en si, su rea de trabajo
se basa en el aula u otro lugar del
establecimiento, condiciones
laborales ptimas.

-ALUMNOS: Alumnos activos del

colegio,y postulantes, la necesidad
bsica de este grupo es encontrar lo
que ofrece el colegio en sus
distintas reas y como se conforma.
El rea de trabajo de ellos es bien
complejo, ya qu, uno de los
escenarios es el Liceo y otro es el
campo, ya qu muchos alumnos
trabajan por temporada.
-APODERADOS: Padres activos del
establecimiento, ms los futuros
apoderados, la necesidad que
encontramos ac fue que ellos
quieren obtener una informacin
clara para decidir un futuro colegio
para sus hijos ms los beneficios
que otorga dicho establecimiento. El rea de trabajo tambin es
variable ya qu va desde duea/o
de casa,temporero hasta dueo de
almacn o negocio propio.
24

ENCONTRAR PATRONES
SE CUMPLEN LAS PRIMERAS
AGRUPACIONES?
-Las primeras agrupaciones se
cumplen a la perfeccin, los grupos
estn armados y estudiados.

HAY QU CONSIDERAR OTROS

GRUPOS?
-Los tres grupos encontrados son los
justos y necesarios, ya qu al
empezar tenamos en mente
cinco grupos diferentes de los cules
descartamos dos, no es necesario
considerar otros grupos, sera
innecesario.
TODOS LOS GRUPOS SON
IMPORTANTES POR IGUAL?
-Los dos grupos ms importante son
el de los alumnos y el de
apoderados, ya qu el gran beneficio
de la pgina web sera para la
comunidad escolar, los profesores
y administrativos pasan a estar en
segundo plano.

25

CONSTRUIR PERSONAS
Dentro de los grupos definimos
personas que sern representadas
a continuacin a travs de un carnet
de indentidad.

26

27

28

DEFINIR SITUACIONES
CULES SON LAS NECESIDADES DE
ESTA PERSONA?
-Las necesidades de estas personas
son las siguientes:
-Obtener informacin sntetizada
acerca del establecimiento
-Apoyo visual para reforzar lo ledo.
-Sentirse cmodos al ingresar a la
pgina.
-Qu la pgina cargue rpido ya qu
la velocidad de internet en la comuna es bsica

CULES SON LAS SITUACIONES?

-Las situaciones que nos tuvimos que
plantear son las siguientes:
-Internet de baja velocidad dentro de
los hogares y colegio.
-orden jerarquizado y sntetizado
para mejor comprensin por parte
de la comunidad.

29

VALIDAR Y APROBAR
Llegamos a la conclusin de qu
estabamos acercandonos a nuestro
objetivo cuando pedimos opinin a
la comunidad escolar y los
profesores de el Liceo Politcnico
a-120 de Talagante.

Al presentarles a nuestras
personas encontrarn que
estabamos en lo correcto y qu lo
que definimos se acercaba mucho a
lo vivido en su comunidad.
Pudimos obtener esa informacin
mediante la comparacin de el Liceo
de Talagante con el Liceo Alberto
Hurtado de Mostazal.

30

DIVULGAR CONOCIMIENTO
El Liceo pudo obtener informacin
acerca de su comunidad mediante
la muestra de talleres que realiza el
establecimiento para su
Comunidad, otra forma de saber
quienes los acompaan fue en los
desfiles de las fiestas patrias dnde
conocieron a la mayor parte de su
entorno social.

Los convenios del colegio acercaron

a ms personas, pero la persona
segua cumpliendo un mismo
modelo.

31

CREAR ESCENARIOS
El escenario qu creamos fue el
siguiente:

- Juan Prez es un individuo comn

de la comuna de Mostazal, al saber
que su hijo Diego Prez egresar de
octavo de una escuela municipal,
tiene que buscar una opcin para
su enseanza media dentro de los
pocos Liceo con los que cuenta su
comuna, todos los liceo comunales
cuentan con visitas para el pblico,
mientras que el Liceo Alberto
Hurtado cuenta con pgina web
dnde esta toda la informacin
clave, dsde un contacto hasta el
taller extraprogramtico ms
nuevo, la ventaja de ste sitio es que
es liviano y sus componentes no
necesitan una velocidad de internet
tan masiva para funcionar
correctamente.

32

DESARROLLO EN CURSO
ESTA NUEVA INFORMACIN
ALTERA LAS PERSONAS?

10

-Los usuarios sguen siendo los

mismos, la informacin obtenida no
altera a las personas, al contrario las
refuerza mucho ms.

33

PROPUESTA
LOGOTIPO
34

Tuvimos el honor y la chance de

poder modificar el logotipo del establecimiento, proponemos ste logotipo como forma de cambio, desde
el inicio del Liceo todos sus insignias
fueron de forma de
escudo, hoy nosotros decidimos
probar con un crculo que une mucho
mejor los elementos y los integra
mucho mejor, el cambio del color
gris a un amarillo mostaza es simplemente por la pintura de la infraestructura del liceo, y que sentimos
que lo representa mucho mejor.

35

15

36

PLANO ESTRATGICO

Qu queremos que logre el producto?

no manejan el rea tecnologco y muchos no cuentan con conexin a internet

Qu quieren lograr los usuarios al usar el

producto?

Usuarios: el usuario es conocido pero muy variado, ya que el

pblico objetivo varia en edades, dentro del rango tomado
para las edades tenemos un sujeto hombre/mujer de los 14
aos hasta los 60 aos de edad.actividad psicolgica variada,demografa variada.

- Con el producto queremos dar a conocer a los usuarios las

distintas informaciones del colegio separada por seccin.

-Lo estudiado por nosotros nos hizo dar cuenta qu lo que

necesitan los usuarios es la informacin precisa acerca del
liceo, separando por home, especialidades, contacto, etc...

Cules son los objetivos estratgico de la

organizacin?

-Los objetivos estratgicos de la organizacin estn basados

en conformar distintos grupos de informacin, ya sea, generar
distintas categoras para generar un men selectivo donde el
usuario pueda elegir como quiere empezar a conocer el
producto,no obstante, esta la idea de generar en la pgina
principal la idea sintetizada de el liceo ,los objetivos
estratgicos de la informacin estn explicados dentro de un
plano estratgico simple pero compuesto de los grados
necesario de informacin ms una jerarquizacin de ideas y de
contenidos para mayor facilidad para el usuario.

Qu pasa si dos necesidades chocan?

-Una opcin es quizs darle ms importancia a un pblico

objetivo ya sea hacer un estudio mas a fondo y crear algo para
un pblico desde los 28 a 50 aos donde son los que mas
frecuentan la pgina. Necesitamos disear para que el pblico
se sienta comodo y poder atraer a nuevos alumnos al
establecimiento
-O una opcin que en opinin personal encuentro es mas
correcta es crear una experiencia Ms familiar y unir a la
comunidad de Mostazal e integrarlos a una familia
educativa,-darle un nfasis a la informacin y hacer mas
familiar y dar confianza a travs de Lo entregado al pblico.

NECESIDADES DEL USUARIO

Dificultades: la mayor dificultad encontrada es la navegacin

de los adultos mayores ya que por efecto de su edad y el poco
manejo de nuevas tecnologas podra ser de casi imposible a
imposible de entender la pgina tratada y la informacin
Sintetizada. otra dificultad vista es el manejo de los padres/
apoderados, ya qu dentro de la comunidad hay algunos que
37

PLANO DE LA ACCIN
PLANO DE LA ACCIN

Especificaciones Funcionales
-Las especificaciones funcionales de la pgina deben ser
sencillas, requiere de unos pocos clics para acceder a la
informacin,tenemos distintos puntos tratados ya que
podemos ingresar desde el navegador para acceder a cada
funcin,tenemos un nmero de contacto para las consultas
debidas,tenemos interaccin con una galera de imgenes y
tambin con un mapa de Google para saber la ubicacin
especfica del Liceo.
Requerimientos de Contenido
- Los contenidos estn basados en talleres,servicios,
especialidades,convenios,contactos,perfiles.

DEFINIR REQUERIMIENTOS
-Lo que se construir es un sitio web para dar a conocer el
servicio estratgico que ofreceremos a un pblico variado y los
beneficios del liceo tratado para ser explicado de forma clara y
qu para el usuario sea claro y preciso. Dentro del tiempo
propuesto para este proyecto tenemos:
1 semana: Estudio de mercado y del usuario dndolo a conocer y segmentarlo para luego decidir si el producto ser enfocado en un pblico objetivo o los reuniremosa todos y
crearemos una experiencia para un pblico objetivo masivo.
2 semana: disear el plano estratgico y definir la informacin
que se encontrara dentro de la pgina web, ya sea, separando

por home, contacto, perfiles, etc...

3 semana:diseo de wireframes para dar paso al diseo de
mockups y corregir los ltimos errores de diseo (diferentes
propuestas grficas).
4 y 5 semana: prototipado de pginas, resolver los procesos
de interaccin con el usuario y hacer una prueba beta del sitio
para dar paso al cargado a la red.
No construiremos una pgina que tengas que llenar formularios
o qu despues de 6 clics encuentres lo que queras, al contrario,
la pgina esta lo mas sintetizada posible para el mejor manejo
del usuario promedio.dentro del estudio encontramos la falta
de conocimiento de las nuevas tecnologas, de ese mismo modo
decidimos no hacer una pgina responsiva.
Por qu estamos construyendo este sitio.
Para informar,para llamar la atencin, para acercar a la gente,
para darle la confianza que falta a veces y poder mantenerlos
informados acerca de como se trabaja y como se convive dentro
del Liceo.
Qu vamos a construir.
una pgina web informativa y didctica.que sea atractiva visualmente como lo es informativa.
Deben permitir adaptarse a cambios o variaciones del contexto. Al pasar el tiempo X la pgina se tiene que ir adaptando a la
nueva informacin que obtendremos de las diferentes noticias,
como tambin la interfaz de dicha pgina. los intereses de los
38

usuarios irn cambiando a travs de que reciban la informacin de youtube para luego ser colocados en la pgina web. Aparte
y buscarn informacin fresca, la pgina se tendra que ir
de tener un video que ser cargado al hosting, como opinin
limpiando ya sea por semana, meses, ao.
grupal, decidimos que fuera as por que es el video ms
importante
Describir la solucin al problema, no el problema en s.
-uno de los problemas que quizas se genere es la falla de la
La ltima idea es fundamental es decidir si el material queda
carga de los videos y/o imagenes (puede ser por conexin
en red o se elimina,en opinin personal deberia eliminarse ya
lenta de internet,problemas de compatibilidad del navegador
que las noticias van cambiando y se necesitar mas espacio en
o problemas de carga del servidor). la solucin que tenemos
el hosting para la carga de archivos.
es generar una prueba beta antes de cargar el sitio donde un
grupo de 7 a 10 usuarios navegaran y descubriran los errores.
Describir cmo funciona cada caracterstica.
la funcin de caractersticas es simple ya que no cuenta con
una interfaz de creacin de perfil, solo con unos clicks podrn
llegar a la informacin.
Evitar ambigedades que permitan diferentes
interpretaciones.
Los requerimientos deben ser comprobables.
ESPECIFICACIONES DE CONTENIDO
Texto:sintetizado,informacin clara de los diferentes niveles.
Vdeos: los videos con los que contara sern lo de los
profesionales dando su visin del Liceo y las distintas reas
donde trabajan.
Imgenes: sliders que cuenten con imgenes referente a la
infraestructura escolar, ms sus diferentes talleres para darle
ms enfass a lo que luego ser ledo.
Links: los link sern los de los videos, sern redireccionados
39

40

LOOK & FEEL

Casi todas las experiencias que
vivimos nos llegan por medio de
los 5 sentidos.
el diseo visual Es procurar un
tratamiento grfico consistente y
atractivo alos diferentes elementos
de la interfaz.
Comunicar la identidad de una
marca es un objetivo estratgico de
cualquier sitio web.

DISEO VISUAL
PROBLEMA

ACCE
SIBILIDAD

AUDITIVA

41

COGNITIVA

HABLA

ADULTO
MAYOR

VISUAL

La tipografa escogida es una

helvetica neue, trabajada en su
mxima expresin.

COLORES Y TIPOGRAFA

Los colores escogidos tienen un

razonamiento logco, es sencillo
ocupamos colores complementarios
ms el negro para las tipografas.

#000000

#1BBC9B
42

#902829

Utilizamos distintos tipos de

Recursos grficos, desde vectores,
imgenes, vdeos, link de apoyo.

RECURSOS GRFICOS

El beneficio que obtuvimos fue

increble, ya qu, nos ayudo a entender ms la sntesis de la informacin,
los usuarios entendan a la brevedad
lo que les estbamos entregando
con nuestros apoyos grficos.

43

RBOL DE NAVEGACIN

LICEO ALBERTO HURTADO C.

SAN FRANCISCO DE MOSTAZAL

HOME

PERFILES

ESPECIALIDADES

Misin
Visin
Educacin

Profesores
Alumnos
Apoderados

Mecnica
Tcnico en Enfermera
Cientfico - Humanista

44

CONVENIOS

TALLERES

CONTACTO

Intercambios
Propedutico

Deportes
Ecologa
Artes
Msica

Mapa
Telfonos
E - mail

WIREFRAME
MOCKUP
45

46

47

48

49

50

51

52