Amigos, les doy las mas sinceras gracias por seguir visitando mi blog, como se los había comentado anteriormente, acabo de migrar el contenido a un hosting propio, por tal manera los invito por este medio a que me sigan en blog.jenson.com.mx, así daremos continuidad a este proyecto personal sin fines de lucro continuando con el principal objetivo de aportar temas referentes a la tipografía, el diseño gráfico, así como el diseño web, y recomendaciones sobre blog, algunos consejos y trucos, y como siempre manteniendo la seriedad en los post.

No seguiré posteanto en este blog, lo usaré para albergar imagenes y archivos.

Cabe mensionar que no he esta terminado del todo, específicamente el diseño y otras cositas que quiero meter, podre meter publicidad pero con el simple objetivo de mantener el hosting, y si alcanza para otras cosas, pues que mejor. he terminado de pasar todo el contenido, y pues aún me falta por checar dos o tres cositas.

 En letrag.com se publicó un artículo cuyo tema es “La ciencia de la tipografía” los invito a leerlo y a reflexionar sobre ello.

Traducción: Oscar Otero – letrag.com

A pesar de los heróicos esfuerzos para crear un discurso crítico sobre el diseño, esta profesión siempre fue gobernada por costumbres e intuiciones. Interesada en actitudes alternativas, recientemente me dediqué a la literatura científica enfocada a la tipografía.

Desde finales del siglo XIX, investigadores de varios campos — psicología, ergonomía, interacción del hombre con el ordenador y diseño — hicieron diversos test sobre la eficacia de la tipografía. Estas investigaciones, desconocidas para los diseñadores más actuales, nos informan rigurosamente, quizás de un modo aburrido y poco concluyente, de cómo la gente responde a las palabras escritas en una página impresa o en una pantalla.

¿Qué aprendí después de sumergirme por cientos de fotocopias y descargas de periódicos con nombres como “Tecnología del Comportamiento y la Información” y “Periódico Internacional de Estudios Hombre — Máquina”? Mucho y poco.

Cada estudio prueba ciertas variables por separado (tipografía, interlineado, resolución de la pantalla, etc) y aunque racional y científico, este proceso resulta un poco problemático debido a que muchas de esas variables influyen sobre las otras.

En 1929 Donald G. Paterson y Miles A. Tinker publicaron un análisis sobre el tamaño de la tipografía, análisis que forma parte de una serie de estudios que hicieron en la búsqueda de la “higiene de la lectura”. Los textos fueron expuestos en 6, 8, 10, 12 y 14 puntos. El estudio concluyó en que 10 puntos es el tamaño óptimo para una lectura eficiente, pero ese resultado solamente es válido para el texto con una anchura particular (80 mm.) y utilizando una tipografía específica (que no fue revelada).

Otro estudio de Paterson y Tinker probó diez tipografías distintas, incluyendo tipografías tradicionales con serif, la Kabel Lite (de palo seco), la American Typewriter (monoespaciada) y la gótica Cloister Black. Solamente estas dos últimas provocaron alguna variación significativa de velocidad en la lectura. La conclusión de los autores: “Las tipografías [...] de uso común son todas igual de legibles.” La ciencia deja al diseñador un gran abanico de posibilidades donde escoger.

En 1998, un estudio probó varias tipografías en pantalla revelando conflictos entre cómo se comportan los usuarios y sus gustos personales. Un equipo de la universidad Carnegie Mellon comparó la Times New Roman con la Georgia (tipografía con serif diseñada para pantalla). Aunque en un principio no se encontró ninguna diferencia objetiva, los usuarios prefirieron la Georgia, que la definieron como más nítida, amable y fácil de leer. En el segundo test se comparó la Georgia con la Verdana, tipografía de palo seco diseñada también para ser leída en pantalla. En este caso, los usuarios expresaron una ligera “preferencia subjetiva” por la Verdana, pero realizaron una mejor lectura con la Georgia. Una vez más, el estudio acabó sin ninguna norma definitiva.

