AL MENÚ PRINCIPAL - Diseño Centrado en el Usuario

(Lenguaje Computacional 3) - e [ad] PUCV

Ejercicios y Tareas     T1   T2   T3   T4   T5

Bitácora de Clases    

Profesor: Jorge Barahona Chamorro
Especialista en Arquitectura de la Información y Diseño de Interfaz de Usuario
Alumno: Gonzalo Vásquez G
Estudiante de Diseño Gráfico

...........................................................................................................................................................................




30/06 Tarea Primera.                                                                           siguiente


Construcción de una (primera) página web
para el ramo de lenguaje computacional 3


 primera portada del sitio

...........................................................................................................................................................................




07/07 Tarea Segunda.                                                               arriba  siguiente


Experiencia con el cuidado en la visualidad (factor de la usabilidad)
del sitio en los distintos Web-Browsers; especificamente las diferencias
existentes entre Mozilla-Firefox e Microsoft Internet Explorer.


sreenshot tabla comparativa     


courier / verdana



Construcción de una tabla comparativa en la que aparecen las seis tipografías
'by default' en Dreamweaver arial, times, georgia, courier, verdana y geneva;
además de una menos común century gothic y una tipografía 'de poster'
mucho menos 'legítima', en sus distintas variaciones de estilo y tamaños.

tabla en explorer               tabla en firefox

Microsoft Internet Explorer                                                                                     Mozilla-Firefox

Comparativamente se aprecian solo diferencias mínimas en el uso de
las tipografías, como cambios ínfimos en los interlineados y espacios;
pero extrañamente las diferencias más notorias entre los 2 browsers
se dieron cuando estos interpretaban caracteres de la tipografía menos
'común' (earth) la cual es la de procedencia 'cuestionable', en este
caso Firefox no mostró todos los caracteres especiales al contrario
de explorer, en lo demás la visualización no varió de manera perceptible.

comparación del  color

Aún en lo referido a color el cambio debe ser casi imperceptible al ojo,
al menos al mío; y además de las diferencias claras de tamaño de pantalla
en que se muestran la página no pareciera sufrir mayores alteraciones
de visualización.

..........................................................................................................................................................................




14/07 Tarea Tercera.                                                                  arriba  siguiente


Trabajo de investigación acerca de la accesivilidad en la Web

Estas corresponden a las pautas básicas de accesibilidad de un sitio
establecidas como normativas estandarizadas por el consorcio de la web,
y explican cómo hacer accesibles los contenidos de la Web a personas
con discapacidad, mediante su aplicación al diseño de los sitios.

.................

800x600       1024x768        1152x864

800x600                              1024x768                            1152x864


Trabajo de comprobación/correción de un factor principal de la accesivilidad
en el sitio propio (página de inicio), la estabilidad del diseño, tomando en
consideración algunas de las resoluciones de pantalla más usadas.



.........................................................................................................................................................................

 


21/07 Tarea Cuarta.                                                             arriba  siguiente


La accesivilidad del Espacio Web en relación
a la ordenación de sus contenidos.

Construcción del mapa del sitio de DCU y su posterior correción
para incluir el proyecto de Diseño Industrial en la navegación.

mapaDCU                     mapa DCU2


Primer mapa del sitio (21/07)                    Mapa de navegación corregido

..........................................................................................................................................................................

 

14/07 Tarea Quinta.                                                                  arriba  siguiente


Trabajo construcción de los primeros bocetos de
Wireframes, además de la acotación del mapa propio,
para el sitio del proyecto de Diseño Industrial.

Corresponden a las diagramaciones iniciales que se preocupan de
ordenar en pantalla los contenedores básicos de cada elemento
de la página, cuidando en su distribución y geometria, la coherencia
de la navegación y el acceso del lector a la información.


wireframe1 home    wireframe2 contenido

wireframe0 concepto