El documento describe un sitio web de la Unidad Operativa de Control de Tránsito (UOCT) y propone mejoras al diseño. Actualmente el sitio presenta problemas como información no accesible, links rotos, falta de jerarquización y coherencia visual. Mejorar el diseño con CSS y definir claramente las secciones permitiría aprovechar mejor la información sobre el tránsito en Santiago.
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
Estudio y Mejorías www.uoct.cl
1. Estudio y Mejorías de un Sitio Web
www.uoct.cl
Javier Muñoz Tavolari
Lenguaje Computacional 3
e.[ad]
2. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
¿Qué es la UOCT?
Javier Muñoz Tavolari
munoztavolari@gmail.com
3. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
¿Qué es la UOCT?
La Unidad Operativa de Control de Tránsito (UOCT) es un
organismo técnico dependiente del Ministerio de Transportes y
Telecomunicaciones, cuya principal función es la administración y
operación del sistema de control de tránsito de Santiago.
Este sistema centralizado permite coordinar, supervisar y
monitorear remotamente la operación de casi la totalidad de los
semáforos existentes en la ciudad.
Opera permanentemente en tiempo real, segundo a segundo
transmite instrucciones a cada uno de los semáforos y, a su vez,
cada segundo recibe información diversa de cada semáforo.
Para ello, se cuenta con una completa red de comunicaciones
entre cada semáforo y el sistema de control.
Javier Muñoz Tavolari
munoztavolari@gmail.com
4. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
¿Qué es la UOCT?
Misión
Gestionar el tránsito urbano para optimizar la movilidad de los
usuarios que se desplazan en algún medio de transporte dentro
de la vialidad no tarificada en las principales ciudades de Chile.
Visión
Llegar a ser una unidad operativa de control de tránsito con
presencia y competencia en las principales ciudades de nuestro
país, aplicando métodos y herramientas tecnológicas de última
generación para mejorar el desplazamiento de los usuarios, junto
a un equipo técnico altamente motivado, especializado y líder en
la implementación de soluciones en el ámbito del tránsito urbano.
Javier Muñoz Tavolari
munoztavolari@gmail.com
5. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
¿Qué es la UOCT?
Centro de Noticias de Tránsito
Consiste en una página web en la que se publica
permanentemente información actualizada de tránsito, esto es,
calles congestionadas, vías alternativas, semáforos con fallas,
tiempos de viaje entre diferentes puntos, eventuales accidentes u
otros incidentes que afecten la circulación vehicular, desvíos de
tránsito, cierre de calles, así como las imágenes de las cámaras
de televisión refrescadas cada un minuto. También se encuentra
habilitado un número telefónico especial (676-0860), cuyo
objetivo es la recepción y atención de llamadas telefónicas
relacionadas con problemas de tránsito en la ciudad.
Javier Muñoz Tavolari
munoztavolari@gmail.com
6. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Descripción del Sitio
Javier Muñoz Tavolari
munoztavolari@gmail.com
7. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Temas de Interés
Despliega cierta información con respecto a la movilidad del transitar
urbano de santiago, como por ejemplo, vías que durante el día
cambian su sentido.
Menú Principal
A través de un menú desplegable se le entrega al usuario información
que es precisa y conherente con como ésta es denominada.
Santiago
Mapa que divide a Santiago por Sectores y despliega información
de éste y noticias de último minuto. Se puede acceder a la misma
información desde las noticias por sector, en el menú principal.
Camaras en Vivo
Despliega en una ventana nueva las principales cámaras de control
de tránsito de Santiago. Acá se puede ver información fotográfica y
en vídeo.
UOCT Regionales
Primero se exhibe la descripción de cada una de las UOCT
regionales, y luego se puede acceder a la información
correspondiente de la misma manera que el menú anterior.
Noticias de última hora
Presenta información actualizada y distinguida por su fecha, ubicación
y tipo de noticia, representado de manera icónica.
Otros
Acá se entrega más información de utilidad para el usuario, ya sea
noticias de utilidad, links a otros sitios, o sección de contacto.
Javier Muñoz Tavolari
munoztavolari@gmail.com
8. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Título
Nombra lo que aparece a continuación. Mantiene el mismo nombre
por el cual se accede a esta ventana.
Mapa
Representación gráfica de lo que se dice. Diferencia objetos de
muchas formas (colores, números) que no necesariamente se dan a
entender en el contexto escrito.
Información
A veces es en tabla, a veces es en párrafos, Se da antender con
claridad y elocuencia, aunque no se utilizan recursos para destacar
cierto contenido.
Vea También...
Información adicional y aleatoria. Se puede acceder a esto mismo a
través del menú, aunque no existe una ventana donde se despliegue
un listado completo. Aparece en casi todas las ventanas del sitio.
Javier Muñoz Tavolari
munoztavolari@gmail.com
9. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Mapa de Contenidos
Javier Muñoz Tavolari
munoztavolari@gmail.com
10. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Noticias Cámaras Mapas Informativos Acerca de
Noticias por sectores Santiago por sectores Corredores de buses ¿Qué es la UOCT?
Sector Norte Sector Norte Revisión Técnica Misión y Visión
Sector Centro Sector Centro Vías Exclusivas Principales Tareas
Sector Poniente Sector Poniente
Tiempos de Viaje Sist. complementarios
Sector Sur Sector Sur
Vías Reversibles Func. semáforos
Sector Oriente Sector Oriente
Congestión Vehicular Organigrama
Sector SurOriente SectorSur Oriente
Vías Segregadas Proyectos 2009
Buscador de Noticias UOCT Regionales
Uso de Luces Diurnas Atención al Usuario
Antofagasta
Restricción Vehicular
Valparaíso
Concepción
Javier Muñoz Tavolari
munoztavolari@gmail.com
11. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Problemas de Diseño
Javier Muñoz Tavolari
munoztavolari@gmail.com
12. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Presenta la fecha actual ubicada en ningun lugar ligado a
la diagramación del sitio, está como flotando.
Existe información que aparece en el menú pero no se
puede acceder, además existen links que no funcionan.
Demasiadas caracteristicas que buscan definir lo mismo, la
diferencia entre una noticia y otra, mucho diseño.
No se jerarquiza la información. Los botones inferiores
son contenidos en el botón superior, sin emago aparecen
igualmente importantes.
Aparece una información que está en ¿Qué es la UOCT?
No tiene relación estética con nada del sitio, y si debiese
apareces, debería ser parte de los sitios de interés.
Javier Muñoz Tavolari
munoztavolari@gmail.com
13. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Presenta un logotipo que no corresponde ni a la institución
del sitio ni al explorador con que es visto.
Envía ventanas de error las cuales no entregan información
customizada ni amigable, aca no se da una explicación
de por qué la camara no se puede ver.
En ciertas situaciones el diseño del sitio no despliega todo
el contenido que debe, aca sep ierde el logotipo del
Mininisterio.
1280x800px
Algunas ventanas no son coherentes con el diseño total del
sitio, en este caso no aparece la columna izquierda.
Javier Muñoz Tavolari
munoztavolari@gmail.com
14. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
El mismo mapa del inicio, no tiene interacción con lo que
se despliega, no se pueden clafisicar las cámaras por
sector.
Falta una barra de navegación ya que no se puede
acceder a las 66 cámaras disponibles para visualizar.
Otra manera de explicar lo que aparece en el mapa,
tampoco tienen interacción con lo que se despliega y
ciertos colores no corresponden a los del mapa.
Javier Muñoz Tavolari
munoztavolari@gmail.com
15. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Problemas de Diseño
• No esta toda la información debidamente reglada.
• Existe información definida en una categoría, sin embargo no
se puede acceder a toda ésta como un listado.
• Existen varios links rotos.
• Se puede acceder a un hipervínculo que no tiene html
(uoct.cl/uoct/noticias/).
• El buscador de noticias está bien definido y reglado, pero
permite búsquedas que tardarían demasiado tiempo de
respuesta (ej. buscar eventos comprendidos en 10 años).
• No hay links para retroceder entre páginas ni para volver al
tope de una.
• Se presentan 3 formas de contacto -formulario,mail,fono- pero
se anuncia sólo una vcez, y cada una en lugares distintos.
• Sólo hay uso de cascadas de estilo para el menú principal.
• No se ve un diseño coherente en la totalidad del sitio, hay
botones que son mas grandes que otros, existen links con
botones y otros con texto, a veces su diagramación es de a 3
columnas, otras veces de a 2, hay secciones que su ubicación
va variando.
• El espacio de la ventana no se utiliza lógicamente (no se ve
completamente en 800x600px y hay espacio no aprovechado
en 1024x768px)
Javier Muñoz Tavolari
munoztavolari@gmail.com
16. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Por qué mejorar el sitio
Javier Muñoz Tavolari
munoztavolari@gmail.com
17. Estudio y Mejorías de un Sitio Web
Lenguaje Computacional 3
e.[ad]
Por qué mejorar el sitio
• Se puede aprovechar el sitio de mejor manera, extendiendo
las columnas y definiendo claramente la función informativa de
cada una.
• Con CSS se puede mantener un orden más limpio.
• Es necesario evitar los links rotos, o al menos, presentar una
ventana customizada.
• Debe haber un lugar donde se puedan ver todos los elementos
de una categoría.
• La zona de contacto debe ser más clara y accesible.
• Se necesitan botones o links que permitan volver a las páginas
o menús anteriores.
• Se necesita un mapa del sitio, a veces la búsqueda y
aparición de información se torna compleja.
Javier Muñoz Tavolari
munoztavolari@gmail.com
18. Estudio y Mejorías de un Sitio Web
www.uoct.cl
Javier Muñoz Tavolari
Lenguaje Computacional 3
e.[ad]