¿Cómo se juzga la eficacia tipográfica? La “legibilidad” se refiere a la facilidad con la que una letra o palabra puede ser reconocida (examinada por el ojo), mientras que la “lecturabilidad” describe la facilidad con la que un texto puede ser comprendido (en un proceso mental de frases con significado). Los diseñadores acostumbran a distinguir entre “legibilidad” y “lecturabilidad” como la parte objetiva y subjetiva de la experiencia tipográfica. Para los científicos, sin embargo, la lecturabilidad puede ser calculada objetivamente, siendo la velocidad de lectura + la comprensión. Los experimentos en muchos de los estudios citados aquí fueron desarrollados leyendo un texto y respondiendo unas preguntas después. (Velocidad y comprensión fueron analizadas juntas porque una lectura más rápida se alcanza a menudo a expensas de la comprensión del contenido).

La literatura sobre la lecturabilidad incluye numerosos artículos que explican donde y por qué se prefiere el papel en lugar de la pantalla. En 1987 se hicieron varias investigaciones para IBM sobre las variables que afectan al texto tanto en pantalla como en la página, como la calidad de la imagen, tipografía o el interlineado. Aunque la intención era identificar el culpable de las bajas prestaciones de las pantallas, descubrieron algo muy distinto: la existencia de un conjunto de factores donde cada variable afectaba a las otras. Se demostró así que la pantalla no era la causa de su propia ineficacia; el culpable era el modo en que se presentaba el texto, en otras palabras, su diseño.

En un segundo experimento, el equipo de IBM comprobó que las diferencias de eficiencia entre el papel y la pantalla podrían ser eliminadas completamente si las pantallas se creasen para parecerse más a las condiciones “normales” de impresión. En este estudio se utilizaron tipografías negras y suavizadas en una pantalla clara de alta resolución — características que llegaron a ser más o menos estándares en la década de 1990. La investigación de IBM estableció que las convenciones de diseño desarrolladas para impresión se pueden traducir para la pantalla.

Mientras que este trabajo confirma la concordancia entre el diseño en papel y pantalla, otra investigación desafió algunos de nuestros conceptos más asentados: cuestiona la longitud de línea y el número apropiado de caracteres por línea. El modernismo suízo promovió durante mucho tiempo las líneas cortas como ideales para la lectura, desde Josef Müller-Brockman (siete palabras por línea) a Ruedi Rüegg (de cuarenta a setenta caracteres). Estas reglas llegaron a convertirse en instintivas para muchos diseñadores.

La ciencia, no obstante, nos revela algo muy distinto. Un estudio determina que las líneas de gran longitud son mucho más eficientes que las cortas, concluyendo que las columnas de texto deben cubrir lo máximo posible la pantalla aunque las páginas HTML sin estructurar y con menos márgenes, expandiéndose para cubrir la pantalla con una sola columna, pueden transmitir una apariencia grotesca.

Otro estudio compara textos de ochenta caracteres por línea con otros de solo cuarenta. Las líneas de ochenta caracteres fueron creadas estrechando el ancho de cada letra para que cogiera mucho más texto en el mismo espacio. A pesar de este crimen imperdonable contra la tipografía, el estudio descubrió que los usuarios podían leer las densas líneas con mucha más eficacia que otras con menos caracteres — y por lo tanto con proporciones normales.

Cuestionar las normas establecidas no es malo. Quizás las investigaciones citadas aquí no nos dicen exactamente cómo tratar la tipografía pero sus conclusiones podrían ser útiles de otras maneras. Por ejemplo, el espacio en blanco en todo lo relacionado con la tipografía fue algo siempre muy defendido. Quizás sea hora de reconsiderar el valor de la densidad en una página de papel o en una pantalla creando un ambiente más humano. Evitemos las posturas demasiado refinadas y la excesiva distancia entre la ‘a’ y la ‘b’. Apoyemos una mayor riqueza, diversidad y compacticidad entre la información y las ideas, la gente y los lugares.

Artículo original: http://www.elupton.com/index.php?id=39
Traducción: Oscar Otero letrag.com

Bueno siguiendo con los recursos, les comparto una página donde se pueden descargar fuentes basadas en pixel, éstas nos pueden sacar de apuro al momento de realizar algún diseño en el contexto informático, electrónico y otros, espero les sirva.

