ACTIVIDAD DISEO WEB

Objetivo de la Actividad:
Elaborar los lineamientos bsicos para Disear un sitio Web.
Actividades y Pauta de Trabajo
1. Definir:
a. Visin
b. Misin
c. Valores
d. Objetivos
. Definir un servicio o producto sobre el cual crear un sitio Web
!. Elaborar el o los objetivos del "itio Web a disear #$ublicitar% ofrecer% vender% etc.&
'. (rear un mapa del sitio )ue contemple a lo menos las si*uientes secciones:
a. $a*ina +nicial o ,ome
b. -uienes "omos
c. Objetivo del "itio
d. Descripcin .eneral
e. "ecciones
f. $*ina de contacto
*. Otros Datos de +nter/s
Pauta Cotejo Usabilidad
Coce!tos de Usabilidad
Cu"!le
S# $o
Idetidad Cor!orativa
1. 01a portada del "itio refleja la identidad 2 pertenencia de la institucin3
.
0E4isten elementos de la ima*en corporativa del .obierno en la $ortada de su "itio3 0"e
repiten en todas las p*inas3
!.
0El lo*otipo del .obierno 5a sido incluido en un lu*ar importante en la $ortada 2 en las
p*inas interiores del "itio3
'.
06odas las p*inas cuentan con un t7tulo )ue indi)ue el nombre de la institucin e
informacin de contactos virtuales 2 f7sicos al pie de la p*ina3
Utilidad del Sitio Web
1.
0El "itio ofrece informacin sobre las actividades 2 servicios ms recientes e importantes
)ue est llevando a cabo la institucin3
.
01os usuarios pueden encontrar fcilmente en la portada la informacin acerca de las
actividades 2 servicios ms importantes de la institucin3
$ave%aci&
1. 0El diseo del "itio es eficiente% rpido e intuitivo3
. 08parece el men9 de nave*acin en un lu*ar destacado3 0"e ve fcilmente3
!. 0Verific la consistencia de todos los enlaces3
'. 0El "itio cuenta con un mapa o buscador )ue facilite el acceso directo a los contenidos3
:. 0El "itio mantiene una nave*acin consistente 2 co5erente en todas las pantallas3
Visibilidad del estado del siste"a
1. 0"e informa al usuario claramente el rea del "itio )ue est visitando3
. 0El "itio Web diferencia entre enlaces visitados 2 enlaces por visitar3
!.
En caso de servicios o trmites en l7nea% 0ofrece informacin de cuntos pasos faltan para
terminar3
Cosistecia y cu"!li"ieto de est'dares
1. 0El ,6M1 del "itio 5a sido validado satisfactoriamente se*9n ;!c.or*3
. 0El o los arc5ivos de ,ojas de estilo #(""& 5an sido aprobados se*9n ;!c.or*3
!. 0(omprob la consistencia de 1in<s usando el verificador de ;!c.or*3
Ateci& de errores
1. 0=sa >avascript para validar formularios durante su llenado 2 antes de enviarlos3
. 0=sa elementos destacados para indicar los campos obli*atorios dentro de un formulario3
!.
0Despu/s de )ue ocurre un error% es fcil volver a la p*ina donde se encontraba antes
)ue se produjese o entre*a recomendaciones de los pasos a se*uir3
Est(tica y dise)o
1. 0=sa jerar)u7as visuales para determinar lo importante con una sola mirada3
. 01as im*enes tienen tamaos adecuados )ue no dificultan el acceso a las p*inas3
!. 01as im*enes tienen eti)ueta 816 en el cdi*o ,6M1 para facilitar la nave*acin3
Ayuda ate errores
1.
En caso de errores de consistencia dentro del sitio% 0se ofrece un mensaje de
personali?ado mediante una p*ina e4plicativa3% #$or ejemplo: Error '@' para p*ina
ine4istente&
.
0Entre*a informacin de contacto fuera de +nternet3 #$or ejemplo: tel/fono institucional%
fono A@@% mesa de a2uda% O+B"&
Coce!tos de Usabilidad
Cu"!le
S# $o
!. 0Ofrece rea de $re*untas Crecuentes con datos de a2uda a usuarios3
. 0Ofrece p*inas de a2uda )ue e4plican cmo usar el "itio3
*etroali"etaci& +,eedbac-.
1.
0$uede el usuario ponerse en contacto con el encar*ado del "itio Web para 5acer
su*erencias o comentarios3
. 0Cuncionan correctamente los formularios de contacto3% 0,a probado cada uno de ellos3
!. 0,a2 al*uien encar*ado de recibir 2 contestar estos mensajes3

