Muestra del Rediseño realizado por ketari.com.

Consideraciones Previas

Esta propuesta de rediseño carece de los estudios necesarios para determinar los contenidos, por lo que se tiene que tomar como una aproximación.

Este rediseño se ha realizado después de ver el trabajo realizado por la gente de Alzado en la que hacen un Rediseño de administracion.es aparte de darnos la idea, como es evidentes, hay coincidencias en el diseño, para eso están los maestros.

Se ha separado el contenido de la presentación

Mediante la combinación de XHTML y CSS (Hojas de Estilo) se ha conseguido:

• Reducir el peso de la página pasando de los 162 k actuales a los 30 k que tiene este rediseño más de 5 veces menos, con lo que se reduce el tiempo de espera en la descarga.
• Compatibilidad con todos los navegadores (Explorer, Firefox, Opera, Sólo Texto) y dispositivos (movil, PDA, PC, ...)
• Optimizar los contenidos para los motores de búsqueda (Google, Yahoo,...), siendo más facil la localización de contenidos desde los buscadores.

No se han utilizado tablas para el formateo visual de la página, se ha utilizado una Hoja de Estilos.

Además tanto el códido XHTML como la Hoja de estilo cumple los estándares de la W3C como se puede comprobar Validar XHTML Validar CSS

Accesibilidad

La página cumple con el Nivel Doble-A de accesibilidad creado por la WAI, recomendado por la Unión Europea para cumplir con las normas de accesibilidad y que será de obligado cumplimiento a partir del 31 de diciembre de 2005 (Ley 34/2002 Disp. Adicional Quinta).

Se ha evitado el uso de imágenes y en vez de ello se ha optado por enlaces en modo texto, evitando recargar la página con imágenes que distraigan del contenido, además todas las imágenes tienen el atributo alt como texto descriptivo de la imagen.

Todos los enlaces poseen el atributo title (título) y cuando se detiene el puntero del ratón sobre el enlace se amplía la información de lo que se encontrará si pincha en el enlace.

Es posible navegar a través del teclado en el menu principal todas las opciones tienen una letra subrayada, en Windows y con Internet Explorer 5 o superior, pulsando Alt + Tecla de accesso rápido (Letra subrayada) + Enter es como si hicieramos click con el ratón.

Estructura

El diseño actual divide la página en tres categorias, Una Ciudad para Vivir, Una Ciudad para Visitar y Ayuntamiento, en vez de esto hemos decidido agrupar la información sin distinguir entre ciudadanos de san sebastián y visitantes ya que hay cosas que interesan de igual manera a un donostiarra que a un visitante (Transporte, estado de Playas, ...).

Los contenidos los hemos agrupado teniendo presente en que puede ser útil para la gente y según su importancia la hemos puesto en un lugar más visible y destacándolo del resto cambiando el color, como en el caso de Servicios OnLine (Debería de ser uno de los más utilizados). Indudablemente habría que saber cuales son las páginas más demandadas, ya sea con entrevistas con el personal de los departamentos, ya sea con analizando los datos de las estadísticas actuales sobre la utilización del sitio.

También entendemos que la información turística debe tener su lugar en la página del Centro de Atracción y Turismo y por lo tanto hemos puesto una imagen con un enlace sobre Información Turística.

Se le ha quitado imágenes superfluas y se ha agrupado la información disponible en categorías a modo de directorio, las categorías no corresponden a la estructura interna del ayuntamiento sino a una agrupación mixta, parte se agrupa por departamentos (Deportes, Cultura, ...) y otra parte según la podría asociar el usuario (Bajo nuestra visión).

Cabecera

Se ha puesto el logotipo del ayuntamiento que existe actualmente y que a su vez es un vínculo a la portada, en vez del texto "toda la información a su alcance" estaría mejor "Ayuntamineto de San Sebastián".

Se han eliminado los banner con imágenes en movimiento, el usuario tiende a ignorarlos, y se ha puesto las opciones de cambio de idioma, el Buscador y el tiempo actual con la hora Local (estos es para los visitantes)

Por supuesto según el idioma elegido los contenidos de la Portada deberían de variar.

Barra de Navegación

La barra de Navegación tiene 2 niveles, el nivel superior tendría siempre las mísmas opciones, y el nivel inferios iría cambiando en función de la opción elegida en el nivel superior, la opción seleccionada tiene un color distinto.

Parte Central

Se ha decido que la estructura fuera un directorio, ya que es un formato que se entiende facilmente y permite la agrupación por áreas, estas áreas no coinciden siempre con la estructura del ayuntamiento, ya que muchas veces interesa que estén juntas opciones que pertenecen a distintos departamentos.

Se ha resaltado los Servicios OnLine porque entendemos que es una de las cosas realmente útiles que puede realizar el ciudadano, habría que aumentar los servicios que se pueden realizar desde Internet.

Hemos incluido una sección de Noticias, un calendario de actividades y la sección Foto del día dónde cualquiera pudiera enviar una foto de la ciudad, esto le daría más sensación de ser una página viva.

Pie de Página

Se ha incluido información básica dirección y teléfono, Ayuda, Preguntas Frecuentes (Hay muchas dudas que se repiten), un enlace para ver todo el contenido de la web, un enlace que explique la política de accesibilidad del sitio (Teclas de acceso rápido, ...) y por último la opción para contactar con el Ayuntamiento mediante un formulario.

Otras posibilidades

Se ha incluido en algunas secciones la posibilidad de estar informado de las novedades a traves de la sindicación de contenidos en formatos RSS, que es una nuevo formato para ver contenidos mediante un lector de Feeds

Conclusión

En la nueva estructura que proponemos prima la faclilidad de uso sobre el diseño mejor dicho se ha diseñado para facilitar el uso, lo que no quiere decir que el diseño no sea atractivo, lo que la gente le pide a una página web es que le sea util y lo demás es secundario, tenemos el ejemplo clarísimo de Google.

Rediseño de la Web del Ayuntamiento de San Sebastián