Que tal a todos, les agradesco el que sigan visitando mi blog, disculpen si no he posteado últimamente, pues dejenme les platico que estaba trabajando en mi casa el viernes por la noche cuando de repepente se me apaga automaticamente la computadora, aaaaahh jijo!! que paso! un mugre virus(pensé) y cual fue mi sorpresa que ya no quizo prender y olia un poco a quemado, apague el switch de la fuente de poder para darle una checada en eso que me volteo por un desarmador cuando se oye un ruido fuerte y extraño que no puedo explicar, total… para no hacérselas muy cardiaca y para acabar pronto..lo que pasó fue que se me quemó la fuente de poder y se llevó a la tarjeta madre junto con ella noooooooo!! mi discos duros!! y mi tarjeta de video!! mis datooooosss!! luego luego pense lo peor, pero afortunadamente no paso a mayores y solo fue la fuente y la tarjeta madre, ahora les vuelvo a pedir otra disculpa pues estaré posteando desde mi trabajo a escondidas del jefe, y pues en donde se pueda, pero pues la verdad me da desconfianza entrar a máquinas públicas.

 Por otra parte les quiero platicar que ya estoy diseñando mi nuevo blog en mi hosting propio, por el momento solo puedo enseñarles un screenshot, para que lo vean como va quedando, todavía le faltan ajustes:

La verdad que ya quiero lanzarlo para postear en el nuevo pues al importar el XML a éste solo me importa 1 artículo borrador, la página de acerca de jensomx y la introducción, ya le busqué y nomas no, por eso me urge sacarlo rápido ahora me queda esperar mi nueva tarjeta madre para seguirle rápido, si alguien sabe este problema, por favor díganmelo, si no tendré que hacerlo manualmente.

 Bueno mis amigos, seguimos adelante y pues buena cara al mal tiempo. continuamos…

Saludos.

la tipografía Helvetica cumple 50 años, en linotype celebran estea niversario con poster diseñados con este tipo, pueden votar por sus posters favoritos.

Linotype

Siguiendo con el post anterior y pensando en un diseño funcional, les paso una guia de diseño de páginas de internet basado en conceptos de usabilidad, esta guía fue aportada por José Mario Serrano a través de la Universidad Auntónoma de Ciudad Juárez, comprende 5 módulos, desde la entrevista con el cliente hasta la publicación y alta en buscadores. Contiene un formato especial para impresión.

Modulo 1
Cliente y Usuario

Módulo 2
Información de contenido y diagrama de flujo

Módulo 3
Retículo y diseño

Módulo 4
HTML y maqueteción

Módulo 5
Prueba de usabilidad y Publicación

Es una buena manera de poder conocer y expandir nuestros conocimientos en el diseño web.

Fuente: http://www.uacj.mx/usabilidad/default.html

¿No se han puesto a pensar de por qué los blogs han tenido mucho exito? y ¿por qué la gente se siente a gusto al visitarlos? es por la sencilla razón de que estan diseñados y estructurados con muy buena “usabilidad” esta dentro del campo específico del desarrollo y diseño web, se le conoce como la disciplina que estudia precisamente eso, el diseño de sitios web; los usuarios pueden interactuar de manera amena con un sitio, sin sentirse perdido, de manera fácil, cómoda e intuitiva.

y pues no es para más pues a los blogs nomas le das para atrás y para adelante según la página y si tienes que encontrar algo específico y no lo encuentras en las categorías o post recientes le das buscar y a los resultados arrojados de nuevo para atras y adelante dependiendo del número de páginas arrojadas en los resultados, facil de usar no?, ésto es por la estructura de este, no te permite salirte del mismo, por lo que nunca te perderas en un blog.

Ahora, nosotros debemos de llevar a cabo un diseño que esté estructurado y centrado en el usuario final, es decir, cuando nos encarguen un diseño y desarrollo de un sitio, más que pensar en el cliente que encarga el trabajo, debemos de pensar más aún en el usuario final  que usará y que interactuará con el sitio, es por eso que muchos diseños fracasan, pierden visitas, con tendencias de usuario con altro porcentaje en abandonos etc.

Para entender esto un poco mas les comparto un slide que se publicó en SlideShare.net

Fuente: SlideShare

