LO QUE UN ARQUITECTO WEB DEBE HACER:
Visuales: Se basan en elementos gráficos fami-
1. Definir el objeto y propósito.
2. Definjir el público objetivo, tareas, tecnología.
3. Realizar análisis.
4. Realizar el diseño de interacción.
5. Realizar el diseñode navegación.
6. Etiquetar o rotular los contenidos para acceder
a la información. (Títulos de secciones)
7. Establecer la planificación, gestión y desarrollo
de contenidos.
8. Definir los sistemas y la interfaz de búsqueda.
9. Aplicar criterios de usabilidad.
10. Documentar el proceso, analizar el feedback
del resultado y los procesos de reingeniería del
sitio.
LAS 8 REGLAS DE ORO
• En internet el usuario es el que manda.
• La calidad se basa en la rapidez y la fiabilidad
(estádares w3c).
• Seguridad (Base de datos, datos bancarios).
• La confianza es algo que cuesta mucho ganar
y se pierde con un mal enlace.
• Simplificar, reducir y optimizar.
• Conclusiones al principio (captar a primera
vista la atención del usuario).
• No hacer perder el tiempo.
• Buenos contenidos (adecuados al target).
PRINCIPIOS GENERALES DE USABILIDAD
El sitio web debe anticiparse a las necesidades
del usuario.
• Colores: Utilizar colores con precaución para
no dificultar a los usuarios con problemas de
distinción.
• Autonomía: Los usuarios deben tener el
contro sobre el sitio web. Estos sienten que
controlan un sitio si conocen su situación en
un entorno abarcable y no infinito.
• Eficiencia del usuario: Los sitios web se de-
ben centrar en la productividad del usuario.
• Ley de Fitts: Predice el tiempo necesario
para moverse rápidamente desde una posi-
ción inicial hasta una zona destino final como
una función de la distancia hasta el objetivo y
el tamaño de éste. A menor distancia y mayor
tamaño más fialidad.
• Aprendizaje: Los sitios webs deben requerir
un mínimo proceso de aprendizaje.
• Metáforas: Un grafismo para relacionarlo con
algo en la web.
1. Organizacionales: Se fundamentan en la es-
tructura existente en un grupo.
2. Funcionales: Tareas o funciones que el usua-
rio puede realizar en su vida cotidiana.
3.
liares para la mayoría d la gente.
• Protección: La protección del trabajo es priori-
taria.
• Legibilidad: El texto debe contrastar con el
fondo.
PRINCIPIOS HEURÍSTICOS GENERALES DE USABILI.
• El site siempre tiene qu estar informando el
que está pasando.
• El site debe hablar el mismo lenguaje que el
usuario.
• Uso y control por parte del usuario. Si hay error
de entrar en un contenido equivocado poder
volver atrás facilmente. (no aconsejable full
screen, animaciones sin skip y pop-us.
• Consistencia y estándares.
• Prevención de errores (usar sistemas de valida-
ción)
• Es mejor reconocer que recordar (el usuario no
tiene que recordar dónde estaban las cosas, ca-
tegorizar contenidos. Contar con breadcrumbs).
• Flexibilidad o uso eficiente (el site deber ser fá-
cil de indexar en una lista de favoritos, utilizar
nombre de ficheros que no caduquen).
• Diseño práctico y simple (la info debe ser
escrita para la web y no copy and paste. Párra-
fos cortos, enumeración en listas y contenidos
largos divididos en páginas).
• Ayuda (poner ayuda si el site es complejo).
• Compatibilidad con navegadores.
FASES DEL PROYECTO WEB
1. Planificación (50%): para que es? Publico objeti-
vo, webs de la competencia, web d referencia,
delimitación del tema, recolección de info,
clasificación de contenidos (lineal o jerárquica)
Taxonomía de los contenidos (organización en
familia), estructuración (bien organizado, mapa
del sitio, sketch), pruebas de usabilidad.
2. Diseño (30%) evitar logo giratorio (no usar todas
las herramientas multimedia aprendidas en una
sola web) establece el tono (palabras clave que
definen la web), Banda ancha?, Reutilizar imá-
genes, fuentes seguras, colores web, tipo de
diseño (ancho fijo o líquido) tamaño de pantalla
y protección de datos (C).
3. Prueba de usuario básica (probar web amigos,
apuntar problemas y solucionarlos), prueba de
usuario avanzada 1 (entre 4 y 6 personas de
diferetnes edades), prueba de usuario avanzada
2 (2 tandas d pruebas, 1 con las maquetas de
papel, 2 con el diseño visual antes d construir
y 3 antes de lanzar la web. Prueba de acepta-
ción del cliente el cual debe firmar su correcto
funcionamiento y último lanzar a servidor.