Elaces de Iter(s:
Validaci& CSS
5ttp:DDji*sa;.;!.or*DcssEvalidatorD
Validaci& Elaces +/i-.
5ttp:DDvalidator.;!.or*Dc5ec<lin<
Validaci& !ara 0&viles
5ttp:DDvalidator.;!.or*DmobileD
Validaci& 1T0/
5ttp:DDvalidator.;!.or*D
Pauta Cotejo Accesibilidad
Coce!tos de Accesibilidad
Cu"!le
S# $o
1
0"e proporciona un te4to e)uivalente para todo elemento no te4tual% tales como
im*enes% para e4plicar su contenido a discapacitados visuales3
01a informacin transmitida a trav/s de los colores tambi/n est disponible sin color3
!
0El documento est estructurado para )ue pueda ser le7do con o sin una 5oja de estilo%
utili?ando adecuadamente los ta*s de ,6M13
'
0El documento est escrito en un len*uaje adecuado 2 se deja claro cuando se cambia de
idioma3
:
01as tablas se utili?an para presentar informacin 2 no para dia*ramar el contenido del
"itio Web3
A
01as p*inas )ue utili?an nuevas tecnolo*7as si*uen funcionando cuando dic5a
tecnolo*7a no est presente #por ejemplo% los plu*Eins de Clas5&3
F
0Es posible controlar los objetos o las p*inas )ue se actuali?an o se cambian
automticamente% permitiendo incluso *enerar pausas para su revisin3
G
0"e ase*ura la accesibilidad de los elementos de la p*ina )ue ten*an sus propias
interfaces3 #$or ejemplo para el uso de $ortlets&
H
0"e permite al usuario activar elementos de las p*inas% usando cual)uier dispositivo
como el mouse o el teclado 2 no slo uno en particular3
1@
0"e ofrecen soluciones transitorias )ue permiten a usuarios con bro;sers anti*uos%
acceder a contenidos )ue 5an sido creados en nuevas tecnolo*7as3
11 0"e usan las tecnolo*7as 2 *u7as de trabajo *eneradas por la W!(3
1
0"e ofrece a2uda 2 orientacin a los usuarios para entender p*inas o elementos
complejos dentro de ellas3 #$or ejemplo: mapas 2 *rficos&
1 0"e ofrecen elementos de nave*acin claros3
1'
0"e ase*ura )ue los documentos )ue se ofrecen a trav/s del "itio son simples% claros 2
pueden ser fcilmente entendidos3
Pauta Cotejo Ide2aci&
Coce!tos de Ide2aci& e Buscadores
Cu"!le
S# $o
1
6odos los nuevos documentos )ue se a*re*an al "itio Web 0inclu2en los campos de
Metadata adecuados3

(uando un usuario accede al "itio mediante un 1in< ofrecido en un buscador 2 esta

p*ina 2a no e4iste% 0se ofrece un mensaje personali?ado )ue le permita encontrarla en
su nueva ubicacin o le ofre?ca un contenido alternativo3
!
06iene definido el te4to )ue aparece en el ta* ,6M1 ItitleJ para indicar el Kombre del
"itio o de la +nstitucin3
' 0El "itio ofrece un contenido adecuado para el ta* ,6M1 ME68 K8MELMdescriptionM3
: 0El "itio ofrece un contenido adecuado para el ta* ,6M1 ME68 K8MELM<e2;ordsM3
A
0El "itio ofrece un te4to adecuado en el te4to )ue aparece en el ME68 ta*
K8MELMrobotsM3
F
0El "itio cuenta con un arc5ivo de te4to Bobots.t4t para los directorios )ue no se desea
inde4ar3
G 0El "itio est inde4ado en el directorio DMON.or*3
H 0El "itio est inde4ado en los buscadores .oo*le 2 8ltavista3
1@ 0,a definido como tarea permanente la de revisar la presencia del "itio en Ouscadores3
11
0,a definido como tarea permanente la reali?acin de alian?as e intercambio de enlaces
con otros "itios de instituciones del "ector $9blico3
1
0Bevisa peridicamente el 1O. #bitcora& del "itio para identificar las palabras ms
utili?adas por los usuarios para acceder a su "itio3