El diseño editorial, tiene su muy peculiar historia (que después contaremos), y ahora con los medios digitales, el diseño editorial toma un nuevo medio de publicación: el diseño de páginas web, al hablar de la palabra “página“, este concepto tiene sus propios fundamentos y premisas de diseño editorial; pero ahora al parecer con las “páginas” web el medio y el soporte cambian, ya no es el papel el que marca la pauta, ya no hay líneas de corte, tamaños de pliegos a conciderar según el tamaño final del libro, etc, todo eso ya no existe en el diseño editorial digital(me refiero a publicaciones no soportadas en web como revistas digitales tales como encarta etc), y web; para eso hay otras bases: formato digital web: html, y codificación para el diseño: CSS; ahora en ves de pliegos etc, un factor a conciderar es la resolución y tamaño de los monitores.

Por otra parte doy gracias al cielo que hubo y hay alguien que se tomara la libertad de hacer y brindarnos retículas para todo diseñador profesional web; CarlosLepoldo.com postea recursos sobre las retículas, también conocidas como Grid(inglés), Grilla.:

Recursos de retícula para diseño web.

• Design by Grid una de tantas galerías de sitios hechos con CSS pero enfocada más a los sitios que respetan el diseño con grilla aquí lo reseñan.
• Grid Calculator es una herramienta que nos crea una retícula basada en un tamaño de la letra, el número de columnas, el ancho de la columna y el ancho de canal.
• Grid Generator se trata de un generador de cuadrículas para guiarnos a la hora de diseñar, la cuadrícula generada es un archivo PNG descargable.
• Phiculator esto es simplemente una calculadora de secciones áureas Φ además la puedes descargar para Windows, Mac o en un SWF de Flash.
• Grid se trata de una imagen genérica que sirve cómo guía para la mayoría de los diseños web, creada por Cameron Moll.

fuente: CarlosLeopoldo.com

Amigos, no me quedé con las ganas de tener un dominio y hosting propio, y pues así que lo adquirí, monte una página en construción con un link al block gratuito, los próximos dias estaré trabajando en el block ya personalizado, de esta manera no tendré las limitantes de este dominio y hosting gratuito, como son edicion de hojas de estilo, metatags, optimización, páginas estáticas propias,etc, no dejen de estar visitanto este blog, pues seguiré posteando aunque no tanto como quisisera por falta de tiempo y por que estaré realizando el blog personal.

Escriban sugerencias de los temas que quisieran que se publicaran sobre tipografía, diseño gráfico, diseño web, etc. para investigarlo y asi compartirlo con todos ustedes.

Todos sabemos como la web 2.0 está abriendo campo en el uso de Internet, de cómo el usuario está cada día más involucrado con el uso este último; también como el uso de la tipografía juega un papel importante en este medio, pues siempre lo diré, la tipografía es la base de la comunicación escrita.

Oscar Otero (letrag.com) nos brinda en su página un artículo sobre la tipografía en la web 2.0, dicho artículo es una traducción hecha por él, y ésta proviene de Mark Keisler. En dicho artículo hace un análisis sobre la situación.

los invito a visitar esta pagina, pues ahi se públican artículos interesantes sobre tipografía y a la ves que tiene indexados blogs de tipografía

letrag.com 

De ésta manera me permito publicar su artículo sin cambio alguno para que lo lean asi como un link directo al arctículo de Oscar Otero.

La gran controversia tipográfica en la Web 2.0

por Oscar Otero (letrag.com) 

¿Siempre te preguntaste por qué muchas de las nuevas páginas web tienen tipografías gigantes con un gran contraste? ¿Será por los diseñadores web más viejos o quizás sea un grupo de jóvenes diseñadores que están intentando ir a la moda? Aunque en algunos casos pueda ser por una de estas razones, yo diría que los verdaderos culpables son los diseñadores que basan sus decisiones tipográficas en la investigación (esperanzadamente).

Contrariamente a lo que se suele pensar, la mayoría de los diseñadores web bien educados se fijan en las investigaciones de legibilidad de HCI y de UI para determinar las soluciones tipográficas de un sitio web. Existe actualmente una tendencia en el diseño web de utilizar grandes tipografías con un alto contraste. Hay muchos blogs y otras páginas que debaten sobre las webs de próxima generación. Un comentario que se encuentra repetidamente es el de “¿realmente necesitas disminuir el tamaño de texto? ¿Qué pasa con las tipografías gigantes?” Yo tengo mis propias razones para usar tamaños grandes en los textos en mi blog y puesto que había muchos de esos comentarios (en mi web y en otros sitios) quise investigar y compartir algunos de los resultados de este tema.

