Portafolio de Diseño Gráfico por Giorgio B Huizinga
Rediseño Sitio Web Carabineros de Chile
1. Rediseño del sitio web de
Los Carabineros de Chile
Benchmark
Test Heurístico
Mapas de Navegación
Wireframes
2. El sitio web de Los Carabineros de Chile actual
Este es el sitio de los Carabineros de Chile.
Es un sitio muy saturado, la información no
se dispone de manera ordenada ni con je-
rarquías.
Si bien el color verde es el color de la ins-
titución, se utiliza demasiado en el fondo,
los links y las tipografías.
El home es como un gran menú lleno se
links y ventanas de distintos tamañosy co-
lores lo que hace muy difícil navegar el si-
tio y encontrar lo que se busca. De hecho
no hay un navegador principal que simpli-
fique la busqueda del usuario.
Hay distintas tipografías y de ditintos ta-
maños lo que también satura y dificulta la
lectura de la página y el encuentro de la
informacion requerida.
La información más relevante es difícil de
encontrar, aparece dentro de otros links o
está al final de la página y de menor tama-
ño con respecto a otras ventanas con in-
formación menos importante.
El sitio no cuenta con un sistema de eti-
quetas ni breadcrumbs que le permitan al
usuario saber a todo momento donde se
encuentra y cómo puede volver a panta-
llas anteriores.
3. El sitio web de la Policia en Madrid
Este es el sitio de la Policia en Madrid. Po-
demos ver que la información esta muy
ordenada, los contenidos se muestran hol-
gados en el espacio y eso ofrece una mayor
y mejor legibilidad al usuario. Los espacios
están muy medidos y el sitio es fácil de na-
vegar y recorrer.
Los colores del fondo y de las tipografías,
así como los tamaños, funcionan con lo
que se quiere comunicar. El sitio es sobrio
y minimalista.
Hay dos barras de navegación muy claras
y fáciles de reconocer. Los links del menú
son precisos y no equivocan al usuario.
Algo muy importante que ofrece este sitio
son los breadcrumbs, etiquetas que permi-
ten ubicar al usuario dentro del sitio.
Algo negativo de este sitio es que repi-
te información en la columna central que
también se encuentra el en menú y eso es
innecesario.
4. El sitio web de la Policia en Mexico
Este es el sitio de la Policia en Mexico.. La
navegaión es tambíen más fluida, los con-
tenidos se organizan en el espacio de la
pantalla.
Los colores de las tipografías, de los íconos
y del fondo son sobrios. Si bien las tipogra-
fías no son originales son legibles lo que
hace la navegacion mucho mas grata para
el usuario.
También hay dos barras de navegación
muy fáciles de reconocer. Y así como en el
ejemplo anterior los nombres de los links
del menú son claros y no equivocan al
usuario.
Este sitio también ofrece breadcrumbs,
que permiten ubicar al usuario dentro del
sitio.
Algo negativo de este sitio es que utilizan
innecesariamente el scroll en la columna
central. y también repiten información en
la columna central que se encuentra el en
menú lateral y eso es innecesario.
5. I. Visualidad del sistema
Usuario1 Usuario 2 Usuario 3 Usuario 4 Usuario 5
• ¿Existe un diseño consistente de íconos y un estilo gráfico sólido a
través del sitio Web?
• ¿Un ícono es claramente destacado del resto cuando está seleccio- SI SI A/V NO A/V
nado?
NO A/V A/V NO SI
• ¿El menú está presente en todo el sitio?
NO NO NO A/V NO
• ¿Utiliza el sistema etiquetas de contexto, mapas de menús o brea-
dcrumbs, como ayudas navegacionales? NO NO A/V NO NO
SI SI SI SI NO
• ¿Son razonables los tiempos de espera?
II. Competencia entre el sistema y el mundo real
NO SI SI SI A/V
• ¿La iconografía sigue las convenciones del uso de Internet?
SI SI NO A/V SI
• ¿Las opciones del menú se nombran de manera lógica y natural?
SI NO A/V A/V SI
• ¿La terminología usada es familiar y está orientada a cualquier tipo de usuario?
A/V SI A/V NO NO
• ¿En formularios de entrada de datos, existen ejemplos asociados para
llenar campos complejos?
III. Libertad y control del usuario SI
NO NO SI SI
• ¿Existe en los campos a rellenar información acerca de los requisitos que A/V NO NO SI A/V
son obligatorios?
NO NO A/V A/V A/V
• ¿Es fácil desplazarse a través del sitio?
NO A/V NO NO NO
• ¿Es fácil volver a la Home?
• ¿El sistema tiene guías “atrás” o “adelante” para desplazarse?
6. IV. Estándares y consistencia Usuario1 Usuario 2 Usuario 3 Usuario 4 Usuario 5
• ¿Todos los títulos reflejan precisamente los contenidos que hay en ellos?
SI A/V SI NO NO
• ¿Se evita el uso de scroll innecesario?
NO A/V A/V A/V NO
• ¿La tipografía es clara y evita el uso de más de 3 fuentes distintas?
SI SI NO SI SI
V. Reconocimiento de ayudas, diagnostico y solución de errores
SI SI SI SI A/V
• ¿Son entendibles los mensajes de error?
SI SI SI A/V SI
• ¿Sugiere una solución amigable y constructiva?
SI SI A/V SI SI
• ¿Los mensajes de error evitan el uso de signos de exclamación y de palabras
hostiles?
VI. Prevención de errores
NO NO NO A/V NO
• ¿El sitio se anticipa a eventuales errores? NO NO NO NO NO
• ¿Posee un espacio con preguntas frecuentes? A/V A/V NO NO NO
• ¿Se utiliza alguna señal del tamaño de los campos a rellenar?
7. VII. Recordación y memoria del sistema Usuario 2
Usuario1 Usuario 3 Usuario 4 Usuario 5
• ¿Permite el sitio cargar rápidamente lugares visitados anteriormente?
SI SI A/V SI SI
• ¿Existe distinción que marque los links ya visitados?
NO A/V NO A/V SI
• En términos generales ¿Permite el sitio reducir la carga de trabajo y de
memoria el usuarios? NO A/V A/V NO NO
VIII. Diseño, flexibilidad y eficiencia
• ¿Existe un diseño coherente en todas las áreas visitadas? SI NO NO SI NO
• ¿Hay problemas en el despliegue correcto de alguna página? NO NO NO A/V A/V
• ¿Tienen los colores relación con el tema de la página? SI NO A/V A/V A/V
• ¿Es adecuada la velocidad de despliegue de las páginas e imágenes? SI SI SI A/V SI
IX. Ayudas, contenidos y documentación
• ¿Existe un ícono de ayuda?
NO NO NO NO NO
• ¿Es suficientemente explicativa y clara la organización y disposición de A/V A/V NO A/V NO
los
contenidos? SI SI SI SI A/V
•¿Es el sitio constantemente actualizado en las secciones correspondien- NO NO A/V NO NO
tes?
A/V SI SI SI SI
• ¿Se encuentra la información fácilmente?
• ¿Hay información accesoria o irrelevante?
8. Inicio
Menú A Menú B Menú C Menú D Menú E
Director de Carabineros TV Obten tu Clave Institución
Acceso a Servicios
Carabineros
Comisaría Virtual Servicios
Buenas Prácticas Tu comisaría más Cercana
Buen uso
Noticias
del 133 Conoce tu Cuadrante Búsqueda de Vehículos Cuenta Pública 2008
Derechos y Deberes Radio Carabineros Remate Imprenta Estado de Calles y Carreteras
Ciudadanos de Chile
Links de Interés Personas Extraviadas
Cómo Carabineros
Prevenir TV Noticias Webmail Material Digital
Carabineros Ciuda Noticias Multimedia
Postulaciones
de los Suyos Recientes
Carabineros en Cifras
Gobierno Transparente
Solicitud de Información
Pública
Números de Emergencia
Fronteras
9. Menú A
Director de Buen uso Derechos y Deberes Cómo Carabineros Ciuda
Carabineros del 133 Ciudadanos Prevenir de los Suyos
Buscador Números de Ciuda tu Vida Buen Testigo Menú Cricar
Emergencia en la Montaña
Currículum Al Colegio con
Asaltos en el Hogar Seguridad
Discursos 133
Asaltos en el Auto Delitos
Entrevistas 135 Sexuales
Asaltos en la Calle
Actividades 139 Drogas
en Imágenes Incendios
en el Hogar Empresas
147
Actividades en Extravío de
149 Incendios
el Extranjero Menores
Forestales
Frases destacadas Locomoción Robos al Hogar
del General Director Colectiva
Robo de Vehículos
Vacaciones
Barrio Seguro-Coordinación
Seguras
con Vecinos
Barrio Seguro-Consejos
Preventivos
10. Menú B
Carabineros TV Buenas Prácticas Conoce tu Cuadrante Radio Carabineros Carabineros Noticias
de Chile TV Noticias Recientes
Inicio Portada Menú
¿Qué es Carabineros TV? Prácticas Nacionales
Consulta en Línea
Prácticas Internacionales
Videos Destacados ¿Cómo Funciona?
Actividades Comunitarias
Buscador
Biblioteca
Prevención
Links de Interés
Coorporación de ayuda a
la familia de Carabineros Mapa del Sitio
Buscador
Canales
Noticias
Palabras Clave
Concurso Buenas Prácticas
Avisos
11. Menú C
Acceso a Servicios Tu comisaría más Cercana Búsqueda de Vehículos
Buscador
Usuario Buscar
Zona Metropolitana
Contraseña
XV Zona- Arica y Parinacota
I Zona- Tarapacá
II Zona- Antofagasta
III Zona- Atacama
IV Zona- Coquimbo
V Zona- Valparaíso
VI Zona- Lib. Bernando O`Higgins
VII Zona- Maule
VIII Zona- Bio-Bío
IX Zona- Araucanía
XIV Zona- De los Ríos
X Zona- Los Lagos
XI Zona- Aysén
XII Zona- Magallanes
Teléfonos Unidades Operativas
12. Menú D
Obten tu Clave Comisaria Virtual Números de Emergencia Fronteras
Webmail
Servicios 133 Fono Emergencia
Inscripciones Fronteras de Chile
135 Fono Drogas
Búsqueda de Vehículos Zona Metropolitana
Carabineros en Cifras
139 Fono Informaciones
Personas Extraviadas Policiales XV Zona- Arica y Parinacota
Envianos tus Sugerencias I Zona- Tarapacá
147 Fono Niños
Comisaría Virtual II Zona- Antofagasta
Postulaciones 149 Fono Familia III Zona- Atacama
IV Zona- Coquimbo
Cuenta Pública 2008 V Zona- Valparaíso
Solicitud de Información
VI Zona- Lib. Bernando O`Higgins
Pública
Buscador VII Zona- Maule
Links de Interés
Leer más VIII Zona- Bio-Bío
Circuitos IX Zona- Araucanía
XIV Zona- De los Ríos
Búsqueda
Remate Imprenta X Zona- Los Lagos
Hidratación
XI Zona- Aysén
Bases y Premios
XII Zona- Magallanes
Resultados
13. Menú E
Institución Servicios Noticias Estado de Calles y Personas Extraviadas Material Digital Multimedia
Carreteras
Misión Encargo de
Vehículos Registrese Aquí
General Director Restricción
Plan Cuadrante Vehicular Apellido Paterno
Historia Institucional
Tránsito Apellido Materno
Cuenta Pública 2008 Fono Ayuda Revista Institución
Extensión Temas de Prevención Suplemento Digital
Carabineros Video Conferencia
Lámina Escolar
Fallecidos Ojo con
el Clima
Alto Mando
Institucional Galería de Fotografías
Solicite una
2009 charla Galería de Videos
14. La Institución Mapa del Sitio Ayuda Contactar
Buscar
Números de Conoce Tu Cómo Estado de Calles Personas Solicitud Información
Servicios La Institución Extraviadas
Emergencia Cuadrante Prevenir y Carreteras Pública
Accede a Tu Comisaria Búsqueda
Servicios más Cercana Vehículos 133
135 Inicio > Números de Emergencia > 133
139
Usuario (rut):
ej: 12345678-9
147
149
Contraseña:
Entrar
Obtén tu Clave ¿Ha olvidado su contraseña?
Derechos y Deberes Ciudadanos
Campaña Yo Hago Buen
Uso del 133
Noticias Destacadas
Carabineros TV
Radio Carabineros CB- 82 AM
Las Fronteras de Chile
Material Digital
Multimedia
Links de Interés
Postulaciones
Cuenta Pública 2008
Carabineros de Chile @ copyright 2009