Descripción de las características técnicas y estéticas, didácticas y pedagógicas, así como los aspectos psicopedagógicos que se deben tomar en cuenta para el diseño de una página web centrada en el usuario.

1. Lic. Mirna Elizabeth Quezada

2. Se caracteriza por
asumir que el proceso
de diseño y desarrollo
del sitio web debe
estar conducido por el
usuario, sus
necesidades,
características y
objetivos.

4. Técnicas y
Estéticas
Didácticas y
Pedagógicas
Psicopedagógicas

5. Diseño
Gráfico
• Página principal
ordenada con índices y
subíndices
• Titular todas las páginas
consecuentes
• Enlaces a instituciones,
grupos, correos
• Análisis de uso y
rendimiento de la web
Imagen
• Las imágenes deben de
complementar la info
• Mejor usar texto que
imágenes
• Prescindir de las
animaciones
• Evitar gráficos de fondo
• Limitar la paleta de
colores

6. Texto
• Párrafos cortos con
continuidad de idea
• Títulos, epígrafes o
ladillos para marcar
bloques de contenido
• Evitar uso de mayúsculas
• Se puede prescindir de
subrayados
• Uso moderado de
variedad, tamaño y
colores de letra.
Sonido
• Dejar que el usuario
decida si desea o no
escuchar sonidos

7. Navegabilidad
• Incluir mapa de navegación
sobre la estructura de
contenidos
• Cumplir con las directrices
de accesibilidad
• Se deberá conocer el lugar
del sitio web donde se
encuentra
• Posibilidad de moverse
según preferencias del
usuario
• Menús presentes en todas las
páginas en la parte superior
• Evitar menús gráficos
• Proporcionar correo
electrónico de responsable
de la página

8. Objetivos
• Definir objetivos que
persigue la página web
y cada curso
• Dirigidos al desarrollo
cognitivo, capacidades,
intereses y necesidades
del usuario
Contenido
• Presentar introducción
para cada contenido
• Adecuarse a las
necesidades y
motivaciones del usuario
• La información debe de
ser correcta y actual
• Cuidar la ortografía y
redacción de las ideas
• Favorecer la igualdad
• Presentar mapas
conceptuales o
diagramas

9. Actividades
• Proponer distintos tipos
de actividades
• Establecer preguntas de
orientación
• Presentar elementos
atractivos y estimulantes
• Insertar actividades
individuales tanto como
grupales
Ayudas
• Incluir menús de
búsqueda, índice y ayuda
• Incluir un tutorial para
prevenir errores
• Permitir al usuario
solucionar errores
mediante mensajes
informativos
• Codificación mediante
colores

10. Motivación
• Las pantallas y las
actividades deben
despertar y mantener la
curiosidad e interés del
usuario
Interactividad
• Procurar una
comunicación
bidireccional
• Garantizar el flujo de
información por medio
de foros, chats, lista de
correos, juegos, etc.

11. Atención
• Procurar un diseño
minimalista sin
sobrecarga de
información
• Despertar y conectar
con el interés de los
usuarios por medio de
información clave y
significativa
Creatividad
• Autonomía en los
contenidos y en las
actividades
• Estimular habilidades
metacognitivas:
planificar, regular,
evaluar, reflexionar.

12. Uso de
logotipo y de
colores
institucionales
Utilización de
elementos
gráficos
comunes
Presentación
fija de íconos

13. Registro en
buscadores y
directorios
Incorporar el
sitio web al
mensaje
corporativo
Presentar el
sitio web en
eventos,
congresos,
ferias,
exposiciones y
convenciones
Difusión por
medio de la
comunicación
informal
Intercambiar
anuncios
gráficos

15. Torres, L. (2005). Elementos que deben contener las
páginas web educativas. Recuperado de:
http://www.sav.us.es/pixelbit/pixelbit/articulos/n25/n
25art/art2508.htm
Hassan, Y., Martín, F. & Iazza, G. (2004). Diseño
Web centrado en el usuario: Usabilidad y arquitectura
de la información. Recuperado de:
http://eprints.rclis.org/8998/1/Dise%C3%B1o_Web_Cen
trado_en_el_Usuario_Usabilidad_y_Arquitectura_de_la_
Informaci%C3%B3n.pdf
García, A. (2002). Etapas en la creación de un sitio
web. Recuperado de:
http://eprints.rclis.org/5474/1/T14-01.pdf