CARACTERÍSTICAS DE PÁGINAS
WEB
Lic. Mirna Elizabeth Quezada
DISEÑO WEB CENTRADO EN EL USUARIO
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.
ETAPAS DEL PROCESO DE DISEÑO WEB CENTRADO EN EL
USUARIO
CARACTERÍSTICAS PARA EL DISEÑO
Técnicas y Estéticas
Didácticas y
Pedagógicas
Psicopedagógicas
CARACTERÍSTICAS TÉCNICAS Y ESTÉTICAS
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
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
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
DIDÁCTICAS Y PEDAGÓGICAS
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
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
ASPECTOS PSICOPEDAGÓGICOS
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.
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.
IDENTIDAD VISUAL CORPORATIVA
Uso de logotipo y de
colores institucional
es
Utilización de
elementos gráficos comunes
Presentación fija de íconos
PROMOCIÓN DEL SITIO WEB
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
GRACIAS POR SU ATENCIÓN!!!
REFERENCIAS
Torres, L. (2005). Elementos que deben contener las páginas web educativas. Recuperado de: http://www.sav.us.es/pixelbit/pixelbit/articulos/n25/n25art/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_Centrado_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
Top Related