Ejercicio modificado de la aplicación trabajada en clase:
Para verlo click aquí
Segunda propuesta de Home
Propuesta de Home
Propuesta del grupo para Home: Israel Perez, Javier Canalda, Rolando Medina
Posted in Diseño Web.
Agrupación de familias (orientadas al modelo mental) / CARD SORTING
Mediante la técnica de agrupación de tarjetas (Card Sorting) podemos conocer como el usuario organiza mentalmente la información (categorias mentales), asociando entre sí un número predeterminado de tarjetas etiquetadas con las diferentes categorías temáticas del sitio web.
Podemos así crear categorías organizadas que se aproximen a la manera de pensar del usuario (modelo mental), clasificando la información de un sitio web.
La técnica se puede realizar manualmente, mediante tarjetas de papel o cartón (post its), pero también mediante programas de software.
Posted in Arquitectura de información.
Análisis Comparativo entre dos Sitios Web
Ejercicio: Hacer una primera comparativa visual con “ojos de diseñador” entre dos sitios web competencia, para determinar ventajas y desventajas entre uno y otro.
Elegimos los dos partidos políticos tradicionales de España: Partido Popular, y PSOE.
Página del Partido Popular
- www.pp.es
- Acierta con el uso de los colores institucionales.
- Trabaja con una diagramación en 2 partes, tienen doble reticulación en la página de inicio, pierde la unidad yendo de un menú superior a otro menú en la parte media que separa o corta el sitio en dos.
- La noticia principal por lo general carece de imágenes, no ayuda a destacar. Las imágenes no son aprovechadas para atraer al lector o usuario.
- Desaprovecha las ayudas de menús como el desplegable superior que utiliza el PSOE.
- Menu lateral da la sensación de banners, y la ubicación en la página inicial (de la mitad hacia abajo) creemos que no corresponde a la correcta.
- La imagen en general es muy plana, no utilizan cambios de tipografía.
- Dedican y subutilizan el espacio en secciones estáticas y aburridas, como el apartado de “Accesibilidad RSS”, en el que en 7 párrafos pretenden explicar su uso. Mucho más acertado el manejo en la página del PSOE, por ubicación (superior derecha) y con una línea de texto: “RSS Mantente Informado”.
- Lo más llamativo es el banner superior que, sin embargo, al contrario de lo que se pretende, no se lee como un link, sino como una cabecera integrada.
- No hay acceso a la información, los espacios están subutilizados, la información no está jerarquizada ni por colores, ni por tipografía.
- En la presentación de la noticia principal no hay un correcto manejo en la línea de lectura. Es demasiado larga, pesada y aburrida.
Página del PSOE
www.psoe.es
- Mantiene en general sus colores institucionales.
- Trabaja a 5 columnas, visualmente 3, con una cabecera constante en todas las páginas.
- Maneja una noticia principal, y otras secundarias reforzadas por imágenes. En general es formato periódico, con secciones similares a las de un periódico digital: blog, videos, agenda, documentos.
- Está claro su nivel jerárquico, logo, noticia principal (a doble columna y con fotografía principal), reforzado por el tamaño de la letra, colores y negritas.
- Aunque no de manera óptima, propone un menú desplegable para acceder a las diferentes secciones, aprovechando el espacio.
- El banner principal (ubicado en la cabecera) no se integra dentro de todo el conjunto; a diferencia de la cabecera del PP, que en base al tratamiento y juego de su logo y colores corporativos, da mayor unidad.
- Aire y contraste adecuado, fondo blanco y texto negro.
- Desacertado el manejo de la botonera derecha superior, y que en teoría pretende acceder al resto de secciones (incluyendo el inicio). Conforma un bloque aislado, dan por hecho que sus símbolos son legibles y de conocimiento general, y abusan del rollover “rojo” como color corporativo, entre otras fallos.
- Propone secciones fijas estandarizadas.
Ejercicio realizado en conjunto con el alumno: Eduardo China
Posted in Diseño Web.
Trazando una estética de los datos: José Luis de Vicente
A través de ejemplos como las cartas figurativas, y “The Ghost Map” de Steven Johnson, José Luis de Vicente intenta explicar las variantes en el Diseño de la Información mediante códigos visuales, que ayudan a disminuir el tiempo de percepción, y en definitiva logran la capacidad comunicativa de una imagen, llevando incluso a pensar con los ojos.
Estas elecciones estéticas dan un significado semántico, y clasifican, como visualizadores de datos, a partir de características concretas como posición, tamaño, y color, según su importancia dentro del esquema o gráfico.
Según de Vicente, hay infinitas maneras de representación, y así mismo, subyacen con un alto nivel de subjetividad y arbitrariedad. Ninguna de estas imágenes define la realidad que representan, solo las acota y delimita. El Data MIning es la ciencia de la extracción de datos útiles, se pueden contar historias a partir del análisis de estos datos. Todos nos convertimos en generadores y clasificadores de datos, y ésta información, tiene un flujo con puntos coadyacentes e interrelacionados. Mediante estas relaciones se crean las redes sociales.
Interesante aproximación conceptual que busca definir un carácter estético en los datos, y que a su vez, sirve de punto de referencia en la interacción de uso para cualquier propuesta que conlleve el medio o soporte gráfico, incluido, desde luego, el Diseño Web.
Posted in Cultura Media.