En muchos casos, creo que el uso reciente de enormes tipografías muy contrastadas es una reacción directa a las últimas tendencias tipográficas en diseño web. La moda de las tipografías pequeñas de bajo contraste empezó con la aparición del CSS al facilitar considerablemente el formateo del texto y conseguir una gran variedad de tratamientos tipográficos. Mientras que los diseñadores web habían utilizado siempre pequeñas tipografías de bajo contraste a modo estético, particularmente en páginas de arte, la moda explotó realmente al utilizar el CSS en los blogs (como por ejemplo Zeldman) y en otros sitios generados dinámicamente que usaban estas hojas de estilo en cascada. Este paradigma llegó a ser frecuente al mismo tiempo que los estándares web predicaban lo contrario: que las tipografías debían ser legibles y no de bajo contraste, o por lo menos ofrecer una alternativa en el CSS para una versión de alto contraste. Existen otras tendencias en los últimos años que han influenciado el cambio actual. En su artículo “Diseño 2.0: Minimalismo, Transparencia y Tú”, mi socio Emily Chang escribe sobre un cambio lejos del diseño recargado y a favor de la simplicidad, la utilidad y el minimalismo.

En el artículo de Jakob Nielsen “Los diez mayores errores del diseño web de 2005” indica que “las malas tipografías ganaron la encuesta por mayoría absoluta, consiguiendo casi el doble de votos que el error número 2. Casi dos tercios de los votantes se quejaron por los tamaños de letra pequeños o fijos; cerca de la mitad se quejó por el bajo contraste entre el texto y el fondo”. Aunque no siempre estoy de acuerdo con todo lo que el señor Nielsen dice sobre el diseño web, sus estudios tienen en cuenta a un gran número de usuarios. Personalmente, en este caso no podría estar más de acuerdo con sus resultados. Muchas veces cuando estoy en mi ordenador portátil tengo que desactivar las hojas de estilo para leer el contenido. Del estudio de Jakob se deduce que para la mayoría de los navegantes de internet la legibilidad y los textos pequeños no son compatibles.

En 2000, Michael Bernard y Melissa Mills de la Usability Research Laboratory en la Universidad del Estado de Witchita hicieron un estudio titulado “Así pues, qué tamaño y tipografía utilizaría en mi página web” incluyendo tamaños de varios puntos, tipos de letra y tipografías suavizadas y sin suavizar. El tamaño más popular fue de 12 puntos, sin embargo, hay que tener en cuenta que el estudio fue realizado en 2000 cuando la resolución de pantalla más popular era de 800×600.

Según OneStat.com, la resolución actual más popular es de 1024×768 que cuenta con el 57,38% de usuarios. El siguiente es solamente del 18,23%. Yo diría que si el tamaño de letra preferido en 2000 era de 12 puntos, el mejor tamaño actual fuera por lo menos de 14 o sino 1em ó 16 puntos. Esto es así porque los otros 20% de los usuarios en la estadística de OneStat.com estaban en resoluciones mayores a 1024×768. La tendencia de la web 2.0 del texto de 16 puntos ya tiene una base.

Para las resoluciones de pantalla de 800×600 que abarcan casi el 20% del mercado, los diseñadores deben prever y ofrecer un modo fácil a los visitantes de cambiar el tamaño de letra. Zeldman y Nielsen han sido autores de un método que cambia la hoja de estilo. No todo el mundo que navega por internet sabe reducir el tamaño de texto de su navegador y esta es la mejor manera de asegurar la legibilidad de cada visitante. Se deben utilizar siempre porcentajes o ems como medida tipográfica de modo que el texto se puede redimensionar y adaptar al navegador si fuera necesario.

Como conclusión, las tipografías de un mayor contraste pueden aumentar la legibilidad, utilidad y el rango de edad de los visitantes de tu sitio web. Si se utilizan letras grandes es una buena idea el incluir un estilo alternativo para diferentes resoluciones. Tengo que admitir que soy culpable por no hacer esto mismo en mi web por lo que pronto instalaré un sistema para corregirlo.

fuente: letrag.com