por Leonardo Ochoa | Jun 25, 2011 | Diseño de información, Diseño editorial, Infografías, Visualización de información
Hoy se cumplen dos años de la muerte de Michael Jackson y aprovechando la ocasión, en Infotipos decidimos a manera de homenaje realizar una compilación de infografías que de seguro van a ser del gusto de los fans del “rey del pop”.
Destacamos de estas imágenes la forma en que una infografía puede compilar hechos históricos y otros datos interesantes sobre un tema y además mostrarlos de una forma clara y comprensible.
Last.fm MJ por Anil Bawa-Cavia
Una buena cronología en behance.net
15 cosas curiosas de Michael Jackson por MBA
Descripción del «moonwalk» por La Vanguardia
Infografía sobre el efecto especial de ‘Smooth Criminal’ por ‘El Universal‘
Repaso de discografía y otros datos interesantes por El Mundo
Esperamos que esta compilación haya sigo de su agrado. Si desea que Infotipos trabaje con usted para generar algún material parecido al que ve en este artículo, no dude en contactarnos a través de nuestro correo contacto@infotipos.com o por medio de nuestra forma de contacto en nuestra página web.
por Leonardo Ochoa | Jun 17, 2011 | Diseño de información, Diseño editorial, Infografías, Instructivos, Visualización de información
Sobre el Diseño editorial
Leyendo a Lakshmi Bhaskaran en su libro ¿Qué es el Diseño Editorial?, se pone de manifiesto el hecho de que el poder de las publicaciones impresas (textos literarios, revistas, historietas coleccionables, diarios, etc.) no había sido tan fuerte como lo es hoy en día ya que como menciona el autor «vayamos donde vayamos y hagamos lo que hagamos, las publicaciones nos rodean». Sumado a este fenómeno, en la actualidad encontramos infinidad de documentos electrónicos cuyo objetivo principal es exactamente el mismo que cualquier impreso: Comunicar.
¿Qué hay que preguntarse al momento de iniciar un proyecto editorial?
Con la comunicación como principio básico, los diseñadores de publicaciones se las ingenian día a día para captar la atención del lector a nivel estético y emocional. En este punto, es importante que el diseñador comience a responder a las siguientes preguntas antes de iniciar un proyecto editorial:
- ¿Cuál es el propósito y objetivos del proyecto editorial?
- ¿A quién va dirigida la publicación que estoy diseñando?
- ¿Qué hace bien la competencia de mi producto editorial?
- ¿Qué hace mal la competencia de mi producto editorial?
- ¿En qué se diferencia mi diseño de la competencia?
- ¿Qué recursos gráficos voy a emplear para diferenciar mi diseño de otros?
Resueltas estas dudas, el diseñador obtendrá herramientas conceptuales con las cuales podrá planear la correcta aplicación y distribución de los textos (siendo estos la ‘materia prima’ de toda publicación editorial) y otros elementos como fotografías, ilustraciones, gráficos, infografías, etc.
Sobre Visualización de datos
Una disciplina que comparte el mismo principio de comunicar es la visualización de datos. Según Medialab-Prado (http://medialab-prado.es), espacio orientado a la producción, investigación y difusión de la cultura digital, la visualización de datos “utiliza el inmenso poder de las imágenes para explicar de manera comprensible las relaciones de significado, causa y dependencia que se pueden encontrar entre las grandes masas abstractas de información”.
La definición anterior nos lleva a pensar en el gran papel que podría cumplir la visualización si se usa de manera correcta dentro de cualquier diseño editorial, inclusive, se podría plantear la hipótesis de que un producto editorial que emplea visualizaciones es más fácil de entender que uno que no las utiliza. Con los ejemplos que les hemos mostrado en este post ya ustedes juzgaran por sí mismos.
Por último, si usted señor lector, está pensando en diseñar un producto editorial y/o en emplear visualizaciones para sus documentos con el objetivo de comunicar claramente una idea o concepto, no dude en contactarse con nosotros a través de nuestro correo electrónico contacto@infotipos.com o por medio de nuestro formulario de contacto ingresando a nuestra página web www.infotipos.com
Imágenes obtenidas de:
- http://pablomateos.com/2011/01/31/national-geographic-publishes-ucl-surname-map-of-the-u-s/
- http://www2.baylor.edu/baylorproud/2010/06/national-geographic-devotes-two-page-illustration-to-baylor-research/
- http://www.studio8design.co.uk/project/new-york-times-magazine/
por evilnolo | May 9, 2011 | Arquitectura de información, Consultoría, Diseño Web, Interacción humano computadora, Usabilidad
Al realizar cualquier producto de diseño uno de los principales puntos en los que hay que prestar atención es en la continuidad, uniformidad o consistencia en cada parte del proyecto. Es un caso especial en el diseño de portales y páginas web, ¿Qué pasa si por ejemplo en una página web, el menú es de una forma en alguna sección y cambia por completo en la siguiente? Aparte de confundir al usuario y hacerle la experiencia de uso mucho más difícil, estos cambios denotan una falta de organización o falta de profesionalidad en la empresa.
Para este artículo nos enfocamos en analizar los portales o páginas web del Gobierno Federal de México. Este caso es curioso ya que se puede tratar como si fuese un mega portal y que cada subsección del mismo es la dependencia de una página de gobierno (SCT, Telecomm, CAPUFE, etc). A pesar de las dimensiones del proyecto, la imagen del gobierno federal, está claramente estipulada y definida, cada secretaría tiene su propio color e identidad, pero en conjunto mantienen una uniformidad bastante clara en cuanto a tipografías y estilos gráficos.
Uniformidad en títulos
Sin embargo el caso de las páginas web o portales es bastante curioso ya que parece como si cada página hubiera sido elaborada por gente distinta tratando de emular la imagen general. Esto resulta bastante obvio al hacer una comparación lado a lado de las páginas, incluso el simple hecho de abrir varios de estos portales en un navegador, puede delatar los errores en los que han caído:
No hay uniformidad en títulos ni favicons
Como se puede ver en la imagen de arriba, no hay uniformidad en los títulos de las páginas, ni en los favicons (pequeñas imágenes que se muestran al lado del nombre). Algunas no tienen título (y se puede ver solamente la dirección web), otras no tienen favicon, y en general todas están redactadas de diferente forma.
Análisis del cuerpo de las páginas web
En el caso del cuerpo de las páginas las inconsistencias son mucho más obvias, a continuación las analizaremos brevemente por medio de la imagen que hicimos (dar click para verla en completa en grande):
Análisis de los portales del Gobierno de México
- Encabezados: Si se ponen lado a lado los encabezados, se puede notar de inmediato que intentan seguir una misma línea pero que cada uno lo hace a su modo. Algunos cambiando la tipografía que usan para el título, otros moviendo el formulario de búsqueda (y poniendo el botón de búsqueda de diferentes colores), y algunos otros colocando un logotipo mal proporcionado o que se sale del tamaño que debería tener.
- Imagen de portada: La imagen principal que se usa como destacada en cada portada tampoco es consistente entre los portales, en algunos casos está mal su tamaño y queda desproporcionada, en algunos otros ocupa más o menos espacio del que debiera.
- Últimas noticias: En este apartado al parecer cada portal le dio el estilo que quiso a las noticias. Algunos con fondo en degradado, otros con divisiones, cada portal eligió, las tipografías en colores diferentes.
- Subsecciones del portal: Esta pequeña sección varía tanto en estilos que no pareciera que se tratara de la misma en ningún caso. Algunas usan íconos, otras simplemente son listados, cada portal le dio los márgenes que quiso.
- Íconos de seguimiento y sociales: Cada portal tiene una sección en la que enlistan de qué forma el usuario puede seguirlos en redes sociales. Ponen unos pequeños íconos que en cada portal resultan ser diferentes aunque lleven a los mismos servicios. Y no hay consistencia en cuanto a los servicios ofrecidos.
Conclusiones
Tal como se mencionó, se trata de un proyecto bastante grande, pero por lo mismo debería llevar muchísimo cuidado en esos detalles. Sobre todo tratándose de la cara que le da el gobierno a sus ciudadanos. Lo que más extraña en este caso es que seguramente se tenía una plantilla bien definida para que cada sitio fuera diseñado así, pero es muy probable que al momento de desarrollarlos, no se haya tomado en cuenta o se hayan pasado por alto estas revisiones. Todos estos errores sin duda le quitan profesionalismo y credibilidad a los portales del gobierno, y por ende afectan la imagen que los ciudadanos tienen sobre el mismo.
Esta mini consultoría con estos portales de gobierno, es un ejemplo de lo que Infotipos podría hacer por su empresa, para ayudarle a mantener una imagen que refleje el verdadero valor de su negocio y sobre todo para generar la confianza necesaria para que sus clientes consuman sus productos y servicios. No dude en contactarnos (medios de contacto) si desea que colaboremos con usted realizando una revisión o consultoría del estado actual de su página web o cualquier otro producto de diseño.